:root{color-scheme:light dark;--bg: #f5f6f8;--surface: #ffffff;--border: #d9dce1;--text: #1b1f24;--muted: #5b6270;--accent: #2f6feb;--accent-secondary: #6fa0f2;--accent-tertiary: #14356e;--accent-contrast: #ffffff;--success: #1a7f37;--warning: #9a6700;--warning-secondary: #c98a12;--danger: #cf222e;--nav-hover-bg: #e9edf7;--header-bg: #dde1e6;--border-strong: #b7bcc4;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}@media (prefers-color-scheme: dark){:root:not([data-theme=light]){--bg: #14171c;--surface: #1c2027;--border: #2d333b;--text: #e6edf3;--muted: #9aa4b2;--accent: #5b9dff;--accent-secondary: #9cc4ff;--accent-tertiary: #2f6feb;--accent-contrast: #0c1116;--success: #3fb950;--warning: #d29922;--warning-secondary: #f0c15c;--danger: #f85149;--nav-hover-bg: #14171c;--header-bg: #0a0d11;--border-strong: #454b55}}:root[data-theme=dark]{color-scheme:dark;--bg: #14171c;--surface: #1c2027;--border: #2d333b;--text: #e6edf3;--muted: #9aa4b2;--accent: #5b9dff;--accent-secondary: #9cc4ff;--accent-tertiary: #2f6feb;--accent-contrast: #0c1116;--success: #3fb950;--warning: #d29922;--warning-secondary: #f0c15c;--danger: #f85149;--nav-hover-bg: #14171c;--header-bg: #0a0d11;--border-strong: #454b55}:root[data-theme=light]{color-scheme:light;--bg: #f5f6f8;--surface: #ffffff;--border: #d9dce1;--text: #1b1f24;--muted: #5b6270;--accent: #2f6feb;--accent-secondary: #6fa0f2;--accent-tertiary: #14356e;--accent-contrast: #ffffff;--success: #1a7f37;--warning: #9a6700;--warning-secondary: #c98a12;--danger: #cf222e;--nav-hover-bg: #e9edf7;--header-bg: #dde1e6;--border-strong: #b7bcc4}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text)}a{color:var(--accent)}button{font-family:inherit}.app-shell{display:flex;min-height:100vh}.sidebar{width:220px;flex-shrink:0;background:var(--surface);border-right:1px solid var(--border);padding:1rem;display:flex;flex-direction:column;gap:.25rem;position:sticky;top:0;height:100vh;overflow-y:auto}.sidebar-brand{display:flex;flex-direction:column;align-items:center;gap:.5rem;margin-bottom:1rem}.sidebar-logo{width:100%;max-width:180px;height:auto;object-fit:contain;flex-shrink:0}.sidebar h1{font-size:1rem;margin:0}.theme-toggle{margin-bottom:.5rem}.sidebar a,.sidebar button.link{display:flex;align-items:center;gap:.65rem;padding:.5rem .75rem;border-radius:6px;color:var(--text);text-decoration:none;font-size:.9rem;border:none;background:none;text-align:left;cursor:pointer;width:100%}.nav-icon{flex-shrink:0;color:var(--muted)}.sidebar a.active .nav-icon,.sidebar a:hover .nav-icon{color:var(--accent)}.sidebar-highlight-group{border:1px solid var(--border);border-radius:8px;padding:.2rem;margin:.4rem 0;background:var(--bg)}.sidebar a.active,.sidebar a:hover,.sidebar button.link:hover{background:var(--nav-hover-bg)}.content{flex:1;padding:1.5rem 2rem}.content-topbar{display:flex;justify-content:flex-end;align-items:center;gap:.6rem;margin-bottom:.75rem;position:sticky;top:0;z-index:20;background:var(--bg);padding:.75rem 0}.account-menu{position:relative}.account-menu-button{display:inline-flex;align-items:center;gap:.5rem;height:2.2rem;padding:0 .75rem;border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:999px;cursor:pointer;font-family:inherit}.account-menu-button:hover{border-color:var(--accent)}.account-menu-label{display:flex;flex-direction:column;align-items:flex-start;line-height:1.2}.account-menu-name{font-size:.85rem;font-weight:600}.account-menu-role{font-size:.7rem;color:var(--muted)}.account-menu-dropdown{position:absolute;top:calc(100% + .5rem);right:0;min-width:180px;display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--border);border-radius:8px;box-shadow:0 8px 24px #00000026;z-index:50;overflow:hidden;padding:.35rem}.account-menu-item{display:flex;align-items:center;gap:.6rem;width:100%;text-align:left;padding:.5rem .6rem;border:none;border-radius:6px;background:none;color:var(--text);text-decoration:none;cursor:pointer;font-family:inherit;font-size:.85rem}.account-menu-item:hover{background:var(--nav-hover-bg)}.card{background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:1rem 1.25rem;margin-bottom:1rem}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:.75rem;margin-bottom:1.5rem}.stat-tile{background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:.9rem 1rem}.stat-tile .value{font-size:1.6rem;font-weight:600}.stat-tile .label{color:var(--muted);font-size:.8rem}table{width:100%;border-collapse:collapse;font-size:.9rem}th,td{text-align:left;padding:.5rem .6rem;border-bottom:1px solid var(--border)}th{color:var(--muted);font-weight:600;font-size:.8rem;text-transform:uppercase;letter-spacing:.02em}.btn{display:inline-flex;align-items:center;gap:.4rem;border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:6px;padding:.4rem .8rem;font-size:.85rem;cursor:pointer}.btn:hover{border-color:var(--accent)}.btn.primary{background:var(--accent);color:var(--accent-contrast);border-color:var(--accent)}.btn.danger{color:var(--danger);border-color:var(--danger)}.btn:disabled{opacity:.5;cursor:not-allowed}.badge{display:inline-block;padding:.15rem .5rem;border-radius:999px;font-size:.75rem;font-weight:600;border:1px solid var(--border);white-space:nowrap}.badge.draft{color:var(--muted)}.badge.published{color:var(--success);border-color:var(--success)}.badge.archived{color:var(--muted)}.badge.pending{color:var(--warning);border-color:var(--warning)}.badge.verified,.badge.approved{color:var(--success);border-color:var(--success)}.badge.in_progress{color:var(--warning);border-color:var(--warning)}.badge.completed{color:var(--success);border-color:var(--success)}.badge.rejected{color:var(--danger);border-color:var(--danger)}.badge.signed{color:var(--accent);border-color:var(--accent)}.badge.sop{color:var(--warning);border-color:var(--warning)}.badge.assignment-due{color:var(--accent);border-color:var(--accent)}.badge.refresher{color:var(--danger);border-color:var(--danger)}.badge.rank-1{color:#1f7fd1;border-color:#1f7fd1}.badge.rank-2{color:#d1467f;border-color:#d1467f}.badge.rank-3{color:#8a94a3;border-color:#8a94a3}tr.rank-1{background:#1f7fd10f}tr.rank-2{background:#d1467f0f}tr.rank-3{background:#8a94a314}input,select,textarea{font-family:inherit;font-size:.9rem;padding:.4rem .6rem;border:1px solid var(--border);border-radius:6px;background:var(--surface);color:var(--text);width:100%}label{display:block;font-size:.8rem;color:var(--muted);margin-bottom:.25rem}.field{margin-bottom:.75rem}.error-text{color:var(--danger);font-size:.85rem}.muted{color:var(--muted)}.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center}.auth-card{width:340px}.auth-brand{display:flex;justify-content:center;margin-bottom:1rem}.auth-brand img{width:100%;max-width:260px;height:auto;object-fit:contain}.row{display:flex;gap:.5rem;align-items:center}.section-block{border:1px solid var(--border);border-radius:8px;padding:1rem;margin-bottom:1rem}.section-summary{margin-bottom:1.25rem}.labeled-box{border:1px solid var(--border);border-radius:6px;margin-top:.6rem;overflow:hidden}.labeled-box-header{background:var(--header-bg);font-weight:700;font-size:.78rem;text-transform:uppercase;letter-spacing:.03em;padding:.35rem .65rem;border-bottom:1px solid var(--border)}.section-title-bar{background:var(--header-bg);margin:-1rem -1rem .75rem;padding:.6rem 1rem;border-radius:8px 8px 0 0;border-bottom:1px solid var(--border)}.labeled-box-content{padding:.6rem .75rem}.labeled-box-content p{margin:0 0 .35rem}.labeled-box-content p:last-child{margin-bottom:0}.labeled-box-content ol,.labeled-box-content ul{margin:0;padding-left:1.25rem}.labeled-box-content li{margin-bottom:.25rem}.labeled-box-content li:last-child{margin-bottom:0}.step-row{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;border-bottom:2px solid var(--border-strong);gap:1rem}.step-row:last-child{border-bottom:none}.trainee-picker-option:hover{background:var(--bg)}.donut-row{display:flex;gap:.75rem;flex-wrap:wrap;margin-bottom:1rem}.donut-tile{flex:1;min-width:200px;background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:.9rem 1rem;display:flex;align-items:center;gap:.75rem}.donut-tile .value{font-size:1.4rem;font-weight:600}.donut-tile .label{color:var(--muted);font-size:.8rem}.donut-tile-corner-link{position:absolute;top:.5rem;right:.6rem;display:inline-flex;align-items:center;gap:.25rem;font-size:.7rem;font-weight:600;color:var(--muted);text-decoration:none}.donut-tile-corner-link:hover{color:var(--accent)}.donut-tile-corner-link img{width:16px;height:16px}.html-training-viewer{display:flex;flex-direction:column}.html-training-viewer-toolbar{display:flex;justify-content:flex-end;margin-bottom:.4rem}.html-training-viewer iframe{width:100%;height:600px;border:1px solid var(--border);border-radius:8px;display:block}.html-training-viewer:fullscreen,.html-training-viewer:-webkit-full-screen{background:var(--bg);padding:.75rem;height:100vh}.html-training-viewer:fullscreen iframe,.html-training-viewer:-webkit-full-screen iframe{flex:1;height:auto;border-radius:0}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:.2rem}.calendar-weekday{text-align:center;font-size:.7rem;color:var(--muted);font-weight:600;padding-bottom:.3rem}.calendar-day{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:3px;font-size:.8rem;min-height:34px;padding:.3rem 0 .15rem;border-radius:10px}.calendar-day.today{background:var(--accent);color:var(--accent-contrast);font-weight:600}.calendar-day-dots{display:flex;gap:3px;height:5px}.calendar-dot{width:5px;height:5px;border-radius:50%;display:inline-block}.calendar-dot.assignment{background:var(--accent)}.calendar-dot.sop{background:var(--warning)}.calendar-dot.refresher{background:var(--danger)}.qf-page{max-width:1100px}.qf-toolbar{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;flex-wrap:wrap}.qf-form{margin:.75rem 0 0;padding:0;min-width:0;border:1px solid var(--border-strong);border-radius:4px;background:var(--surface);overflow:hidden}.qf-form:disabled{opacity:.85}.qf-bar{display:flex;justify-content:space-between;align-items:center;gap:.75rem;padding:.35rem .6rem;background:var(--header-bg);border-top:1px solid var(--border-strong);font-weight:600;font-size:.88rem}.qf-form>.qf-bar:first-child{border-top:none}.qf-bar-title{flex:1}.qf-na{display:inline-flex;align-items:center;gap:.35rem;font-size:.8rem;font-weight:600;white-space:nowrap}.qf-na input,.qf-check input,.qf-yn input{width:auto;margin:0}.qf-row{display:grid;border-top:1px solid var(--border-strong)}.qf-cell{display:flex;flex-direction:column;justify-content:center;gap:.3rem;padding:.4rem .6rem;min-width:0;border-left:1px solid var(--border-strong)}.qf-row>.qf-cell:first-child{border-left:none}.qf-row.qf-head{font-size:.85rem;font-weight:600;background:var(--nav-hover-bg)}.qf-label{font-weight:600;font-size:.85rem}.qf-inline{display:flex;align-items:center;flex-wrap:wrap;gap:.35rem;font-size:.85rem}.qf-inline input{flex:1;min-width:120px}.qf-area textarea,.qf-cell>input,.qf-cell>textarea{width:100%}.qf-hint{font-size:.78rem;font-style:italic;color:var(--muted);white-space:pre-line}.qf-note{font-size:.78rem;font-style:italic;color:var(--muted)}.qf-check{display:inline-flex;align-items:center;gap:.35rem;font-size:.85rem;font-weight:400;margin:0}.qf-choice{display:flex;flex-wrap:wrap;gap:.5rem .9rem}.qf-locations{display:flex;flex-wrap:wrap;gap:.35rem .9rem}.qf-yn{align-items:center;justify-content:center}.qf-value{font-size:.9rem}.qf-add{padding:.3rem .6rem;border-top:1px solid var(--border-strong)}.qf-problems{border-color:var(--danger)}.qf-problems ul{margin:.35rem 0 0;padding-left:1.2rem}@media (max-width: 720px){.qf-row{grid-template-columns:1fr!important}.qf-row>.qf-cell{border-left:none;border-top:1px solid var(--border-strong)}.qf-row>.qf-cell:first-child{border-top:none}}.audit-detail{font-size:.75rem;white-space:pre-wrap;max-width:520px;background:var(--bg);padding:.5rem;border-radius:4px}.notification-bell{position:relative}.notification-bell-button{position:relative;display:inline-flex;align-items:center;justify-content:center;width:2.2rem;height:2.2rem;border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:999px;cursor:pointer}.notification-bell-button:hover{border-color:var(--accent)}.notification-badge{position:absolute;top:-.3rem;right:-.3rem;min-width:1.1rem;height:1.1rem;padding:0 .25rem;border-radius:999px;background:var(--danger);color:#fff;font-size:.65rem;font-weight:600;display:flex;align-items:center;justify-content:center;line-height:1}.notification-dropdown{position:absolute;top:calc(100% + .5rem);right:0;width:340px;max-height:420px;display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--border);border-radius:8px;box-shadow:0 8px 24px #00000026;z-index:50;overflow:hidden}.notification-dropdown-header{display:flex;align-items:center;justify-content:space-between;padding:.6rem .85rem;border-bottom:1px solid var(--border);font-weight:600;font-size:.85rem}.notification-list{overflow-y:auto}.notification-item{display:flex;flex-direction:column;gap:.15rem;width:100%;text-align:left;padding:.6rem .85rem;border:none;border-bottom:1px solid var(--border);background:var(--surface);color:var(--text);cursor:pointer;font-family:inherit}.notification-item:hover{background:var(--nav-hover-bg)}.notification-item.unread{background:color-mix(in srgb,var(--accent) 8%,var(--surface))}.notification-item.unread:hover{background:color-mix(in srgb,var(--accent) 14%,var(--surface))}.notification-item-title{font-size:.85rem;font-weight:600}.notification-item-body{font-size:.8rem;color:var(--muted)}.notification-item-time{font-size:.7rem;color:var(--muted)}.notification-dropdown-footer{padding:.5rem .85rem;border-top:1px solid var(--border);text-align:center}.notification-link-btn{border:none;background:none;color:var(--accent);font-size:.8rem;cursor:pointer;font-family:inherit;padding:0}.notification-link-btn:hover{text-decoration:underline}.designer-toolbar{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap;margin-bottom:1rem}.designer-form{max-width:1000px}.designer-title{margin:0 0 .5rem}.designer-title-input{font-size:1.5rem;font-weight:700;border:none;background:transparent;width:100%;padding:.2rem 0}.designer-title-input:focus,.designer-bar-input:focus,.designer-label:focus,.designer-note:focus{outline:1px dashed var(--accent)}.designer-bar-input{border:none;background:transparent;font-weight:600;font-size:.88rem;flex:1;min-width:0;padding:0}.designer-label{border:none;background:transparent;font-weight:600;font-size:.85rem;width:100%;padding:.1rem 0}.designer-note{width:100%;border:1px dashed var(--border-strong);background:transparent;color:inherit}.designer-choice{display:flex;flex-direction:column;gap:.3rem}.designer-field{position:relative;padding:.15rem 0}.designer-field.selected{background:var(--nav-hover-bg)}.designer-field:not(.selected):hover .designer-label{outline:1px dashed var(--border-strong)}.designer-settings{border-top:1px solid var(--accent);padding:.5rem .6rem;background:var(--surface)}.designer-section{margin-bottom:1rem}.designer-section-tools{display:flex;gap:.4rem;flex-wrap:wrap;align-items:center;padding:.5rem 0;border-top:1px dashed var(--border);margin-top:.4rem}.qf-section{border:1px solid var(--border-strong);border-radius:4px;overflow:hidden;background:var(--surface)}.qf-section+.qf-section{margin-top:.85rem}.qf-matrix-wrap{overflow-x:auto}.qf-matrix{width:100%;border-collapse:collapse;font-size:.85rem}.qf-matrix td{border:1px solid var(--border-strong);padding:.35rem .5rem;vertical-align:middle}.qf-matrix-group{width:22%;vertical-align:top}.qf-matrix-q{width:30%}.qf-matrix-opt{white-space:nowrap}.qf-matrix-detail input{width:100%}