/* Web approximation of Liquid Glass, aligned with the daily dashboard. */
:root{--quarterly-ink:#24483e;--quarterly-surface:#fff;--quarterly-border:#d5e0da;--quarterly-muted:#61736b;--quarterly-glass:#ffffffd6;--quarterly-glass-shadow:0 8px 28px #1f413714,inset 0 1px 0 #fff}
body{background:#edf2ef;color:#243b33;letter-spacing:0;min-width:0}
.app-shell{grid-template-columns:248px minmax(0,1fr)}.main,.view,.grid>*{min-width:0}
.sidebar{background:var(--quarterly-glass);border:1px solid #fff;border-radius:22px;margin:12px;box-shadow:var(--quarterly-glass-shadow);backdrop-filter:blur(24px) saturate(135%);-webkit-backdrop-filter:blur(24px) saturate(135%)}
.topbar{background:var(--quarterly-glass);border:1px solid #fff;border-radius:22px;padding:20px;box-shadow:var(--quarterly-glass-shadow);backdrop-filter:blur(20px) saturate(130%);-webkit-backdrop-filter:blur(20px) saturate(130%)}
.nav-list{align-content:start;grid-auto-rows:minmax(44px,auto)}
@media(min-width:761px){.sidebar{top:12px;height:calc(100dvh - 24px)}}
.nav-list button{border-radius:10px;min-height:44px;transition:background .15s ease}
.nav-list button.active{background:#e7f0d5;color:#365a38}
.primary-btn,.ghost-btn,.viewer-mode-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:10px 18px;border-radius:22px;font-weight:600;line-height:1.4}
.primary-btn{background:#285443;border-color:#285443;color:white}
.small-btn,.danger-btn,.secondary-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:10px 16px;border-radius:22px;border:1px solid var(--quarterly-border);font-weight:600;line-height:1.4;transition:background .16s ease,box-shadow .16s ease}
.small-btn,.secondary-btn{background:var(--quarterly-surface);color:var(--quarterly-ink);box-shadow:inset 0 1px 0 #ffffff80}
.danger-btn{background:#fff2f2;color:#aa3036;border-color:#efd4d5}
.nav-list button{border:1px solid transparent;border-radius:20px;font-weight:600}
.nav-list button:hover{background:var(--quarterly-surface);border-color:var(--quarterly-border)}
.nav-list button.active{border-color:#d4e1b3;box-shadow:inset 0 1px 0 #ffffff80}
.primary-btn:hover:not(:disabled){background:#1f4136}
.small-btn:hover:not(:disabled),.ghost-btn:hover:not(:disabled),.secondary-btn:hover:not(:disabled){border-color:#8faa99;box-shadow:0 3px 8px #254e4014}
input:focus,select:focus,textarea:focus{outline:none;border-color:#5a856d;box-shadow:0 0 0 3px #56826926}
textarea{line-height:1.75;min-height:96px}
.panel-head{gap:12px;flex-wrap:wrap}.panel-head h2{font-size:17px;line-height:1.5}
.toolbar-inline{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.competency-grid label,.form-grid label{min-width:0}.form-grid input,.form-grid select,.form-grid textarea{width:100%;box-sizing:border-box}
thead th{background:#f0f5f1;color:#3e5a4b}tbody tr:nth-child(even){background:#fafbfa}tbody tr:hover{background:#f0f5ec}
.ghost-btn,.viewer-mode-btn{background:#ffffffeb;border:1px solid var(--quarterly-border);color:var(--quarterly-ink)}
button:disabled{opacity:.55;cursor:wait}
button:focus-visible,a:focus-visible,.table-wrap:focus-visible{outline:3px solid #628870;outline-offset:3px}
input,select,textarea{border-radius:8px;border-color:var(--quarterly-border);background:var(--quarterly-surface);color:inherit;min-height:40px}
.panel{border-radius:0;background:var(--quarterly-surface);box-shadow:none;border:0;border-top:1px solid var(--quarterly-border)}
.metric-card,.kpi-card{border-radius:8px;background:var(--quarterly-surface)}
table{font-variant-numeric:tabular-nums}.table-wrap{overflow-x:auto;max-width:100%;min-width:0}
.quarterly-toolbar{display:flex;gap:8px;justify-content:flex-end;flex-wrap:wrap;margin:12px 0}
#quarterlyStatus{font-size:13px;color:var(--quarterly-muted);min-height:20px}
.system-switch-banner{border-radius:8px;background:#f3f8e8}
html[data-theme="dark"]{color-scheme:dark;--quarterly-ink:#e3eee6;--quarterly-surface:#242d27;--quarterly-border:#526358;--quarterly-muted:#bdcdc2;--ink:#e3eee6;--navy:#d9e8dd;--muted:#bdcdc2;--line:#526358;--panel:#242d27;--page:#18201b}
html[data-theme="dark"] body{background:#18201b;color:#e3eee6}
html[data-theme="dark"] .sidebar,html[data-theme="dark"] .topbar{background:#242d27ed;border-color:#526358;box-shadow:0 8px 28px #00000026,inset 0 1px 0 #ffffff14}
html[data-theme="dark"] tbody tr:nth-child(even){background:#29342c}html[data-theme="dark"] tbody tr:hover{background:#334239}
html[data-theme="dark"] .danger-btn{background:#47292c;color:#ffb9bd;border-color:#765258}
html[data-theme="dark"] .ghost-btn,html[data-theme="dark"] .viewer-mode-btn{background:#344239;color:#e3eee6}
html[data-theme="dark"] .nav-list button{color:#d5e2d8}
html[data-theme="dark"] .nav-list button.active{background:#405337;color:#e5f1d5}
html[data-theme="dark"] th{background:#35433b;color:#e3eee6}
html[data-theme="dark"] td{border-color:#526358}
html[data-theme="dark"] .muted,html[data-theme="dark"] label{color:#bdcdc2}
html[data-theme="dark"] .system-switch-banner{background:#2c3a2b;color:#e3eee6}
@media(max-width:1024px){.grid.cols-5,.grid.cols-4{grid-template-columns:repeat(2,minmax(0,1fr))}.form-grid,.competency-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.app-shell{display:block}.sidebar{position:static;height:auto;margin:0;border-radius:0;padding:12px}.brand{min-height:40px;margin-bottom:8px}.nav-list{display:flex;overflow-x:auto;overflow-y:hidden;gap:6px}.nav-list button{width:auto;flex:0 0 auto;white-space:nowrap}.sidebar-footer{display:flex;align-items:center;justify-content:space-between;gap:8px}.sidebar-footer .user-card{margin:0}.main{min-width:0;padding:12px}.topbar{border-radius:16px;padding:16px;flex-wrap:wrap;gap:12px}.quarterly-toolbar{justify-content:flex-start}#adminLoginButton{min-height:44px}.table-wrap{width:100%}.grid.cols-2,.grid.cols-3,.form-grid.wide{grid-template-columns:minmax(0,1fr)}.system-switch-banner{gap:8px;padding:12px}.system-switch-copy{min-width:0}.period-controls label{width:100px}.login-panel{width:min(440px,calc(100vw - 24px));padding:24px}.competency-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@supports not (backdrop-filter:blur(1px)){.sidebar,.topbar{background:var(--quarterly-surface)}}
@media(prefers-reduced-transparency:reduce){.sidebar,.topbar{background:var(--quarterly-surface);backdrop-filter:none;-webkit-backdrop-filter:none}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
@media print{.quarterly-toolbar,#quarterlyStatus{display:none!important}html[data-theme="dark"] body,.panel{background:white!important;color:#182d3b!important}.sidebar,.topbar{box-shadow:none;backdrop-filter:none}.table-wrap{overflow:visible}table{width:100%;table-layout:fixed}th,td{overflow-wrap:anywhere}}
@media print{.sidebar,.topbar{-webkit-backdrop-filter:none!important}tbody tr,thead th{background:white!important;color:#182d3b!important}}
.dashboard-context{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:8px 0 16px}.dashboard-context p{margin:6px 0 0}
.input-pending-list{display:flex;flex-wrap:wrap;gap:8px}.input-pending-list button{font-size:13px;text-align:left}
.dashboard-view-tabs{display:flex;gap:4px;border-bottom:1px solid var(--quarterly-border);margin:0 0 12px}.dashboard-view-tabs button{background:transparent;border:0;border-bottom:3px solid transparent;border-radius:0;color:var(--quarterly-muted);min-height:44px;padding:10px 18px;font-weight:600}.dashboard-view-tabs button[aria-selected="true"]{border-bottom-color:#6b8d42;color:var(--quarterly-ink)}
#dashboardOverview[hidden],#dashboardEmployees[hidden]{display:none!important}.dashboard-history summary{cursor:pointer;min-height:24px;font-weight:600;color:var(--quarterly-ink)}.dashboard-history:not([open]){padding-top:14px;padding-bottom:14px}
.dashboard-volume-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:16px;padding:12px 0}.dashboard-volume-grid>div{border-left:3px solid #9abc3c;padding-left:12px}.dashboard-volume-grid span{display:block;color:var(--quarterly-muted);font-size:13px}.dashboard-volume-grid strong{display:block;font-size:23px;margin-top:8px;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.dashboard-volume-grid>div:nth-child(2){border-color:#2979b8}.dashboard-volume-grid>div:nth-child(3){border-color:#d98c18}.dashboard-volume-grid>div:nth-child(4){border-color:#008c7a}.dashboard-volume-grid>div:nth-child(5){border-color:#eb8297}
.dashboard-score-bars{display:grid;gap:14px;padding:14px 0}.dashboard-score-row{display:grid;grid-template-columns:72px minmax(0,1fr) 48px;gap:12px;align-items:center;font-size:13px}.dashboard-score-row strong{text-align:right;font-variant-numeric:tabular-nums}.dashboard-score-track{height:12px;background:#e5ece6;border-radius:3px;overflow:hidden}.dashboard-score-track>div{height:100%;background:#2979b8;border-radius:3px}
.dashboard-progress{width:100%;height:12px;margin:14px 0;accent-color:#628b43}.dashboard-checklist{margin:8px 0 16px}.dashboard-checklist>div{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid var(--quarterly-border)}.dashboard-checklist dd{margin:0;font-weight:600}
.dashboard-filters{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:12px;margin-bottom:16px}.dashboard-filters label{min-width:0}.dashboard-filters input,.dashboard-filters select{width:100%}.dashboard-pagination{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:16px;color:var(--quarterly-muted);font-size:13px}.dashboard-pagination>div{display:flex;gap:8px}.dashboard-evaluation-status{font-size:12px;color:#986117;white-space:nowrap}.dashboard-evaluation-status.is-complete{color:#376644}
html[data-theme="dark"] .dashboard-score-track{background:#405146}html[data-theme="dark"] .dashboard-evaluation-status{color:#e7c280}html[data-theme="dark"] .dashboard-evaluation-status.is-complete{color:#b5d696}
@media(max-width:1024px){.dashboard-volume-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.dashboard-filters{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.dashboard-context{align-items:flex-start;flex-direction:column}.dashboard-volume-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-filters{grid-template-columns:minmax(0,1fr)}.dashboard-pagination{flex-wrap:wrap}}
@media print{.dashboard-filters,.dashboard-pagination{display:none}.dashboard-score-track{print-color-adjust:exact}}

/* Toss reference adapted to a desktop performance workspace. */
:root{--quarterly-ink:#191f28;--quarterly-muted:#4e5968;--quarterly-border:#e5e8eb;--quarterly-surface:#fff;--ink:#191f28;--navy:#191f28;--muted:#4e5968;--line:#e5e8eb;--page:#f2f4f6}
body{background:#f2f4f6;color:var(--quarterly-ink)}
.sidebar,.topbar{background:var(--quarterly-surface);border-color:var(--quarterly-border);border-radius:8px;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}
.topbar h1{font-size:26px;font-weight:700;line-height:1.4}.eyebrow{color:var(--quarterly-muted)}
.nav-list button{border-radius:8px;color:var(--quarterly-muted)}.nav-list button.active{background:#e8f3ff;color:#1b64da;border-color:transparent;box-shadow:none}.nav-list button:hover{background:#f2f4f6}
.primary-btn{background:#1b64da;border-color:#1b64da}.primary-btn:hover:not(:disabled){background:#1554bd}
.primary-btn,.ghost-btn,.small-btn,.danger-btn,.secondary-btn,.viewer-mode-btn{border-radius:8px;box-shadow:none}
button:focus-visible,a:focus-visible,.table-wrap:focus-visible{outline-color:#1b64da}input:focus,select:focus,textarea:focus{border-color:#1b64da;box-shadow:0 0 0 3px #3182f61f}
.panel{padding:24px;border-top:0;margin-bottom:16px}.panel-head h2{font-size:18px;font-weight:700}.metric-card{border:0;padding:22px;border-top:3px solid #3182f6}.metric-card:nth-child(2){border-top-color:#00866b}.metric-card:nth-child(3){border-top-color:#93ae42}.metric-card:nth-child(4){border-top-color:#d89522}.metric-card strong{font-size:32px;font-weight:700;color:var(--quarterly-ink);font-variant-numeric:tabular-nums}.metric-card span,.metric-card small{color:var(--quarterly-muted);line-height:1.6}
.dashboard-context strong{font-size:20px}.dashboard-volume-grid>div{border-left:0;padding-left:0}.dashboard-volume-grid strong{font-size:26px}.dashboard-volume-grid span{line-height:1.6}
.dashboard-view-tabs{margin-top:24px}.dashboard-view-tabs button[aria-selected="true"]{border-bottom-color:#1b64da;color:#1b64da}
.dashboard-score-row{grid-template-columns:72px minmax(0,1fr) 56px;gap:16px;min-height:32px;font-size:14px}.dashboard-score-track{height:16px;background:#f2f4f6;border-radius:4px}.dashboard-score-track>div{background:#3182f6;border-radius:4px}.dashboard-score-row:first-child .dashboard-score-track>div{background:#1b64da}.dashboard-score-row strong{font-size:17px}
.dashboard-progress{accent-color:#1b64da;height:10px}.dashboard-checklist>div{padding:12px 0}.dashboard-checklist dt{color:var(--quarterly-muted)}.dashboard-checklist dd{font-variant-numeric:tabular-nums}
thead th{background:#f9fafb;color:#4e5968;font-weight:600}tbody tr:nth-child(even){background:transparent}tbody tr:hover{background:#f2f7ff}th,td{padding:15px 12px;border-color:var(--quarterly-border)}
.dashboard-evaluation-status{background:#fff4df;color:#83540b;padding:5px 8px;border-radius:4px}.dashboard-evaluation-status.is-complete{background:#e6f5ed;color:#236443}
.quarterly-trend-chart{width:100%;display:block}.quarterly-trend-chart text{fill:var(--quarterly-muted)}.quarterly-trend-chart circle:hover{r:7;cursor:help}.quarterly-trend-chart line{stroke:var(--quarterly-border)}
html[data-theme="dark"]{--quarterly-ink:#f2f4f6;--quarterly-muted:#b0b8c1;--quarterly-border:#3c4149;--quarterly-surface:#24272c;--ink:#f2f4f6;--navy:#f2f4f6;--muted:#b0b8c1;--line:#3c4149;--page:#17191c}
html[data-theme="dark"] body{background:#17191c}html[data-theme="dark"] .sidebar,html[data-theme="dark"] .topbar{background:#24272c;border-color:#3c4149;box-shadow:none}html[data-theme="dark"] .nav-list button.active{background:#243f65;color:#c9e2ff}html[data-theme="dark"] .nav-list button:hover{background:#333942}html[data-theme="dark"] .dashboard-view-tabs button[aria-selected="true"]{color:#9ac7ff}html[data-theme="dark"] .dashboard-score-track{background:#3c4149}html[data-theme="dark"] thead th,html[data-theme="dark"] tbody tr:hover{background:#333942;color:#b0b8c1}html[data-theme="dark"] tbody tr:nth-child(even){background:transparent}html[data-theme="dark"] .dashboard-evaluation-status{background:#4b3b24;color:#f2d298}html[data-theme="dark"] .dashboard-evaluation-status.is-complete{background:#254535;color:#b2e3ca}
@media(max-width:760px){.panel{padding:16px}.metric-card{padding:16px}.metric-card strong{font-size:26px}.topbar h1{font-size:24px}.dashboard-context strong{font-size:18px}.dashboard-volume-grid strong{font-size:23px}.sidebar{border-radius:0}.dashboard-score-row{gap:10px}}
@media print{.metric-card{border:1px solid #e5e8eb}.quarterly-trend-chart text{fill:#4e5968!important}}