:root{--font-thai:"Sukhumvit Set", "Noto Sans Thai", "Leelawadee UI", sans-serif;--font-latin:"Museo Sans Rounded", Inter, ui-sans-serif, system-ui, sans-serif;--font-ui:var(--font-thai), var(--font-latin);--font-metric:var(--font-latin), var(--font-thai);--accent:#ff4500;--accent-rgb:255, 69, 0;--accent-2:#f50;--accent-soft:#fff1eb;--accent-strong:#e23e00;--accent-text:#b23a00;--ink:#262626;--text:#1f2937;--muted:#6b7280;--subtle:#374151;--caption:#9ca3af;--success:#16a34a;--success-text:#15803d;--warning:#b45309;--warning-text:#92400e;--danger:#b42318;--danger-text:#991b1b;--info:#175cd3;--info-text:#1849a9;--line:#e5e7eb;--line-strong:#d1d5db;--bg:#f6f7f9;--card:#fff;--surface:#fff;--surface-soft:#fbfbfc;--radius-xs:8px;--radius-sm:10px;--radius-md:12px;--radius-lg:16px;--shadow:0 1px 2px #1118270f;--shadow-soft:0 1px 2px #1118270d;--shadow-strong:0 14px 34px #1118271a;--ring:#ff780059;--focus-ring:3px solid var(--ring);--focus-ring-offset:2px;--s1:4px;--s2:8px;--s3:12px;--s4:16px;--s5:20px;--s6:24px;--input-font-size:max(16px, 1rem);--input-min-height:44px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html{background:var(--bg);scroll-behavior:smooth;min-width:320px}body{min-width:320px;color:var(--text);font-family:var(--font-ui);background:var(--bg);margin:0;overflow-x:hidden}button,input,textarea,select{font:inherit}button{cursor:pointer;border:0}button,input{-webkit-tap-highlight-color:transparent}input,select,textarea{font-size:var(--input-font-size);line-height:1.4}input[type=checkbox],input[type=radio],input[type=range]{accent-color:var(--accent)}input:not([type=checkbox]):not([type=radio]),select,textarea{min-height:var(--input-min-height)}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,a:focus-visible,[role=button]:focus-visible,[tabindex]:focus-visible:not([tabindex="-1"]){outline:var(--focus-ring);outline-offset:var(--focus-ring-offset)}button:focus:not(:focus-visible),input:focus:not(:focus-visible),select:focus:not(:focus-visible),textarea:focus:not(:focus-visible){outline:none}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.line-clamp-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.break-words{overflow-wrap:anywhere;word-break:break-word}.system-page-canvas{place-items:center;min-height:calc(100vh - 68px);padding:24px 0;display:grid}.system-page-card{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--card);width:min(100%,520px);box-shadow:var(--shadow);text-align:center;padding:28px 24px}.system-page-card.critical{background:#fffbfb;border-color:#dc262633}.system-page-icon{border:1px solid var(--line);width:56px;height:56px;color:var(--muted);background:#fff;border-radius:999px;place-items:center;margin:0 auto 14px;display:grid}.system-page-code{color:var(--subtle);letter-spacing:.08em;text-transform:uppercase;margin-bottom:8px;font-size:12px;font-weight:760;display:inline-block}.system-page-card h1{letter-spacing:-.04em;margin:0;font-size:clamp(24px,3vw,32px);font-weight:760}.system-page-card p{max-width:42ch;color:var(--muted);margin:12px auto 0;font-size:14px;line-height:1.65}.system-page-actions{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:20px;display:flex}.system-page-primary,.system-page-secondary{border-radius:var(--radius-sm);align-items:center;gap:8px;min-height:42px;padding:0 16px;font-size:14px;font-weight:700;text-decoration:none;display:inline-flex}.system-page-primary{border:1px solid var(--ink);background:var(--ink);color:#fff}.system-page-primary:hover{background:#0b1220;border-color:#0b1220}.system-page-secondary{border:1px solid var(--line);color:var(--text);background:#fff}.system-page-secondary:hover{border-color:var(--line-strong);color:var(--ink)}.system-page-links{border-top:1px solid var(--line);flex-wrap:wrap;justify-content:center;gap:8px;margin-top:18px;padding-top:16px;display:flex}.system-page-link-chip{border:1px solid var(--line);min-height:36px;color:var(--muted);background:#fff;border-radius:999px;align-items:center;padding:0 12px;font-size:13px;font-weight:650;text-decoration:none;display:inline-flex}.system-page-link-chip:hover{color:var(--ink);border-color:var(--line-strong)}.system-page-card.critical .system-page-icon{color:#b42318;background:#fff5f5;border-color:#dc262640}.system-page-primary:focus-visible,.system-page-secondary:focus-visible,.system-page-link-chip:focus-visible{box-shadow:var(--focus-ring);outline:none}.system-page-card h1:focus{outline:none}.system-page-card h1:focus-visible{box-shadow:var(--focus-ring);border-radius:8px}.app-shell{grid-template-columns:248px minmax(0,1fr);width:100%;min-height:100vh;display:grid}.mobile-menu,.backdrop{display:none}.sidebar{z-index:50;background:var(--ink);color:#a8a8ad;scrollbar-width:thin;scrollbar-color:#3a3a3d transparent;border-right:1px solid #00000080;height:100vh;padding:18px 14px;position:sticky;top:0;overflow-y:auto}.brand-box{border-bottom:1px solid #ffffff14;align-items:center;gap:11px;margin-bottom:16px;padding:4px 8px 16px;display:flex}.brand-mark{flex:none;place-items:center;width:38px;height:38px;display:grid}.brand-name{color:#fff;font-size:14px;font-weight:700;line-height:1.25}.brand-box span{color:#a8a8ad;letter-spacing:.01em;font-size:11px;font-weight:500}.nav-stack{flex-direction:column;gap:18px;display:flex}.nav-group-title{color:#6e6e73;text-transform:uppercase;letter-spacing:.09em;margin:0 10px 7px;font-size:10.5px;font-weight:700}.nav-item{color:#a8a8ad;text-align:left;background:0 0;border-radius:10px;align-items:center;gap:11px;width:100%;min-height:38px;padding:9px 11px;transition:background .16s,color .16s;display:flex}.nav-item svg{stroke-width:1.5px;flex:none;width:18px;height:18px}.nav-item span{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:13px;font-weight:600;overflow:hidden}.nav-item.active{background:var(--accent);color:#fff}.sidebar-profile{background:#ffffff0a;border:1px solid #ffffff14;border-radius:12px;align-items:center;gap:10px;margin-top:12px;padding:10px;display:flex}.sidebar-profile .sp-avatar{color:#fff;background:linear-gradient(135deg,#3a3a3d,#525257);border-radius:50%;flex:none;place-items:center;width:36px;height:36px;font-size:13px;font-weight:700;display:grid}.sidebar-profile .sp-name{color:#fff;font-size:13px;font-weight:700;line-height:1.2}.sidebar-profile .sp-role{color:#a8a8ad;font-size:11px}.sidebar-profile .sp-caret{color:#a8a8ad;margin-left:auto;display:grid}.sidebar-card{border:1px solid var(--line);background:#fcfcfd;border-radius:16px;margin-top:28px;padding:16px}.sidebar-card span,.sidebar-card em{color:var(--subtle);font-size:12px;font-style:normal;display:block}.sidebar-card strong{letter-spacing:-.01em;margin:5px 0 3px;font-size:15px;display:block}.main{min-width:0;padding:26px clamp(18px,2.4vw,38px) 42px}.topbar{justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:20px;display:flex}.title-wrap{min-width:0;max-width:720px}.eyebrow{color:var(--muted);letter-spacing:.04em;text-transform:uppercase;align-items:center;gap:8px;margin-bottom:12px;font-size:12px;font-weight:750;display:inline-flex}.live-dot{background:var(--success);border-radius:999px;width:7px;height:7px}.topbar h1{letter-spacing:-.01em;margin:0;font-size:20px;font-weight:700;line-height:1.35}.topbar p{max-width:620px;color:var(--muted);margin:12px 0 0;font-size:14px;line-height:1.65}.quick-filters{flex-wrap:wrap;gap:8px;margin-top:18px;display:flex}.quick-filters button,.chip,.period,.export-btn,.bell{border:1px solid var(--line);border-radius:var(--radius-sm);min-height:38px;color:var(--muted);background:#fff;padding:0 13px;font-size:13px;font-weight:700;transition:border-color .16s,color .16s,background .16s}.quick-filters button:hover,.chip:hover,.period:hover,.bell:hover{border-color:var(--line-strong);color:var(--ink);background:#f9fafb}.quick-filters button.active{background:var(--ink);color:#fff;border-color:var(--ink)}.topbar-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;min-width:0;display:flex}.search-box,.profile{border:1px solid var(--line);min-height:42px;color:var(--muted);box-shadow:var(--shadow);background:#fff;border-radius:999px;align-items:center;gap:10px;display:flex}.search-box{width:min(320px,36vw);padding:0 14px}.search-box svg{stroke-width:1.9px;flex:none;width:17px;height:17px}.search-box input{width:100%;min-width:0;color:var(--ink);background:0 0;border:0;outline:0}.search-box input::placeholder{color:var(--subtle)}.period,.export-btn{box-shadow:var(--shadow);align-items:center;gap:8px;display:inline-flex}.period svg,.export-btn svg{width:16px;height:16px}.export-btn{background:var(--accent);border-color:var(--accent);color:#fff}.export-btn:hover{background:#e45f18;border-color:#e45f18}.bell{box-shadow:var(--shadow);border-radius:999px;align-items:center;gap:8px;display:inline-flex}.bell b{background:var(--accent-soft);min-width:19px;height:19px;color:var(--accent);border-radius:999px;place-items:center;font-size:11px;display:inline-grid}.profile{min-width:212px;padding:4px 7px 4px 4px}.avatar{width:34px;height:34px;color:var(--text);background:#f2f4f7;border-radius:999px;place-items:center;font-weight:760;display:grid}.profile strong,.profile span{display:block}.profile strong{color:var(--ink);white-space:nowrap;font-size:13px}.profile span{color:var(--subtle);font-size:12px}.profile>span:last-child{margin-left:auto;padding-right:4px}.insight-strip{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0 0 14px;display:grid}.insight-card,.kpi-card,.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius-md);box-shadow:var(--shadow)}.insight-card{min-width:0;min-height:86px;padding:15px 16px}.insight-card span,.insight-card em{text-overflow:ellipsis;white-space:nowrap;min-width:0;display:block;overflow:hidden}.insight-card span{color:var(--muted);font-size:12px;font-weight:720}.insight-card strong{letter-spacing:-.045em;margin:5px 0 2px;font-size:23px;font-weight:760;line-height:1;display:block}.insight-card em{color:var(--subtle);font-size:12px;font-style:normal}.insight-card.success strong{color:var(--success)}.insight-card.warning strong{color:var(--warning)}.dashboard-grid .workforce-today-card{grid-column:span 12}.workforce-today-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;display:grid}.workforce-today-item{border-radius:var(--radius-lg);border:1px solid var(--line);text-align:left;min-width:0;box-shadow:var(--shadow);background:#fff;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:10px 12px;padding:14px;transition:border-color .16s,transform .16s,background .16s;display:grid}.workforce-today-item:hover{border-color:var(--line-strong);background:#fcfcfd;transform:translateY(-1px)}.workforce-today-icon{border:1px solid var(--line);width:34px;height:34px;color:var(--muted);background:#fff;border-radius:999px;place-items:center;display:grid}.workforce-today-meta span{color:var(--muted);letter-spacing:.02em;font-size:12px;font-weight:760;display:block}.workforce-today-meta strong{color:var(--ink);letter-spacing:-.045em;margin-top:4px;font-size:24px;font-weight:780;line-height:1;display:block}.workforce-today-meta em{color:var(--subtle);margin-top:7px;font-size:12px;font-style:normal;display:block}.workforce-today-bar{background:#f2f4f7;border-radius:999px;grid-column:1/-1;height:8px;overflow:hidden}.workforce-today-bar b{background:var(--ink);border-radius:999px;width:0;height:100%;display:block}.workforce-today-item.good .workforce-today-bar b{background:var(--success)}.workforce-today-item.warning .workforce-today-bar b{background:var(--warning)}.workforce-today-item.critical .workforce-today-bar b{background:var(--danger)}.workforce-composition-row{flex-wrap:wrap;gap:8px;margin-top:14px;display:flex}.workforce-composition-chip{border:1px solid var(--line);min-height:32px;color:var(--muted);background:#fcfcfd;border-radius:999px;align-items:center;gap:4px;padding:0 12px;font-size:12px;font-weight:700;display:inline-flex}.workforce-composition-chip b{color:var(--ink);font-weight:800}.workforce-composition-chip.warning{color:#92400e;background:#fff7ed;border-color:#d9770640}.workforce-composition-chip.critical{color:#b91c1c;background:#fef2f2;border-color:#dc262640}.workforce-composition-chip.good{color:#166534;background:#f0fdf4;border-color:#16a34a40}.workforce-today-footer{flex-wrap:wrap;justify-content:space-between;align-items:stretch;gap:12px;margin-top:14px;display:flex}.workforce-today-issue{border-radius:var(--radius-lg);border:1px solid var(--line);background:#fcfcfd;flex:380px;gap:3px;padding:12px 14px;display:grid}.workforce-today-issue span{color:var(--muted);align-items:center;gap:8px;font-size:12px;font-weight:760;display:inline-flex}.workforce-today-issue strong{color:var(--ink);letter-spacing:-.02em;font-size:16px}.workforce-today-issue em{color:var(--subtle);font-size:12px;font-style:normal}.workforce-today-issue.has-issue{background:#fff7ed;border-color:#d9770640}.workforce-today-issue.has-issue strong{color:#b45309}.workforce-today-issue.no-issue{background:#f0fdf4;border-color:#16a34a40}.workforce-today-issue.no-issue strong{color:#15803d}.workforce-today-cta{border-radius:var(--radius-sm);border:1px solid var(--ink);background:var(--ink);color:#fff;min-height:44px;box-shadow:var(--shadow);flex:none;align-items:center;gap:8px;padding:0 16px;font-size:13px;font-weight:760;display:inline-flex}.workforce-today-cta:hover{background:#0b1220;border-color:#0b1220}.attendance-intelligence-panel{border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow);background:linear-gradient(#fff 0%,#fcfcfd 100%);margin:0 0 16px;padding:20px}.attendance-intelligence-head{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:14px;display:flex}.attendance-intelligence-eyebrow{color:var(--muted);letter-spacing:.05em;text-transform:uppercase;margin-bottom:8px;font-size:11px;font-weight:760;display:inline-block}.attendance-intelligence-head h2{letter-spacing:-.04em;margin:0;font-size:clamp(22px,2.2vw,30px);font-weight:760}.attendance-intelligence-head p{color:var(--muted);max-width:720px;margin:8px 0 0;font-size:14px;line-height:1.6}.attendance-intelligence-cta{border-radius:var(--radius-sm);border:1px solid var(--accent);background:var(--accent);color:#fff;flex:none;align-items:center;gap:8px;min-height:42px;padding:0 16px;font-size:13px;font-weight:760;display:inline-flex}.attendance-intelligence-cta:hover{background:#e45f18;border-color:#e45f18}.attendance-intelligence-filters{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:14px;display:grid}.attendance-details-filters{grid-template-columns:minmax(0,220px)}.attendance-details-filters label{max-width:220px}.attendance-intelligence-filters label{border:1px solid var(--line);background:#fff;border-radius:14px;gap:6px;padding:10px 12px;display:grid}.attendance-intelligence-filters span{color:var(--subtle);text-transform:uppercase;letter-spacing:.04em;font-size:11px;font-weight:760}.attendance-intelligence-filters output,.attendance-intelligence-filters select{color:var(--ink);font-size:14px;font-weight:700}.attendance-intelligence-filters select{background:0 0;border:0;outline:0;width:100%}.attendance-intelligence-kpis{grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin-bottom:14px;display:grid}.attendance-intelligence-kpi{border:1px solid var(--line);background:#fff;border-radius:16px;align-items:center;gap:10px;min-width:0;padding:12px;display:flex}.attendance-intelligence-kpi span{color:var(--muted);font-size:11px;font-weight:760;display:block}.attendance-intelligence-kpi strong{color:var(--ink);letter-spacing:-.04em;margin-top:3px;font-size:22px;display:block}.attendance-intelligence-kpi.critical strong{color:var(--danger)}.attendance-intelligence-kpi.warning strong{color:var(--warning)}.attendance-intelligence-kpi.good strong{color:var(--success)}.attendance-intelligence-grid{grid-template-columns:repeat(12,minmax(0,1fr));gap:14px;display:grid}.attendance-intelligence-grid>.attendance-exception-card{grid-column:span 7}.attendance-intelligence-grid>.attendance-timeline-card{grid-column:span 5}.attendance-scan-quality-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.attendance-scan-quality-item{border:1px solid var(--line);background:#fcfcfd;border-radius:14px;padding:12px}.attendance-scan-quality-item span{color:var(--muted);font-size:12px;font-weight:700;display:block}.attendance-scan-quality-item strong{color:var(--ink);letter-spacing:-.03em;margin-top:4px;font-size:20px;display:block}.attendance-scan-quality-item em{color:var(--subtle);margin-top:6px;font-size:11px;font-style:normal;display:block}.attendance-scan-quality-item.critical strong{color:var(--danger)}.attendance-scan-quality-item.warning strong{color:var(--warning)}.attendance-scan-quality-item.good strong{color:var(--success)}.attendance-scan-pipeline{gap:8px;margin-top:12px;display:grid}.attendance-scan-pipeline-step{border:1px solid var(--line);background:#fff;border-radius:12px;align-items:flex-start;gap:10px;padding:10px 12px;display:flex}.attendance-scan-pipeline-step strong{color:var(--ink);font-size:13px;display:block}.attendance-scan-pipeline-step span{color:var(--subtle);margin-top:2px;font-size:12px;display:block}.attendance-exception-filters{flex-wrap:wrap;gap:8px;margin-bottom:12px;display:flex}.attendance-exception-filters button{border-radius:var(--radius-sm);border:1px solid var(--line);min-height:34px;color:var(--muted);background:#fff;padding:0 12px;font-size:12px;font-weight:700}.attendance-exception-filters button.active{background:var(--ink);border-color:var(--ink);color:#fff}.attendance-exception-list{gap:8px;max-height:420px;display:grid;overflow:auto}.attendance-exception-item{text-align:left;border:1px solid var(--line);background:#fff;border-radius:14px;width:100%;padding:12px}.attendance-exception-item:hover{border-color:var(--line-strong);background:#fcfcfd}.attendance-exception-head{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.attendance-exception-head strong{color:var(--ink);font-size:14px;display:block}.attendance-exception-head span{color:var(--subtle);margin-top:2px;font-size:12px;display:block}.attendance-exception-head b{color:var(--text);background:#f2f4f7;border-radius:999px;flex:none;padding:4px 8px;font-size:11px;font-weight:760}.attendance-exception-item.critical .attendance-exception-head b{color:#b91c1c;background:#fee2e2}.attendance-exception-item.warning .attendance-exception-head b{color:#c2410c;background:#ffedd5}.attendance-exception-item p{color:var(--muted);margin:8px 0 0;font-size:12px;line-height:1.5}.attendance-exception-empty{text-align:center;padding:24px 12px}.attendance-timeline-list{gap:10px;display:grid}.attendance-timeline-item{border:1px solid var(--line);background:#fff;border-radius:14px;padding:12px}.attendance-timeline-item.has-gap{background:#fffaf5;border-color:#d9770659}.attendance-timeline-meta strong{color:var(--ink);font-size:14px;display:block}.attendance-timeline-meta span,.attendance-timeline-meta em{color:var(--subtle);margin-top:3px;font-size:12px;font-style:normal;display:block}.attendance-timeline-track{background:#f2f4f7;border-radius:999px;height:14px;margin-top:10px;position:relative;overflow:hidden}.attendance-timeline-track .shift-window{background:#1118271f;border-radius:999px;position:absolute;top:0;bottom:0}.attendance-timeline-track .scan-in,.attendance-timeline-track .scan-out{border:2px solid #fff;border-radius:999px;width:10px;height:10px;margin-top:-5px;margin-left:-5px;position:absolute;top:50%}.attendance-timeline-track .scan-in{background:var(--success)}.attendance-timeline-track .scan-out{background:var(--accent)}.attendance-intelligence-empty{text-align:center;border:1px dashed var(--line-strong);background:#fff;border-radius:16px;padding:28px 16px}.attendance-intelligence-empty strong{color:var(--ink);margin-top:8px;display:block}.attendance-intelligence-empty span{color:var(--subtle);margin-top:6px;font-size:13px;display:block}@media (max-width:1180px){.workforce-today-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.attendance-intelligence-head{flex-direction:column}.attendance-intelligence-filters{grid-template-columns:1fr}.attendance-intelligence-grid>.attendance-exception-card,.attendance-intelligence-grid>.attendance-timeline-card{grid-column:span 12}}@media (max-width:720px){.attendance-intelligence-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.attendance-scan-quality-grid{grid-template-columns:1fr}}.kpi-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin-bottom:14px;display:grid}.kpi-card{flex-direction:column;justify-content:space-between;min-width:0;min-height:132px;padding:16px;display:flex}.kpi-icon{border:1px solid var(--line);width:32px;height:32px;color:var(--muted);background:#fff;border-radius:999px;place-items:center;display:grid}.kpi-icon svg{stroke-width:1.85px;width:17px;height:17px}.kpi-content span{color:var(--muted);font-size:12px;font-weight:690;line-height:1.45;display:block}.kpi-content strong{color:var(--ink);letter-spacing:-.02em;margin-top:7px;font-size:clamp(22px,1.8vw,26px);font-weight:700;line-height:1.05;display:block}.kpi-content small{color:var(--subtle);letter-spacing:0;font-size:13px;font-weight:650}.kpi-content em{color:var(--subtle);margin-top:9px;font-size:12px;font-style:normal;display:block}.kpi-content em.bad{color:var(--danger)}.dashboard-grid{grid-template-columns:repeat(12,minmax(0,1fr));gap:14px;display:grid}.card{border-radius:var(--radius-lg);min-width:0;padding:18px}.dashboard-grid>.card{grid-column:span 4}.dashboard-grid>.span-2{grid-column:span 6}.card-head{justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:15px;display:flex}.card-head h2{color:var(--ink);letter-spacing:-.025em;flex:auto;min-width:0;margin:0;font-size:16px;font-weight:730}.card-head .chip{flex:0 auto;max-width:min(48%,220px)}.card-subtitle{color:var(--subtle);margin:-7px 0 12px;font-size:13px}.chip{min-height:32px;box-shadow:none;border-radius:999px;padding:0 11px;font-size:12px}.dashboard-collapsible>summary{cursor:pointer;list-style:none}.dashboard-collapsible>summary::-webkit-details-marker{display:none}.dashboard-collapsible>summary::marker{content:""}.dashboard-collapsible>summary:after{content:"+ ดูรายละเอียด";border:1px solid var(--line);color:var(--accent-strong);white-space:nowrap;background:#fff;border-radius:999px;flex:none;padding:6px 12px;font-size:12px;font-weight:800;transition:background .16s,border-color .16s}.dashboard-collapsible[open]>summary:after{content:"− ย่อกลับ"}.dashboard-collapsible>summary:hover:after{background:#fff7ed;border-color:#ff450059}.dashboard-collapsible>summary:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-ring-offset);border-radius:var(--radius-sm)}.chart-wrap{width:100%;min-width:0;overflow:hidden}.line-chart{width:100%;height:auto;display:block}.line-chart line{stroke:#f2f4f7;stroke-width:1px}.line-chart .area{display:none}.line-chart .line{fill:none;stroke:var(--ink);stroke-width:2.2px;stroke-linecap:round;stroke-linejoin:round}.line-chart circle{fill:#fff;stroke:var(--accent);stroke-width:2px}.line-chart text{fill:var(--subtle);font-size:12px;font-weight:650}.line-chart .last-value{fill:var(--ink);font-size:14px;font-weight:760}.bar-list{flex-direction:column;gap:11px;display:flex}.bar-row{color:var(--text);grid-template-columns:minmax(94px,136px) minmax(0,1fr) 54px;align-items:center;gap:12px;font-size:13px;display:grid}.perf-list .bar-row{grid-template-columns:minmax(126px,170px) minmax(0,1fr) 36px 32px}.bar-row span{color:var(--text);text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.bar-row small{color:var(--subtle)}.bar-row b{color:var(--ink);text-align:right;font-size:13px;font-weight:730}.bar-track{background:#f2f4f7;border-radius:999px;height:8px;overflow:hidden}.bar-track i{background:var(--accent);border-radius:999px;height:100%;display:block}.bar-track i.green{background:var(--success)}.funnel{flex-direction:column;gap:10px;padding-top:3px;display:flex}.funnel-row{grid-template-columns:minmax(0,1fr) 66px 52px;align-items:center;gap:10px;display:grid}.funnel-shape{min-width:84px;height:34px;color:var(--text);clip-path:none;background:#f2f4f7;border-radius:999px;place-items:center;font-size:13px;font-weight:730;display:grid}.funnel-row:first-child .funnel-shape{background:var(--ink);color:#fff}.funnel-row b{color:var(--ink);text-align:right;font-size:13px}.funnel-row small{color:var(--subtle);font-size:12px}.donut{flex:none;overflow:visible;transform:rotate(-90deg)}.donut-base{fill:none;stroke:#f2f4f7;stroke-width:16px}.donut-value{fill:none;stroke-width:16px;stroke-linecap:round;transform-origin:50%}.donut text{transform-origin:50%;fill:var(--ink);transform:rotate(90deg)}.donut-number{letter-spacing:-.04em;font-size:24px;font-weight:760}.donut-label{fill:var(--subtle);font-size:12px;font-weight:650}.retention-layout,.attendance-layout,.learning-layout,.comp-layout{align-items:center;gap:16px;min-width:0;display:flex}.legend{flex-direction:column;flex:1;gap:11px;min-width:0;display:flex}.legend p{color:var(--text);justify-content:space-between;align-items:center;gap:12px;margin:0;font-size:13px;display:flex}.legend span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.legend b{color:var(--ink);white-space:nowrap;font-weight:720}.legend i{vertical-align:1px;border-radius:999px;width:8px;height:8px;margin-right:8px;display:inline-block}.compact{min-width:145px}.gauge-card{flex:none;width:176px}.gauge{place-items:center;width:164px;height:130px;margin:auto;display:grid;position:relative}.gauge-arc{background:conic-gradient(from 250deg, var(--accent) 0deg var(--gauge-arc,0deg), #f2f4f7 var(--gauge-arc,0deg) 180deg);border-radius:170px 170px 0 0;position:absolute;inset:0;-webkit-mask:radial-gradient(circle at 50% 72%,#0000 0 49%,#000 50% 61%,#0000 62%);mask:radial-gradient(circle at 50% 72%,#0000 0 49%,#000 50% 61%,#0000 62%)}.needle{background:var(--ink);transform-origin:bottom;border-radius:99px;width:3px;height:50px;position:absolute;bottom:42px}.gauge strong{letter-spacing:-.05em;font-size:28px;position:absolute;bottom:30px}.gauge span{color:var(--subtle);font-size:11px;position:absolute;bottom:8px}.mini-list,.stat-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;width:100%;min-width:0;display:grid}.stat-list{grid-template-columns:repeat(2,minmax(0,1fr))}.metric-badge{border:1px solid var(--line);background:#fff;border-radius:14px;grid-template-columns:1fr auto;align-items:center;gap:4px 8px;min-width:0;padding:11px 12px;display:grid}.metric-badge span{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;grid-column:1/-1;font-size:12px;overflow:hidden}.metric-badge strong{color:var(--ink);letter-spacing:-.04em;font-size:21px;line-height:1}.metric-badge em{color:var(--subtle);font-size:12px;font-style:normal}.metric-badge.orange,.metric-badge.green,.metric-badge.blue,.metric-badge.red{background:#fff}.perf-grid{grid-template-columns:minmax(0,1fr) 138px;align-items:end;gap:16px;display:grid}.score-box,.comp-summary{border:1px solid var(--line);background:#fcfcfd;border-radius:16px;padding:14px}.score-box small,.comp-summary small{color:var(--subtle)}.score-box strong,.comp-summary strong{color:var(--ink);letter-spacing:-.04em;margin:4px 0;font-size:24px;display:block}.score-box em,.comp-summary em{color:var(--success);font-size:12px;font-style:normal}.comp-summary{flex:150px}.comp-summary hr{border:0;border-top:1px solid var(--line);margin:12px 0}.comp-layout{flex-wrap:wrap}.table-wrap{-webkit-overflow-scrolling:touch;border:1px solid var(--line);border-radius:var(--radius-lg);background:#fff;overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:860px;font-size:13px}th,td{border-bottom:1px solid var(--line);text-align:left;white-space:nowrap;padding:12px 13px}th{color:var(--muted);z-index:1;background:#fcfcfd;font-weight:760;position:sticky;top:0}td{color:var(--text)}th:first-child,td:first-child{padding-left:16px}tfoot td{color:var(--ink);background:#fcfcfd;font-weight:760}.star{color:var(--accent)}.spark{width:90px;height:25px;display:block}.spark polyline{fill:none;stroke:var(--ink);stroke-width:2px;stroke-linecap:round;stroke-linejoin:round}.org-grid{border:1px solid var(--line);border-radius:var(--radius-lg);background:#fff;grid-template-columns:repeat(4,1fr);align-items:stretch;gap:0;height:100%;display:grid;overflow:hidden}.org-stat{text-align:left;border-right:1px solid var(--line);min-width:0;padding:18px}.org-stat:last-child{border-right:0}.org-stat>div{border:1px solid var(--line);width:34px;height:34px;color:var(--muted);background:#fff;border-radius:999px;place-items:center;margin:0 0 18px;display:grid}.org-stat strong{color:var(--ink);letter-spacing:-.045em;font-size:25px;line-height:1;display:block}.org-stat span{color:var(--muted);margin-top:7px;font-size:12px;display:block}.org-stat em{color:var(--subtle);margin-top:8px;font-size:12px;font-style:normal;display:block}@media (max-width:1600px){.app-shell{grid-template-columns:232px minmax(0,1fr)}.kpi-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.dashboard-grid>.card,.dashboard-grid>.span-2{grid-column:span 6}}@media (max-width:1180px){.employee-table-toolbar,.employee-table-footer{flex-direction:column;align-items:flex-start}.employee-table-tools{justify-content:space-between;width:100%}.topbar{flex-direction:column;align-items:stretch}.topbar-actions{justify-content:flex-start}.search-box{width:min(100%,430px)}.dashboard-grid>.card,.dashboard-grid>.span-2{grid-column:span 12}.retention-layout,.attendance-layout,.learning-layout,.comp-layout{align-items:flex-start}.insight-strip{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:980px){.app-shell{grid-template-columns:1fr}.mobile-menu{z-index:60;width:42px;height:42px;color:var(--ink);border:1px solid var(--line);box-shadow:var(--shadow);background:#fff;border-radius:999px;place-items:center;font-size:20px;display:grid;position:fixed;top:14px;left:14px}.sidebar{width:min(86vw,300px);transition:transform .22s;position:fixed;top:0;bottom:0;left:0;transform:translate(-105%);box-shadow:0 20px 50px #1018281f}.sidebar.open{transform:translate(0)}.backdrop{z-index:40;background:#11182757;display:block;position:fixed;inset:0}.main{padding:76px 18px 32px}.quick-filters{padding-left:50px}}@media (max-width:760px){.main{padding-left:14px;padding-right:14px}.quick-filters{scrollbar-width:none;flex-wrap:nowrap;margin-left:-2px;padding-left:0;overflow-x:auto}.quick-filters::-webkit-scrollbar{display:none}.quick-filters button{flex:none}.topbar-actions{grid-template-columns:1fr 1fr;width:100%;display:grid}.search-box,.profile{grid-column:1/-1;width:100%}.export-btn,.period,.bell{justify-content:center;width:100%}.insight-strip,.kpi-grid{grid-template-columns:1fr}.retention-layout,.attendance-layout,.learning-layout,.comp-layout{flex-direction:column;align-items:stretch}.donut,.gauge-card{align-self:center}.mini-list,.perf-grid{grid-template-columns:1fr}.org-grid{grid-template-columns:repeat(2,1fr)}.org-stat{border-right:0;border-bottom:1px solid var(--line)}.funnel-row{grid-template-columns:1fr 60px 48px}}@media (max-width:560px){.employee-table-toolbar,.employee-table-footer{border-radius:16px;padding:12px}.employee-table-tools,.page-size-control,.page-size-control select,.pagination-controls{width:100%}.page-size-control{align-items:stretch}.pagination-controls{border-radius:16px;justify-content:space-between}.pagination-controls button{flex:auto}.topbar h1{font-size:32px}.topbar p{font-size:13px}.card{border-radius:var(--radius-lg);padding:15px}.card-head{align-items:flex-start}.chip{padding:0 10px;font-size:12px}.kpi-card{min-height:118px;padding:15px}.bar-row,.perf-list .bar-row{grid-template-columns:1fr;gap:6px}.bar-row b,.bar-row small{text-align:left}.org-grid{grid-template-columns:1fr}table{border-collapse:separate;border-spacing:0 10px;min-width:0}thead{display:none}tbody tr,tfoot tr{border:1px solid var(--line);background:#fff;border-radius:14px;padding:8px 10px;display:block}td{white-space:normal;text-align:right;border-bottom:0;justify-content:space-between;gap:16px;padding:8px 0;display:flex}td:before{content:attr(data-label);color:var(--muted);text-align:left;font-weight:760}.table-wrap{background:0 0;border:0}}.period-controls{flex-wrap:wrap;align-items:center;gap:8px;display:inline-flex}.mode-tabs{border:1px solid var(--line);border-radius:var(--radius-sm);min-height:38px;box-shadow:var(--shadow);background:#fff;gap:2px;padding:3px;display:inline-flex}.mode-tabs button{border-radius:var(--radius-sm);min-height:30px;color:var(--muted);background:0 0;padding:0 11px;font-size:12px;font-weight:760}.mode-tabs button.active{color:#fff;background:var(--ink)}.period-select-wrap{border:1px solid var(--line);min-height:38px;color:var(--muted);box-shadow:var(--shadow);background:#fff;border-radius:999px;align-items:center;gap:7px;padding:0 12px;display:inline-flex}.period-select-wrap svg{flex:none;width:16px;height:16px}.period-select{min-width:124px;color:var(--ink);background:0 0;border:0;outline:0;font-size:13px;font-weight:720}.filter-summary{color:var(--subtle);text-align:right;flex-basis:100%;font-size:12px}.profile{text-align:left}.chip{justify-content:center;align-items:center;display:inline-flex}.line-chart .area{stroke:none;display:block}.gauge-arc{background:conic-gradient(from 250deg, var(--accent) 0deg var(--gauge-arc,0deg), #f2f4f7 var(--gauge-arc,0deg) 180deg)}.card{transition:box-shadow .2s,transform .2s}.card:hover{transform:translateY(-1px);box-shadow:0 4px 16px #10182814}.donut-value{transition:stroke-dasharray .8s cubic-bezier(.4,0,.2,1)}.insight-card,.kpi-card{animation:.45s both card-in}.insight-card:first-child{animation-delay:40ms}.insight-card:nth-child(2){animation-delay:80ms}.insight-card:nth-child(3){animation-delay:.12s}.insight-card:nth-child(4){animation-delay:.16s}.kpi-card:first-child{animation-delay:.1s}.kpi-card:nth-child(2){animation-delay:.15s}.kpi-card:nth-child(3){animation-delay:.2s}.kpi-card:nth-child(4){animation-delay:.25s}.kpi-card:nth-child(5){animation-delay:.3s}.kpi-card:nth-child(6){animation-delay:.35s}@keyframes card-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.score-box hr{border:0;border-top:1px solid var(--line);margin:12px 0}.score-box .muted-note{color:var(--subtle)}.empty-state,.table-empty{color:var(--muted);text-align:center;border:1px dashed var(--line-strong);background:#fcfcfd;border-radius:14px;padding:18px;font-size:13px}.table-empty{border:0}.compact-empty{text-align:left;margin:0;padding:12px}@media (max-width:980px){.filter-summary{text-align:left}}@media (max-width:760px){.period-controls{grid-column:1/-1;width:100%}.mode-tabs,.period-select-wrap{justify-content:center;width:100%}.period-select{flex:1}}.nav-item:disabled{opacity:.45;cursor:not-allowed}.status-badge{min-height:25px;color:var(--muted);white-space:nowrap;background:#f2f4f7;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:5px;padding:0 9px;font-size:11px;font-weight:820;display:inline-flex}.status-badge.normal,.status-badge.good{color:#15803d;background:#ecfdf3;border-color:#abefc6}.status-badge.warning,.status-badge.high{color:#b45309;background:#fffbeb;border-color:#fedf89}.status-badge.critical{color:#b42318;background:#fef3f2;border-color:#fecdca}.status-badge.good:before,.status-badge.normal:before,.status-badge.warning:before,.status-badge.high:before,.status-badge.critical:before,.status-badge.info:before,.status-badge.watch:before{content:"";background-position:50%;background-repeat:no-repeat;background-size:contain;flex:none;width:12px;height:12px}.status-badge.good:before,.status-badge.normal:before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%2315803d'%20stroke-width='2.6'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M20%206%209%2017l-5-5'/%3E%3C/svg%3E")}.status-badge.warning:before,.status-badge.high:before,.status-badge.watch:before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23b45309'%20stroke-width='2.2'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M10.3%203.9%201.8%2018a2%202%200%200%200%201.7%203h17a2%202%200%200%200%201.7-3L13.7%203.9a2%202%200%200%200-3.4%200z'/%3E%3Cpath%20d='M12%209v4'/%3E%3Cpath%20d='M12%2017h.01'/%3E%3C/svg%3E")}.status-badge.critical:before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23b42318'%20stroke-width='2.2'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Ccircle%20cx='12'%20cy='12'%20r='9'/%3E%3Cpath%20d='M12%208v4'/%3E%3Cpath%20d='M12%2016h.01'/%3E%3C/svg%3E")}.status-badge.info:before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23175cd3'%20stroke-width='2.2'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Ccircle%20cx='12'%20cy='12'%20r='9'/%3E%3Cpath%20d='M12%2016v-4'/%3E%3Cpath%20d='M12%208h.01'/%3E%3C/svg%3E")}.department-card{border:1px solid var(--line);background:#fff;border-radius:20px;min-width:0;padding:16px;box-shadow:0 1px 2px #1018280a}.department-card.warning{background:linear-gradient(#fffaf4,#fff);border-color:#fed7aa}.department-card.critical{background:linear-gradient(#fff7f7,#fff);border-color:#fecaca}td small{color:var(--subtle);font-size:11px}td strong{color:var(--ink)}.employees-grid-page>.employee-table-card{grid-column:span 12}.employee-summary-panel{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0 0 14px;display:grid}.employee-summary-panel>div{border:1px solid var(--line);min-width:0;box-shadow:var(--shadow);background:linear-gradient(#fff,#fcfcfd);border-radius:20px;padding:15px 16px}.employee-summary-panel span,.employee-summary-panel em,.employee-summary-panel strong{text-overflow:ellipsis;white-space:nowrap;min-width:0;display:block;overflow:hidden}.employee-summary-panel span{color:var(--muted);font-size:12px;font-weight:760}.employee-summary-panel strong{color:var(--ink);letter-spacing:-.04em;margin-top:6px;font-size:20px;font-weight:800;line-height:1.1}.employee-summary-panel em{color:var(--subtle);margin-top:5px;font-size:12px;font-style:normal}.employee-kpi-grid .kpi-content strong{font-size:clamp(23px,2vw,30px)}.employee-kpi-card{position:relative;overflow:hidden}.employee-kpi-card:after{content:"";background:#eef2f6;border-radius:999px 999px 0 0;height:3px;position:absolute;inset:auto 14px 0}.employee-kpi-card.good:after{background:#bbf7d0}.employee-kpi-card.bad:after{background:#fecaca}.employee-table-toolbar,.employee-table-footer{border:1px solid var(--line);border-radius:var(--radius-lg);background:linear-gradient(#fff,#fcfcfd);justify-content:space-between;align-items:center;gap:14px;margin-bottom:12px;padding:12px 13px;display:flex}.employee-table-footer{color:var(--subtle);margin:12px 0 0;font-size:12px}.employee-table-result span,.employee-table-result strong{display:block}.employee-table-result span,.page-size-control span{color:var(--muted);font-size:12px;font-weight:760}.employee-table-result strong{color:var(--ink);margin-top:3px;font-size:14px;font-weight:780}.employee-table-tools,.pagination-controls,.page-size-control{flex-wrap:wrap;align-items:center;gap:8px;display:inline-flex}.page-size-control select{border:1px solid var(--line);min-height:36px;color:var(--ink);background:#fff;border-radius:999px;outline:0;padding:0 34px 0 12px;font-size:13px;font-weight:720}.page-size-control select:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-ring-offset)}.pagination-controls{border:1px solid var(--line);border-radius:var(--radius-sm);background:#fff;min-height:36px;padding:3px}.pagination-controls button{border-radius:var(--radius-sm);min-height:30px;color:var(--muted);background:0 0;padding:0 11px;font-size:12px;font-weight:760}.pagination-controls button:hover:not(:disabled){color:#fff;background:var(--ink)}.pagination-controls button:focus-visible{outline:var(--focus-ring);outline-offset:2px}.pagination-controls button:disabled{opacity:.42;cursor:not-allowed}.pagination-controls span{min-width:86px;color:var(--ink);text-align:center;padding:0 8px;font-size:12px;font-weight:780}.pagination-controls.compact span{min-width:56px}.status-badge.info{color:#175cd3;background:#eff8ff}.status-badge.watch{color:#b45309;background:#fffbeb}.employee-table-wrap table{min-width:1180px}.employee-row{cursor:pointer;transition:background .16s,transform .16s}.employee-row:focus-visible{outline:var(--focus-ring);outline-offset:-3px}.employee-person-cell{align-items:center;gap:11px;min-width:220px;display:flex}.employee-avatar{background:var(--accent-soft);width:36px;height:36px;color:var(--accent);letter-spacing:-.02em;border-radius:13px;flex:none;place-items:center;font-weight:850;display:grid}.employee-avatar.large{background:var(--ink);color:#fff;border-radius:18px;width:56px;height:56px;font-size:18px}.employee-person-cell strong,.employee-person-cell small,.employee-table-wrap td strong,.employee-table-wrap td small{display:block}.table-primary-text{text-overflow:ellipsis;white-space:nowrap;max-width:230px;overflow:hidden}.drawer-layer{z-index:80;pointer-events:none;position:fixed;inset:0}.drawer-backdrop{pointer-events:auto;background:#11182757;border:0;position:absolute;inset:0}.employee-drawer{border-left:1px solid var(--line);pointer-events:auto;background:#fff;width:min(520px,100%);height:100%;padding:22px;position:absolute;top:0;right:0;overflow-y:auto;box-shadow:-20px 0 60px #1018282e}.employee-drawer-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-start;gap:14px;padding-bottom:18px;display:flex}.employee-drawer-profile{align-items:center;gap:14px;min-width:0;display:flex}.employee-drawer-profile span,.employee-drawer-profile h2,.employee-drawer-profile p{min-width:0;margin:0;display:block}.employee-drawer-profile span{color:var(--subtle);font-size:12px;font-weight:760}.employee-drawer-profile h2{color:var(--ink);letter-spacing:-.04em;margin-top:4px;font-size:22px;line-height:1.15}.employee-drawer-profile p{color:var(--muted);margin-top:5px;font-size:13px;line-height:1.45}.drawer-close{border:1px solid var(--line);width:36px;height:36px;color:var(--muted);background:#fff;border-radius:999px;flex:none;place-items:center;font-size:22px;line-height:1;display:grid}.drawer-close:hover{border-color:var(--line-strong);color:var(--ink);background:#f9fafb}.drawer-badge-row{flex-wrap:wrap;gap:8px;margin:16px 0;display:flex}.employee-drawer-section{border-top:1px solid var(--line);padding:17px 0}.employee-drawer-section:first-of-type{border-top:0}.employee-drawer-section h3{color:var(--ink);letter-spacing:-.025em;margin:0 0 12px;font-size:15px}.employee-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.employee-detail-grid.compact{grid-template-columns:repeat(2,minmax(0,1fr))}.employee-detail-item{border:1px solid var(--line);background:#fcfcfd;border-radius:16px;min-width:0;padding:12px}.employee-detail-item span,.employee-detail-item strong,.employee-detail-item em{text-overflow:ellipsis;min-width:0;display:block;overflow:hidden}.employee-detail-item span{color:var(--subtle);font-size:11px;font-weight:800}.employee-detail-item strong{color:var(--ink);margin-top:5px;font-size:13px;line-height:1.35}.employee-detail-item em{color:var(--muted);margin-top:4px;font-size:12px;font-style:normal}.document-checklist{gap:9px;margin:0;padding:0;list-style:none;display:grid}.document-checklist li{border:1px solid var(--line);background:#fcfcfd;border-radius:16px;align-items:center;gap:10px;padding:11px 12px;display:flex}.document-checklist li>span{border-radius:999px;flex:none;place-items:center;width:24px;height:24px;font-size:12px;font-weight:900;display:grid}.document-checklist li.complete>span{color:#15803d;background:#ecfdf3}.document-checklist li.missing{background:#fffaf4;border-color:#fed7aa}.document-checklist li.missing>span{color:#b45309;background:#fffbeb}.document-checklist strong,.document-checklist em{display:block}.document-checklist strong{color:var(--ink);font-size:13px}.document-checklist em{color:var(--subtle);margin-top:2px;font-size:12px;font-style:normal}.followup-box{background:linear-gradient(#fffaf4,#fff);border:1px solid #fed7aa;border-radius:20px;margin-top:4px;padding:16px}.followup-box p{color:var(--text);margin:0 0 14px;font-size:13px;line-height:1.65}.owner-row{border-top:1px solid #fb923c38;justify-content:space-between;gap:12px;padding:10px 0;display:flex}.owner-row span{color:var(--subtle);font-size:12px}.owner-row strong{color:var(--ink);text-align:right;font-size:13px}@media (max-width:1380px){.employee-summary-panel{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:860px){.employee-summary-panel,.employee-detail-grid,.employee-detail-grid.compact{grid-template-columns:1fr}}@media (max-width:620px){.employee-drawer{padding:18px}.employee-drawer-head,.employee-drawer-profile{align-items:flex-start}.employee-drawer-profile{gap:11px}.employee-drawer-profile h2{font-size:19px}.owner-row{flex-direction:column;gap:3px}.owner-row strong{text-align:left}}.daily-report-control-panel{border:1px solid var(--line);box-shadow:var(--shadow);background:linear-gradient(#fff,#fcfcfd);border-radius:20px;justify-content:space-between;align-items:center;gap:14px;margin:0 0 14px;padding:14px 16px;display:flex}.daily-report-site-copy{min-width:0}.daily-report-site-copy span,.daily-report-site-copy strong,.daily-report-site-copy em{text-overflow:ellipsis;white-space:nowrap;min-width:0;display:block;overflow:hidden}.daily-report-site-copy span{color:var(--muted);font-size:12px;font-weight:780}.daily-report-site-copy strong{color:var(--ink);letter-spacing:-.035em;margin-top:4px;font-size:18px;font-weight:850}.daily-report-site-copy em{color:var(--subtle);margin-top:3px;font-size:12px;font-style:normal}.daily-site-select-wrap{flex:0 0 220px;gap:6px;display:grid}.daily-site-select-wrap span{color:var(--muted);font-size:12px;font-weight:780}.daily-site-select-wrap select{border:1px solid var(--line);width:100%;color:var(--ink);font:inherit;background:#fff;border-radius:14px;outline:none;padding:10px 12px;font-weight:760}.daily-site-select-wrap select:focus-visible{box-shadow:var(--ring);border-color:#ff45008c}.daily-report-summary-panel{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0 0 14px;display:grid}.daily-report-summary-panel>div{border:1px solid var(--line);min-width:0;box-shadow:var(--shadow);background:linear-gradient(#fff,#fcfcfd);border-radius:20px;padding:15px 16px}.daily-report-summary-panel span,.daily-report-summary-panel strong,.daily-report-summary-panel em{text-overflow:ellipsis;white-space:nowrap;min-width:0;display:block;overflow:hidden}.daily-report-summary-panel span{color:var(--muted);font-size:12px;font-weight:760}.daily-report-summary-panel strong{color:var(--ink);letter-spacing:-.04em;margin-top:6px;font-size:20px;font-weight:800;line-height:1.1}.daily-report-summary-panel em{color:var(--subtle);margin-top:5px;font-size:12px;font-style:normal}.daily-report-grid-page>.daily-site-card,.daily-report-grid-page>.daily-shift-card,.daily-report-grid-page>.daily-department-card,.daily-report-grid-page>.daily-attendance-table-card,.daily-report-grid-page>.daily-action-card{grid-column:span 12}.daily-report-kpi-card{position:relative;overflow:hidden}.daily-report-kpi-card:after{content:"";background:#eef2f6;border-radius:999px 999px 0 0;height:3px;position:absolute;inset:auto 14px 0}.daily-report-kpi-card.good:after{background:#bbf7d0}.daily-report-kpi-card.warning:after{background:#fed7aa}.daily-report-kpi-card.critical:after{background:#fecaca}.kpi-content em.neutral{color:var(--subtle)}.daily-site-grid,.daily-shift-grid,.daily-department-grid{gap:12px;display:grid}.daily-site-grid,.daily-shift-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.daily-department-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.daily-site-item,.daily-shift-item,.daily-department-item{border:1px solid var(--line);background:#fff;border-radius:20px;min-width:0;padding:16px;box-shadow:0 1px 2px #1018280a}.daily-site-item.warning,.daily-shift-item.warning,.daily-department-item.warning{background:linear-gradient(#fffaf4,#fff);border-color:#fed7aa}.daily-site-item.critical,.daily-shift-item.critical,.daily-department-item.critical{background:linear-gradient(#fff7f7,#fff);border-color:#fecaca}.daily-site-head,.daily-shift-head,.daily-department-head{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:12px;display:flex}.daily-site-head strong,.daily-site-head span,.daily-shift-head strong,.daily-shift-head span,.daily-department-head strong,.daily-department-head span,.daily-department-main strong,.daily-department-main span{text-overflow:ellipsis;white-space:nowrap;min-width:0;display:block;overflow:hidden}.daily-site-head strong,.daily-shift-head strong,.daily-department-head strong{color:var(--ink);font-size:15px;font-weight:820}.daily-site-head span,.daily-shift-head span,.daily-department-head span{color:var(--muted);margin-top:4px;font-size:12px}.daily-progress{background:#f2f4f7;border-radius:999px;height:8px;overflow:hidden}.daily-progress span{border-radius:inherit;background:var(--ink);height:100%;display:block}.daily-site-item.warning .daily-progress span,.daily-shift-item.warning .daily-progress span,.daily-department-item.warning .daily-progress span{background:var(--warning)}.daily-site-item.critical .daily-progress span,.daily-shift-item.critical .daily-progress span,.daily-department-item.critical .daily-progress span{background:var(--danger)}.daily-mini-metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:13px 0 0;display:grid}.daily-mini-metrics div{border:1px solid var(--line);background:#ffffffc2;border-radius:13px;min-width:0;padding:9px}.daily-mini-metrics dt,.daily-mini-metrics dd{text-overflow:ellipsis;white-space:nowrap;min-width:0;margin:0;overflow:hidden}.daily-mini-metrics dt{color:var(--subtle);letter-spacing:.03em;font-size:10px;font-weight:850}.daily-mini-metrics dd{color:var(--ink);margin-top:4px;font-size:13px;font-weight:820}.daily-department-main{border:1px solid var(--line);background:#fcfcfd;border-radius:16px;margin:8px 0 2px;padding:13px}.daily-department-main strong{color:var(--ink);letter-spacing:-.05em;font-size:26px;font-weight:850;line-height:1}.daily-department-main span{color:var(--subtle);margin-top:5px;font-size:12px}.daily-table-toolbar,.daily-table-pagination-bar,.daily-table-footer{border:1px solid var(--line);border-radius:var(--radius-lg);background:linear-gradient(#fff,#fcfcfd);justify-content:space-between;align-items:center;gap:14px;padding:12px 13px;display:flex}.daily-table-toolbar{margin:0 0 12px}.daily-table-pagination-bar{color:var(--subtle);margin:0 0 12px;font-size:12px}.daily-table-footer{color:var(--subtle);margin:12px 0 0;font-size:12px}.daily-table-result span,.daily-table-result strong,.daily-table-result em{display:block}.daily-table-result span,.daily-table-select-control span{color:var(--muted);font-size:12px;font-weight:780}.daily-table-result strong{color:var(--ink);margin-top:3px;font-size:14px;font-weight:820}.daily-table-result em{color:var(--subtle);margin-top:3px;font-size:12px;font-style:normal}.daily-table-tools{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:9px;display:inline-flex}.daily-table-select-control{gap:5px;display:inline-grid}.daily-table-select-control.wide{min-width:230px}.daily-table-select-control.compact{min-width:130px}.daily-table-select-control select{border:1px solid var(--line);min-height:36px;color:var(--ink);background:#fff;border-radius:999px;outline:0;padding:0 34px 0 12px;font-size:13px;font-weight:740}.daily-table-select-control select:focus-visible{outline:var(--focus-ring);outline-offset:2px}.daily-table-chip-row{grid-template-columns:repeat(5,minmax(0,1fr));gap:9px;margin:0 0 12px;display:grid}.daily-table-chip{border:1px solid var(--line);background:#fff;border-radius:16px;min-width:0;padding:10px 11px}.daily-table-chip.good{background:#f0fdf4;border-color:#bbf7d0}.daily-table-chip.warning{background:#fffaf4;border-color:#fed7aa}.daily-table-chip.critical{background:#fff7f7;border-color:#fecaca}.daily-table-chip span,.daily-table-chip strong{text-overflow:ellipsis;white-space:nowrap;min-width:0;display:block;overflow:hidden}.daily-table-chip span{color:var(--subtle);font-size:11px;font-weight:850}.daily-table-chip strong{color:var(--ink);margin-top:4px;font-size:14px;font-weight:850}.daily-table-wrap table caption{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.daily-table-wrap td strong,.daily-table-wrap td small{display:block}.daily-table-wrap td small{max-width:240px;color:var(--subtle);text-overflow:ellipsis;white-space:nowrap;margin-top:3px;overflow:hidden}.daily-risk-row{background:#fffaf7}.daily-action-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:12px;display:grid}.daily-action-summary{border:1px solid var(--line);border-radius:var(--radius-lg);background:#fcfcfd;min-width:0;padding:15px}.daily-action-summary.warning{background:linear-gradient(#fffaf4,#fff);border-color:#fed7aa}.daily-action-summary span,.daily-action-summary strong,.daily-action-summary p{min-width:0;margin:0;display:block}.daily-action-summary span{color:var(--subtle);font-size:11px;font-weight:850}.daily-action-summary strong{color:var(--ink);letter-spacing:-.025em;margin-top:6px;font-size:16px;line-height:1.25}.daily-action-summary p{color:var(--muted);margin-top:8px;font-size:13px;line-height:1.55}.daily-followup-list{gap:9px;display:grid}.daily-followup-item{border:1px solid var(--line);background:#fff;border-radius:16px;justify-content:space-between;align-items:center;gap:12px;padding:12px 13px;display:flex}.daily-followup-item.warning{background:#fffaf4;border-color:#fed7aa}.daily-followup-item.critical{background:#fff7f7;border-color:#fecaca}.daily-followup-item strong,.daily-followup-item span,.daily-followup-item em{min-width:0;display:block}.daily-followup-item strong{color:var(--ink);font-size:13px;font-weight:820}.daily-followup-item span{color:var(--muted);margin-top:3px;font-size:12px;line-height:1.45}.daily-followup-item em{color:var(--ink);flex:none;font-size:15px;font-style:normal;font-weight:850}@media (max-width:1180px){.daily-table-toolbar,.daily-table-pagination-bar,.daily-table-footer{flex-direction:column;align-items:flex-start}.daily-table-tools{justify-content:space-between;width:100%}.daily-table-select-control,.daily-table-select-control.wide,.daily-table-select-control.compact{flex:180px;min-width:0}.daily-table-select-control select{width:100%}.daily-table-chip-row{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:680px){.daily-table-tools,.daily-table-pagination-bar .pagination-controls,.daily-table-footer .pagination-controls{width:100%}.daily-table-chip-row{grid-template-columns:1fr}.daily-table-pagination-bar .pagination-controls,.daily-table-footer .pagination-controls{border-radius:16px;justify-content:space-between}.daily-table-pagination-bar .pagination-controls button,.daily-table-footer .pagination-controls button{flex:auto}}@media (max-width:1380px){.daily-report-summary-panel{grid-template-columns:repeat(2,minmax(0,1fr))}.daily-report-control-panel{align-items:flex-start}.daily-department-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:980px){.daily-site-grid,.daily-shift-grid,.daily-action-grid{grid-template-columns:1fr}}@media (max-width:860px){.daily-report-control-panel{flex-direction:column}.daily-site-select-wrap{flex-basis:auto;width:100%}.daily-report-summary-panel,.daily-department-grid{grid-template-columns:1fr}.daily-mini-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}.data-quality-card,.attendance-import-card,.daily-exception-card,.daily-person-card{grid-column:span 6}.daily-exception-card,.daily-person-card{grid-column:span 12}.data-quality-score{border-radius:var(--radius-lg);background:linear-gradient(135deg,#fff7ed,#fff);border:1px solid #fed7aa;align-items:baseline;gap:8px;margin:14px 0;padding:14px 15px;display:flex}.data-quality-score strong{color:var(--accent);letter-spacing:-.05em;font-size:clamp(26px,2.4vw,32px);font-weight:800}.data-quality-score span{color:var(--muted);font-size:13px;font-weight:800}.data-quality-grid,.import-preview-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.data-quality-grid>div,.import-preview-grid>div{border:1px solid var(--line);background:#fff;border-radius:16px;padding:12px}.data-quality-grid span,.data-quality-grid strong,.import-preview-grid span,.import-preview-grid strong{text-overflow:ellipsis;white-space:nowrap;min-width:0;display:block;overflow:hidden}.data-quality-grid span,.import-preview-grid span{color:var(--subtle);font-size:11px;font-weight:850}.data-quality-grid strong,.import-preview-grid strong{color:var(--ink);margin-top:5px;font-size:14px;font-weight:850}.data-quality-footnote{border-top:1px solid var(--line);gap:3px;margin-top:12px;padding-top:12px;display:grid}.data-quality-footnote span,.data-quality-footnote em{color:var(--subtle);font-size:12px;font-style:normal}.data-quality-footnote strong{color:var(--ink);font-size:14px;font-weight:850}.attendance-upload-zone{min-height:128px;color:var(--muted);text-align:center;cursor:pointer;background:#fffaf4;border:1.5px dashed #fed7aa;border-radius:20px;place-items:center;gap:6px;padding:18px;display:grid}.attendance-upload-zone input{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.attendance-upload-zone strong{color:var(--ink);font-size:16px;font-weight:850}.attendance-upload-zone span,.import-preview-note,.import-warning{color:var(--muted);font-size:13px}.import-preview-grid{margin-top:12px}.import-warning{color:#b42318;background:#fff7f7;border:1px solid #fecaca;border-radius:16px;margin-top:12px;padding:12px;font-weight:750}.compact-toolbar{margin-bottom:12px}.daily-person-table-wrap td strong,.daily-person-table-wrap td small{display:block}.daily-person-table-wrap td small{color:var(--subtle);margin-top:3px;font-size:12px}.employee-table-wrap td small{line-height:1.35}@media (max-width:1120px){.data-quality-card,.attendance-import-card{grid-column:span 12}.data-quality-grid,.import-preview-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:680px){.data-quality-grid,.import-preview-grid{grid-template-columns:1fr}}.daily-control-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:12px;display:inline-flex}.uploaded-data-badge{background:linear-gradient(#fffaf4,#fff);border:1px solid #fed7aa;border-radius:16px;min-width:132px;padding:10px 12px}.uploaded-data-badge span,.uploaded-data-badge strong{text-overflow:ellipsis;white-space:nowrap;min-width:0;display:block;overflow:hidden}.uploaded-data-badge span{color:var(--subtle);font-size:11px;font-weight:850}.uploaded-data-badge strong{color:var(--accent);margin-top:3px;font-size:15px;font-weight:900}.import-step-list{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:12px 0 14px;display:grid}.import-step-list span{border:1px solid var(--line);min-width:0;color:var(--text);text-overflow:ellipsis;white-space:nowrap;text-align:center;background:#fff;border-radius:999px;padding:9px 10px;font-size:11px;font-weight:820;overflow:hidden}.import-confirm-panel{border-radius:var(--radius-lg);background:linear-gradient(#fffaf4,#fff);border:1px solid #fed7aa;grid-template-columns:repeat(2,minmax(0,1fr)) auto;align-items:stretch;gap:10px;margin-top:12px;padding:12px;display:grid}.import-confirm-panel>div{background:#ffffffc7;border:1px solid #fb923c38;border-radius:15px;min-width:0;padding:11px}.import-confirm-panel span,.import-confirm-panel strong,.import-confirm-panel em,.import-success-panel strong,.import-success-panel span,.import-clear-row span{text-overflow:ellipsis;min-width:0;display:block;overflow:hidden}.import-confirm-panel span{color:var(--subtle);white-space:nowrap;font-size:11px;font-weight:850}.import-confirm-panel strong{color:var(--ink);white-space:nowrap;margin-top:4px;font-size:18px;font-weight:900}.import-confirm-panel em{color:var(--muted);margin-top:4px;font-size:12px;font-style:normal;line-height:1.45}.primary-action,.ghost-action{border-radius:var(--radius-sm);font:inherit;cursor:pointer;border:0;font-size:13px;font-weight:850;transition:transform .15s,box-shadow .15s,opacity .15s}.primary-action{color:#fff;background:var(--accent);align-self:center;min-height:44px;padding:0 16px;box-shadow:0 10px 22px #ff450038}.primary-action:disabled{cursor:not-allowed;opacity:.52;box-shadow:none}.ghost-action{min-height:36px;color:var(--ink);border:1px solid var(--line);background:#fff;padding:0 13px}.primary-action:not(:disabled):hover,.ghost-action:hover{transform:translateY(-1px)}.primary-action:focus-visible,.ghost-action:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-ring-offset)}.import-success-panel{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:16px;margin-top:12px;padding:12px 13px}.import-success-panel strong{color:#15803d;font-size:13px;font-weight:900}.import-success-panel span{color:#166534;margin-top:4px;font-size:12px;line-height:1.5}.import-clear-row{border:1px solid var(--line);background:#fcfcfd;border-radius:16px;justify-content:space-between;align-items:center;gap:12px;margin-top:12px;padding:12px;display:flex}.import-clear-row span{color:var(--muted);font-size:12px;line-height:1.5}@media (max-width:1180px){.daily-control-actions{justify-content:flex-start;width:100%}.import-confirm-panel{grid-template-columns:1fr}.primary-action{width:100%}}@media (max-width:760px){.import-step-list{grid-template-columns:repeat(2,minmax(0,1fr))}.import-clear-row{flex-direction:column;align-items:stretch}}.import-btn{border-radius:var(--radius-sm);min-height:38px;color:var(--accent);box-shadow:var(--shadow);cursor:pointer;background:#fff7ed;border:1px solid #ff450047;align-items:center;gap:8px;padding:0 13px;font-size:13px;font-weight:850;transition:transform .15s,border-color .16s,background .16s,color .16s;display:inline-flex}.import-btn:hover{border-color:var(--accent);color:#c2410c;background:#fff1e6;transform:translateY(-1px)}.import-btn:focus-visible{outline:var(--focus-ring);outline-offset:2px}.import-btn svg{width:16px;height:16px}.attendance-import-backdrop{z-index:80;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#11182770;place-items:center;padding:24px;animation:.16s both modal-fade-in;display:grid;position:fixed;inset:0}.attendance-import-modal{background:#fff;border:1px solid #ffffffc7;border-radius:30px;width:min(960px,100%);max-height:min(86vh,900px);padding:clamp(18px,3vw,28px);animation:.2s both modal-slide-up;overflow:auto;box-shadow:0 28px 80px #0f172a3d}.import-modal-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-start;gap:18px;padding-bottom:16px;display:flex}.import-modal-head h2{color:var(--ink);letter-spacing:-.05em;margin:5px 0 8px;font-size:clamp(18px,2vw,20px);line-height:1.25}.import-modal-head p{max-width:720px;color:var(--muted);margin:0;font-size:14px;line-height:1.7}.modal-eyebrow{min-height:28px;color:var(--accent);background:#fff7ed;border-radius:999px;align-items:center;padding:0 10px;font-size:12px;font-weight:900;display:inline-flex}.modal-close-btn{border:1px solid var(--line);width:40px;height:40px;color:var(--muted);cursor:pointer;box-shadow:var(--shadow);background:#fff;border-radius:999px;flex:none;place-items:center;transition:transform .15s,color .15s,border-color .15s,background .15s;display:inline-grid}.modal-close-btn:hover{border-color:var(--line-strong);color:var(--ink);background:#f9fafb;transform:translateY(-1px)}.modal-close-btn:focus-visible{outline:var(--focus-ring);outline-offset:2px}.attendance-import-modal .import-step-list,.attendance-import-modal .attendance-upload-zone{margin-top:16px}@keyframes modal-fade-in{0%{opacity:0}to{opacity:1}}@keyframes modal-slide-up{0%{opacity:0;transform:translateY(16px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}.daily-report-grid-page>.data-quality-card{grid-column:span 12}@media (max-width:760px){.attendance-import-backdrop{align-items:end;padding:12px}.attendance-import-modal{border-radius:24px 24px 18px 18px;width:100%;max-height:92vh}.import-modal-head{gap:12px}.modal-close-btn{width:38px;height:38px}}.daily-report-hero{border:1px solid var(--line);background:radial-gradient(circle at 0 0,#ff45001a,#0000 34%),linear-gradient(#fff,#fcfcfd);border-radius:28px;grid-template-columns:minmax(0,1fr) minmax(300px,380px);gap:14px;margin:0 0 16px;padding:16px;display:grid;box-shadow:0 18px 45px #10182812}.daily-report-hero.warning{background:radial-gradient(circle at 0 0,#fb923c24,#0000 36%),linear-gradient(#fffaf4,#fff);border-color:#fed7aa}.daily-report-hero.critical{background:radial-gradient(circle at 0 0,#f8717124,#0000 36%),linear-gradient(#fff7f7,#fff);border-color:#fecaca}.daily-hero-main,.daily-hero-side{min-width:0}.daily-hero-main{background:#ffffffad;border:1px solid #ffffffb8;border-radius:24px;padding:clamp(16px,2.2vw,24px)}.daily-hero-meta-row{flex-wrap:wrap;align-items:center;gap:9px;margin-bottom:18px;display:flex}.daily-hero-meta-row>span{border:1px solid var(--line);min-height:30px;color:var(--muted);background:#fff;border-radius:999px;align-items:center;gap:7px;padding:0 10px;font-size:12px;font-weight:800;display:inline-flex}.daily-hero-meta-row svg{width:15px;height:15px}.daily-hero-title-row{justify-content:space-between;align-items:flex-end;gap:20px;display:flex}.daily-hero-eyebrow{color:var(--accent);letter-spacing:.04em;font-size:12px;font-weight:900}.daily-hero-title-row h2{color:var(--ink);letter-spacing:-.06em;margin:8px 0 0;font-size:clamp(22px,2.4vw,28px);line-height:1.2}.daily-hero-title-row p{max-width:720px;color:var(--muted);margin:12px 0 0;font-size:14px;line-height:1.65}.daily-hero-score{border:1px solid var(--line);width:132px;min-height:112px;box-shadow:var(--shadow);background:#fff;border-radius:26px;flex:none;align-content:center;place-items:center;display:grid}.daily-hero-score strong,.daily-hero-score span{text-align:center;display:block}.daily-hero-score strong{color:var(--ink);letter-spacing:-.055em;font-size:31px;font-weight:900;line-height:1}.daily-report-hero.warning .daily-hero-score strong{color:var(--warning)}.daily-report-hero.critical .daily-hero-score strong{color:var(--danger)}.daily-hero-score span{color:var(--subtle);letter-spacing:.04em;text-transform:uppercase;margin-top:6px;font-size:11px;font-weight:900}.daily-hero-progress{background:#eef2f6;border-radius:999px;height:10px;margin:20px 0 14px;overflow:hidden}.daily-hero-progress span{border-radius:inherit;background:var(--ink);height:100%;display:block}.daily-report-hero.warning .daily-hero-progress span{background:var(--warning)}.daily-report-hero.critical .daily-hero-progress span{background:var(--danger)}.daily-hero-metrics{grid-template-columns:repeat(5,minmax(0,1fr));gap:9px;margin:0;display:grid}.daily-hero-metrics div{border:1px solid var(--line);background:#ffffffd6;border-radius:16px;min-width:0;padding:10px 11px}.daily-hero-metrics dt,.daily-hero-metrics dd{text-overflow:ellipsis;white-space:nowrap;min-width:0;margin:0;overflow:hidden}.daily-hero-metrics dt{color:var(--subtle);font-size:11px;font-weight:850}.daily-hero-metrics dd{color:var(--ink);margin-top:5px;font-size:15px;font-weight:850}.daily-hero-side{align-content:start;gap:10px;display:grid}.daily-hero-select,.daily-hero-info-card,.daily-hero-imported{border:1px solid var(--line);min-width:0;box-shadow:var(--shadow);background:#ffffffdb;border-radius:20px;gap:6px;padding:13px;display:grid}.daily-hero-select span,.daily-hero-info-card span,.daily-hero-imported span{color:var(--subtle);letter-spacing:.02em;font-size:11px;font-weight:900}.daily-hero-select select{border:1px solid var(--line);width:100%;min-height:42px;color:var(--ink);background:#fff;border-radius:14px;outline:0;padding:0 36px 0 12px;font-size:14px;font-weight:800}.daily-hero-select select:focus-visible{outline:var(--focus-ring);outline-offset:2px}.daily-hero-info-card strong,.daily-hero-info-card em,.daily-hero-imported strong{text-overflow:ellipsis;min-width:0;display:block;overflow:hidden}.daily-hero-info-card strong,.daily-hero-imported strong{color:var(--ink);white-space:nowrap;font-size:15px;font-weight:900}.daily-hero-info-card em{color:var(--muted);font-size:12px;font-style:normal;line-height:1.45}.daily-hero-info-card.soft{background:#fffaf4;border-color:#fb923c42}.daily-hero-imported{background:#f0fdf4;border-color:#bbf7d0}.daily-hero-imported strong{color:#15803d}.daily-report-grid-page{row-gap:14px}.daily-report-grid-page .card{border-radius:22px}.daily-report-grid-page .card-head{margin-bottom:8px}.daily-report-grid-page .card-subtitle{margin-top:0}.daily-report-grid-page>.daily-action-card,.daily-report-grid-page>.daily-exception-card{background:linear-gradient(#fffaf4,#fff);border-color:#fed7aa}.daily-report-grid-page>.daily-attendance-table-card,.daily-report-grid-page>.daily-person-card{border-color:#dbe3ef}.data-quality-card .card-head .chip{color:#15803d;background:#f0fdf4;border-color:#bbf7d0}.daily-table-wrap table thead th,.daily-person-table-wrap table thead th{z-index:2;background:#f8fafc;position:sticky;top:0}.daily-table-wrap tbody tr,.daily-person-table-wrap tbody tr{transition:background .14s}.daily-table-wrap tbody tr:hover,.daily-person-table-wrap tbody tr:hover{background:#fffaf4}.daily-table-wrap td[data-label=ขาด],.daily-table-wrap td[data-label=ลาป่วย],.daily-table-wrap td[data-label=ลากิจ],.daily-table-wrap td[data-label=สาย]{font-weight:760}.daily-table-wrap td[data-label=ขาด]{color:var(--danger)}.daily-table-wrap td[data-label=สาย],.daily-table-wrap td[data-label=ลาป่วย],.daily-table-wrap td[data-label=ลากิจ]{color:var(--warning)}@media (max-width:1180px){.daily-report-hero{grid-template-columns:1fr}.daily-hero-side{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:760px){.daily-report-hero{border-radius:24px;padding:12px}.daily-hero-main{border-radius:20px;padding:15px}.daily-hero-title-row{flex-direction:column;align-items:stretch}.daily-hero-score{width:100%;min-height:88px}.daily-hero-metrics,.daily-hero-side{grid-template-columns:1fr}}.daily-report-grid-page>.daily-exception-card,.daily-report-grid-page>.daily-person-card{grid-column:1/-1;width:100%}.daily-exception-card .table-wrap,.daily-person-card .table-wrap,.daily-exception-card table,.daily-person-card table{width:100%}.daily-exception-card .card-subtitle,.daily-person-card .card-subtitle{max-width:980px}.daily-exception-card table{min-width:980px}.daily-person-card table{min-width:1120px}.daily-person-card .daily-table-toolbar{justify-content:space-between;width:100%}.employee-hero{grid-template-columns:minmax(0,1.2fr) minmax(360px,.8fr);gap:14px;margin:0 0 14px;display:grid}.employee-hero-main,.employee-hero-metric,.employee-action-panel{border:1px solid var(--line);box-shadow:var(--shadow);background:linear-gradient(#fff,#fcfcfd);border-radius:24px}.employee-hero-main{padding:22px;position:relative;overflow:hidden}.employee-hero-main:after{content:"";pointer-events:none;background:radial-gradient(circle,#ff78002e,#ff780000 68%);border-radius:999px;width:220px;height:220px;position:absolute;top:-90px;right:-86px}.employee-hero-label{color:#9a3412;background:#fffaf4;border:1px solid #ff780038;border-radius:999px;align-items:center;gap:7px;padding:7px 10px;font-size:12px;font-weight:820;display:inline-flex}.employee-hero-main h2{color:var(--ink);letter-spacing:-.065em;margin:16px 0 0;font-size:clamp(30px,3.2vw,40px);line-height:1}.employee-hero-main p{max-width:680px;color:var(--muted);margin:10px 0 0;font-size:14px;line-height:1.65}.employee-hero-main p strong{color:var(--ink)}.employee-hero-progress{background:#eef2f6;border-radius:999px;height:10px;margin-top:18px;overflow:hidden}.employee-hero-progress span{border-radius:inherit;background:linear-gradient(90deg, var(--accent), #ff7800);height:100%;display:block}.employee-hero.warning .employee-hero-progress span{background:linear-gradient(90deg,#f59e0b,#ff7800)}.employee-hero.critical .employee-hero-progress span{background:linear-gradient(90deg,#ef4444,#f97316)}.employee-hero-note{flex-wrap:wrap;align-items:baseline;gap:8px;margin-top:12px;display:flex}.employee-hero-note strong{color:var(--ink);font-size:15px}.employee-hero-note span{color:var(--subtle);font-size:13px}.employee-hero-side{grid-template-columns:1fr;gap:10px;display:grid}.employee-hero-metric{min-width:0;padding:16px;position:relative;overflow:hidden}.employee-hero-metric:before,.employee-action-card:before{content:"";background:#e5e7eb;border-radius:999px;width:4px;position:absolute;top:14px;bottom:14px;left:0}.employee-hero-metric.good:before,.employee-action-card.success:before{background:#22c55e}.employee-hero-metric.warning:before,.employee-action-card.warning:before{background:#f97316}.employee-hero-metric.critical:before,.employee-action-card.critical:before{background:#ef4444}.employee-hero-metric span,.employee-hero-metric strong,.employee-hero-metric em,.employee-action-card span,.employee-action-card strong,.employee-action-card em{min-width:0;display:block}.employee-hero-metric span,.employee-action-card span{color:var(--muted);font-size:12px;font-weight:800}.employee-hero-metric strong,.employee-action-card strong{color:var(--ink);letter-spacing:-.04em;margin-top:6px;font-size:22px;line-height:1.1}.employee-hero-metric em,.employee-action-card em{color:var(--subtle);margin-top:6px;font-size:12px;font-style:normal;line-height:1.45}.employee-action-panel{margin:0 0 14px;padding:16px}.employee-section-heading{justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:13px;display:flex}.employee-section-heading span{color:var(--accent);text-transform:uppercase;letter-spacing:.08em;font-size:11px;font-weight:850}.employee-section-heading h2{color:var(--ink);letter-spacing:-.035em;margin:4px 0 0;font-size:17px}.employee-section-heading p{max-width:520px;color:var(--muted);margin:0;font-size:13px;line-height:1.55}.employee-action-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.employee-action-card{border:1px solid var(--line);border-radius:var(--radius-lg);background:#fcfcfd;min-width:0;padding:15px 15px 15px 18px;position:relative}.employee-table-card.polished{overflow:hidden}.employee-table-toolbar.polished{background:#fff;align-items:flex-start}.employee-table-card.polished .employee-table-tools{justify-content:flex-end}.employee-table-chips{flex-wrap:wrap;gap:8px;margin:-2px 0 12px;display:flex}.employee-table-chips span{border:1px solid var(--line);min-height:32px;color:var(--muted);background:#fff;border-radius:999px;align-items:center;gap:5px;padding:0 10px;font-size:12px;font-weight:740;display:inline-flex}.employee-table-chips strong{color:var(--ink)}.employee-table-wrap.polished table{min-width:1260px}.employee-table-wrap.polished thead th{z-index:1;background:#f8fafc;position:sticky;top:0}.employee-row.has-attention td:first-child{box-shadow:inset 4px 0 #fed7aa}.employee-row.urgent td:first-child{box-shadow:inset 4px 0 #fecaca}.employee-row:hover{background:#fffaf4}.attention-hint{max-width:130px;margin-top:6px;line-height:1.35;display:block}.employee-drawer.polished{background:linear-gradient(#fff,#fcfcfd);width:min(600px,100%)}.employee-drawer-head.polished{z-index:2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff0;margin:-22px -22px 0;padding:22px;position:sticky;top:0}.employee-owner-panel{background:linear-gradient(#fffaf4,#fff);border:1px solid #fed7aa;border-radius:20px;margin:16px 0 12px;padding:14px}.employee-owner-panel-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;display:flex}.employee-owner-panel-head span,.employee-owner-panel-head strong{display:block}.employee-owner-panel-head span{color:var(--subtle);letter-spacing:.04em;text-transform:uppercase;font-size:11px;font-weight:850}.employee-owner-panel-head strong{color:var(--ink);text-align:right;font-size:13px}.employee-owner-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.employee-owner-card{border:1px solid var(--line);background:#ffffffdb;border-radius:16px;min-width:0;padding:12px}.employee-owner-card.primary{background:#fff;border-color:#ff780047}.employee-owner-card span,.employee-owner-card strong,.employee-owner-card em{text-overflow:ellipsis;min-width:0;display:block;overflow:hidden}.employee-owner-card span{color:var(--subtle);font-size:11px;font-weight:820}.employee-owner-card strong{color:var(--ink);margin-top:5px;font-size:14px;line-height:1.35}.employee-owner-card em{color:var(--muted);margin-top:5px;font-size:11px;font-style:normal;line-height:1.45}.employee-drawer-snapshot{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin:2px 0 16px;display:grid}.employee-mini-stat{border:1px solid var(--line);background:#fff;border-radius:16px;min-width:0;padding:12px}.employee-mini-stat.good{background:#f0fdf4;border-color:#bbf7d0}.employee-mini-stat.warning{background:#fffaf4;border-color:#fed7aa}.employee-mini-stat.critical{background:#fff5f5;border-color:#fecaca}.employee-mini-stat span,.employee-mini-stat strong,.employee-mini-stat em{text-overflow:ellipsis;min-width:0;display:block;overflow:hidden}.employee-mini-stat span{color:var(--subtle);font-size:11px;font-weight:820}.employee-mini-stat strong{color:var(--ink);margin-top:5px;font-size:15px;line-height:1.25}.employee-mini-stat em{color:var(--muted);margin-top:4px;font-size:11px;font-style:normal;line-height:1.35}.document-checklist.polished li.complete{background:#fff}.followup-box.polished{background:linear-gradient(#fffaf4,#fff)}.employee-drawer-actions{border-top:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff0;justify-content:flex-end;gap:8px;margin:18px -22px -22px;padding:14px 22px;display:flex;position:sticky;bottom:0}.employee-drawer-actions button{border:1px solid var(--line);border-radius:var(--radius-sm);min-height:38px;color:var(--muted);background:#fff;padding:0 14px;font-weight:780}.employee-drawer-actions button.primary{border-color:var(--ink);background:var(--ink);color:#fff}.employee-drawer-actions button:focus-visible{outline:var(--focus-ring);outline-offset:2px}@media (max-width:1180px){.employee-hero{grid-template-columns:1fr}.employee-hero-side{grid-template-columns:repeat(3,minmax(0,1fr))}.employee-action-grid{grid-template-columns:1fr}}@media (max-width:860px){.employee-section-heading{flex-direction:column}.employee-hero-side,.employee-drawer-snapshot,.employee-owner-grid{grid-template-columns:1fr}.employee-table-card.polished .employee-table-tools{justify-content:flex-start}}@media (max-width:620px){.employee-hero-main{padding:18px}.employee-hero-main h2{font-size:40px}.employee-drawer-head.polished{margin:-18px -18px 0;padding:18px}.employee-drawer-actions{flex-direction:column-reverse;margin:18px -18px -18px;padding:12px 18px}.employee-drawer-actions button{width:100%}}button,input,textarea,select,.nav-item span,.eyebrow,.filter-pill,.btn,.btn-ghost,.table-tool-select,.pagination-button{font-family:var(--font-ui)}.kpi-content strong,.metric-badge strong,.score-box strong,.donut-number,.line-chart .last-value,.employee-hero-main h2,.employee-hero-metric strong,.daily-hero-score strong,.daily-hero-metrics dd,.daily-mini-metrics dd,.data-quality-score strong,.table-summary-chip strong,.person-attendance-table td[data-label=เวลาเข้า],.person-attendance-table td[data-label=เวลาออก],.daily-attendance-table td[data-label=ตามแผน],.daily-attendance-table td[data-label=มาจริง],.daily-attendance-table td[data-label=อัตราพร้อม],.daily-attendance-table td[data-label=ขาด],.daily-attendance-table td[data-label=ลา],.daily-attendance-table td[data-label=สาย]{font-family:var(--font-metric);font-variant-numeric:tabular-nums}.integrated-dashboard-grid .full-row,.dashboard-band .full-row{grid-column:span 12}.workforce-hero{border:1px solid var(--line);background:radial-gradient(circle at 0 0,#ff45001a,#0000 34%),linear-gradient(#fff,#fcfcfd);border-radius:28px;grid-template-columns:minmax(0,1fr) minmax(300px,380px);gap:14px;margin:0 0 16px;padding:16px;display:grid;box-shadow:0 18px 45px #10182812}.workforce-hero.warning{background:radial-gradient(circle at 0 0,#fb923c24,#0000 36%),linear-gradient(#fffaf4,#fff);border-color:#fed7aa}.workforce-hero.critical{background:radial-gradient(circle at 0 0,#f8717124,#0000 36%),linear-gradient(#fff7f7,#fff);border-color:#fecaca}.workforce-hero-main,.workforce-hero-side{min-width:0}.workforce-hero-main{background:#ffffffb8;border:1px solid #ffffffb8;border-radius:24px;padding:clamp(16px,2.2vw,24px)}.workforce-hero-meta{flex-wrap:wrap;align-items:center;gap:9px;margin-bottom:18px;display:flex}.workforce-hero-meta>span:not(.status-badge){border:1px solid var(--line);min-height:30px;color:var(--muted);background:#fff;border-radius:999px;align-items:center;gap:7px;padding:0 10px;font-size:12px;font-weight:850;display:inline-flex}.workforce-hero-title-row{justify-content:space-between;align-items:flex-end;gap:22px;display:flex}.workforce-hero-eyebrow{color:var(--accent);margin-bottom:7px;font-size:12px;font-weight:950;display:inline-block}.workforce-hero-title-row h2{color:var(--ink);letter-spacing:-.07em;margin:0;font-size:clamp(22px,2.2vw,26px);line-height:1.2}.workforce-hero-title-row p{max-width:760px;color:var(--muted);margin:12px 0 0;font-size:14px;line-height:1.7}.workforce-hero-score{border:1px solid var(--line);width:130px;height:130px;box-shadow:var(--shadow);text-align:center;background:#fff;border-radius:34px;flex:none;align-content:center;place-items:center;display:grid}.workforce-hero-score strong{color:var(--success);font-family:var(--font-metric,inherit);letter-spacing:-.04em;font-size:32px}.workforce-hero.warning .workforce-hero-score strong{color:var(--warning)}.workforce-hero.critical .workforce-hero-score strong{color:var(--danger)}.workforce-hero-score span{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:11px;font-weight:900}.workforce-hero-progress{background:#eef2f7;border-radius:999px;height:12px;margin-top:22px;overflow:hidden}.workforce-hero-progress span{border-radius:inherit;background:linear-gradient(90deg, var(--accent), #fb923c);height:100%;display:block}.workforce-hero-metrics{grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin:18px 0 0;display:grid}.workforce-hero-metrics div{border:1px solid var(--line);background:#ffffffe0;border-radius:16px;padding:11px}.workforce-hero-metrics dt,.workforce-hero-metrics dd{margin:0}.workforce-hero-metrics dt{color:var(--muted);font-size:11px;font-weight:850}.workforce-hero-metrics dd{color:var(--ink);margin-top:4px;font-size:14px;font-weight:950}.workforce-hero-side{gap:12px;display:grid}.workforce-hero-select,.workforce-hero-info-card,.workforce-hero-actions{border:1px solid var(--line);box-shadow:var(--shadow);background:#ffffffd1;border-radius:20px;padding:14px}.workforce-hero-select span,.workforce-hero-info-card span{color:var(--muted);margin-bottom:8px;font-size:11px;font-weight:900;display:block}.workforce-hero-select select{border:1px solid var(--line);width:100%;min-height:42px;color:var(--ink);background:#fff;border-radius:14px;padding:0 12px;font-weight:900}.workforce-hero-info-card strong{color:var(--ink);font-size:14px;font-weight:950;line-height:1.4;display:block}.workforce-hero-info-card em{color:var(--muted);margin-top:5px;font-size:12px;font-style:normal;line-height:1.5;display:block}.workforce-hero-actions{grid-template-columns:1fr;gap:8px;display:grid}.workforce-hero-actions button,.dashboard-action-item button{border-radius:var(--radius-sm);min-height:38px;color:var(--accent);cursor:pointer;background:#fff7ed;border:1px solid #ff450047;justify-content:center;align-items:center;gap:8px;font-size:12px;font-weight:900;display:inline-flex}.workforce-hero-actions button:hover,.dashboard-action-item button:hover{border-color:var(--accent);background:#fff1e6}.dashboard-kpi-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:16px;display:grid}.dashboard-kpi-card{border:1px solid var(--line);min-height:142px;box-shadow:var(--shadow);background:#fff;border-radius:24px;grid-template-columns:46px minmax(0,1fr);gap:13px;padding:17px;display:grid;position:relative}.dashboard-kpi-card:after{content:"";background:#edf0f4;border-radius:999px;height:3px;position:absolute;inset:auto 16px 14px}.dashboard-kpi-card.good:after{background:#bbf7d0}.dashboard-kpi-card.warning:after{background:#fed7aa}.dashboard-kpi-card.critical:after{background:#fecaca}.dashboard-kpi-icon{width:46px;height:46px;color:var(--accent);background:#fff7ed;border-radius:16px;place-items:center;display:grid}.dashboard-kpi-card.good .dashboard-kpi-icon{color:var(--success);background:#ecfdf3}.dashboard-kpi-card.warning .dashboard-kpi-icon{color:var(--warning);background:#fff7ed}.dashboard-kpi-card.critical .dashboard-kpi-icon{color:var(--danger);background:#fef2f2}.dashboard-kpi-card span{color:var(--muted);font-size:12px;font-weight:900;display:block}.dashboard-kpi-card strong{color:var(--ink);font-family:var(--font-metric,inherit);letter-spacing:-.04em;margin-top:7px;font-size:28px;line-height:1;display:block}.dashboard-kpi-card em{color:var(--muted);margin-top:9px;font-size:12px;font-style:normal;line-height:1.45;display:block}.dashboard-action-filters{flex-wrap:wrap;gap:8px;margin:12px 0 4px;display:flex}.dashboard-action-filters button{border:1px solid var(--line);border-radius:var(--radius-sm);min-height:36px;color:var(--muted);background:#fff;padding:0 13px;font-size:13px;font-weight:700;transition:border-color .16s,color .16s,background .16s}.dashboard-action-filters button:hover{border-color:var(--line-strong);color:var(--ink);background:#f9fafb}.dashboard-action-filters button.active{background:var(--ink);color:#fff;border-color:var(--ink)}.site-comparison-grid,.dashboard-action-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.site-comparison-item{text-align:left;border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:20px;width:100%;padding:15px;transition:transform .15s,box-shadow .15s,border-color .15s}.site-comparison-item:hover{border-color:#ff450059;transform:translateY(-2px);box-shadow:0 16px 34px #10182814}.site-comparison-item.warning{background:#fffaf4;border-color:#fed7aa}.site-comparison-item.critical{background:#fff7f7;border-color:#fecaca}.site-comparison-head,.site-comparison-score{justify-content:space-between;gap:12px;display:flex}.site-comparison-head strong,.site-comparison-score strong{color:var(--ink);font-weight:950;display:block}.site-comparison-head span,.site-comparison-score span{color:var(--muted);margin-top:4px;font-size:12px;display:block}.site-comparison-head b{color:var(--muted);background:#f3f4f6;border-radius:999px;align-self:flex-start;padding:4px 8px;font-size:11px}.site-comparison-item.good .site-comparison-head b{color:#15803d;background:#ecfdf3}.site-comparison-item.warning .site-comparison-head b{color:#c2410c;background:#ffedd5}.site-comparison-item.critical .site-comparison-head b{color:#b91c1c;background:#fee2e2}.site-comparison-score{align-items:end;margin-top:18px}.site-comparison-score strong{color:var(--success);font-family:var(--font-metric,inherit);letter-spacing:-.05em;font-size:30px}.site-comparison-item.warning .site-comparison-score strong{color:var(--warning)}.site-comparison-item.critical .site-comparison-score strong{color:var(--danger)}.site-comparison-progress{background:#eef2f7;border-radius:999px;height:9px;margin:14px 0;overflow:hidden}.site-comparison-progress span{border-radius:inherit;background:var(--success);height:100%;display:block}.site-comparison-item.warning .site-comparison-progress span{background:var(--warning)}.site-comparison-item.critical .site-comparison-progress span{background:var(--danger)}.site-comparison-metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:0;display:grid}.site-comparison-metrics div{background:#f8fafc;border-radius:13px;padding:8px}.site-comparison-metrics dt,.site-comparison-metrics dd{margin:0}.site-comparison-metrics dt{color:var(--muted);font-size:10px;font-weight:900}.site-comparison-metrics dd{color:var(--ink);margin-top:4px;font-size:13px;font-weight:950}.dashboard-action-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-action-item{border:1px solid var(--line);background:#fff;border-radius:20px;grid-template-columns:42px minmax(0,1fr) auto;gap:12px;padding:14px;display:grid;position:relative}.dashboard-action-item.warning{background:#fffaf4;border-color:#fed7aa}.dashboard-action-item.critical{background:#fff7f7;border-color:#fecaca}.dashboard-action-item.good{background:#f6fef9;border-color:#bbf7d0}.dashboard-action-icon{width:42px;height:42px;color:var(--accent);background:#fff7ed;border-radius:15px;place-items:center;display:grid}.dashboard-action-item span{color:var(--accent);font-size:11px;font-weight:950}.dashboard-action-item strong{color:var(--ink);margin-top:4px;font-size:14px;display:block}.dashboard-action-item p{color:var(--muted);margin:6px 0 10px;font-size:12px;line-height:1.55}.dashboard-action-item>b{color:var(--ink);font-family:var(--font-metric,inherit);font-size:24px}.dashboard-action-item button{width:auto;min-height:32px;padding:0 12px}.dashboard-trend-list{gap:11px;display:grid}.dashboard-trend-row{grid-template-columns:74px minmax(120px,1fr) 72px 82px;align-items:center;gap:10px;display:grid}.dashboard-trend-row>span,.dashboard-trend-row em{color:var(--muted);font-size:12px;font-style:normal;font-weight:850}.dashboard-trend-row strong{color:var(--ink);font-family:var(--font-metric,inherit);font-size:15px}.dashboard-trend-bar{background:#eef2f7;border-radius:999px;height:10px;overflow:hidden}.dashboard-trend-bar i{border-radius:inherit;background:linear-gradient(90deg, var(--accent), #fb923c);height:100%;display:block}.dashboard-trend-row em{text-align:center;background:#f8fafc;border-radius:999px;padding:5px 8px;position:relative}.dashboard-data-quality{gap:14px;display:grid}.dashboard-data-quality>div{border:1px solid var(--line);border-radius:var(--radius-lg);background:#fcfcfd;padding:14px}.dashboard-data-quality span{color:var(--muted);font-size:11px;font-weight:900}.dashboard-data-quality strong{color:var(--ink);margin-top:5px;font-size:17px;font-weight:950;display:block}.dashboard-data-quality em{color:var(--muted);margin-top:6px;font-size:12px;font-style:normal;line-height:1.5;display:block}.dashboard-data-quality dl{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin:0;display:grid}.dashboard-data-quality dl div{border:1px solid var(--line);background:#fff;border-radius:14px;padding:10px}.dashboard-data-quality dt,.dashboard-data-quality dd{margin:0}.dashboard-data-quality dt{color:var(--muted);font-size:10px;font-weight:900}.dashboard-data-quality dd{color:var(--ink);margin-top:4px;font-size:14px;font-weight:950}.risk-table-shell{width:100%;overflow:auto}.risk-table{border-collapse:separate;border-spacing:0;width:100%;min-width:980px}.risk-table caption{clip:rect(0, 0, 0, 0);width:1px;height:1px;position:absolute;overflow:hidden}.risk-table th{z-index:1;color:var(--muted);border-bottom:1px solid var(--line);text-align:left;background:#f8fafc;padding:12px 10px;font-size:11px;font-weight:950;position:sticky;top:0}.risk-table td{border-bottom:1px solid var(--line);color:var(--text);padding:13px 10px;font-size:13px}.risk-table tr:hover td{background:#fffaf6}.risk-row.warning td{background:#fffaf4}.risk-row.critical td{background:#fff7f7}.empty-cell{color:var(--muted)!important;text-align:center!important;padding:24px!important}.status-badge.good{color:#15803d;background:#ecfdf3}@media (max-width:1180px){.workforce-hero{grid-template-columns:1fr}.workforce-hero-side{grid-template-columns:repeat(3,minmax(0,1fr))}.dashboard-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.site-comparison-grid{grid-template-columns:1fr}}@media (max-width:860px){.workforce-hero-title-row{flex-direction:column;align-items:stretch}.workforce-hero-score{width:100%;height:auto;min-height:104px}.workforce-hero-metrics,.workforce-hero-side,.dashboard-data-quality dl{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-action-grid{grid-template-columns:1fr}.dashboard-trend-row{grid-template-columns:68px 1fr 62px}.dashboard-trend-row em{text-align:left;grid-column:2/-1}}@media (max-width:640px){.dashboard-kpi-grid,.workforce-hero-metrics,.workforce-hero-side,.dashboard-data-quality dl{grid-template-columns:1fr}.dashboard-kpi-card,.dashboard-action-item{grid-template-columns:40px minmax(0,1fr)}.dashboard-action-item>b{grid-column:2;font-size:18px}}.trend-comparison-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-bottom:14px;display:grid}.trend-compare-item{border:1px solid var(--line);background:#fcfcfd;border-radius:16px;padding:12px}.trend-compare-item.good{background:#f6fef9;border-color:#bbf7d0}.trend-compare-item.warning{background:#fffaf4;border-color:#fed7aa}.trend-compare-item.critical{background:#fff7f7;border-color:#fecaca}.trend-compare-item span{color:var(--muted);font-size:10px;font-weight:900;display:block}.trend-compare-item strong{color:var(--ink);font-family:var(--font-metric,inherit);letter-spacing:-.04em;margin-top:5px;font-size:22px;display:block}.trend-compare-item.good strong{color:var(--success)}.trend-compare-item.warning strong{color:var(--warning)}.trend-compare-item.critical strong{color:var(--danger)}.trend-compare-item em{color:var(--muted);margin-top:4px;font-size:11px;font-style:normal;line-height:1.35;display:block}.sla-dashboard-card,.report-pack-card{overflow:hidden}.sla-summary-row{grid-template-columns:minmax(220px,300px) minmax(0,1fr);gap:12px;margin-bottom:13px;display:grid}.sla-summary-row>div,.sla-summary-row>p{border:1px solid var(--line);border-radius:var(--radius-lg);background:#fffaf4;margin:0;padding:15px}.sla-summary-row span{color:var(--muted);font-size:11px;font-weight:900}.sla-summary-row strong{color:var(--accent);font-family:var(--font-metric,inherit);letter-spacing:-.06em;margin-top:5px;font-size:34px;display:block}.sla-summary-row em,.sla-summary-row p{color:var(--muted);font-size:12px;font-style:normal;line-height:1.55}.sla-metric-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;display:grid}.sla-metric-item{border:1px solid var(--line);border-radius:var(--radius-lg);background:#fff;padding:13px}.sla-metric-item.good{background:#f6fef9;border-color:#bbf7d0}.sla-metric-item.warning{background:#fffaf4;border-color:#fed7aa}.sla-metric-item.critical{background:#fff7f7;border-color:#fecaca}.sla-metric-head{justify-content:space-between;gap:8px;display:flex}.sla-metric-head span{color:var(--muted);font-size:11px;font-weight:900;line-height:1.35}.sla-metric-head b{color:var(--muted);background:#f3f4f6;border-radius:999px;flex:none;align-self:flex-start;padding:4px 7px;font-size:10px}.sla-metric-item.good .sla-metric-head b{color:#15803d;background:#dcfce7}.sla-metric-item.warning .sla-metric-head b{color:#c2410c;background:#ffedd5}.sla-metric-item.critical .sla-metric-head b{color:#b91c1c;background:#fee2e2}.sla-metric-item>strong{color:var(--ink);font-family:var(--font-metric,inherit);letter-spacing:-.05em;margin-top:14px;font-size:28px;display:block}.sla-metric-item>em,.sla-metric-item>p{color:var(--muted);margin:5px 0 0;font-size:11px;font-style:normal;line-height:1.45;display:block}.sla-progress{background:#eef2f7;border-radius:999px;height:8px;margin-top:11px;overflow:hidden}.sla-progress i{border-radius:inherit;background:linear-gradient(90deg, var(--accent), #fb923c);height:100%;display:block}.sla-metric-item.good .sla-progress i{background:var(--success)}.sla-metric-item.warning .sla-progress i{background:var(--warning)}.sla-metric-item.critical .sla-progress i{background:var(--danger)}.report-pack-context{flex-wrap:wrap;gap:8px;margin-bottom:13px;display:flex}.report-pack-context span{border:1px solid var(--line);min-height:30px;color:var(--muted);background:#fff;border-radius:999px;align-items:center;gap:7px;padding:0 10px;font-size:11px;font-weight:900;display:inline-flex}.report-pack-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;display:grid}.report-pack-item{border:1px solid var(--line);border-radius:var(--radius-lg);background:#fff;grid-template-rows:auto 1fr;gap:11px;padding:13px;display:grid}.report-pack-icon{width:42px;height:42px;color:var(--accent);background:#fff7ed;border-radius:15px;place-items:center;display:grid}.report-pack-item span{color:var(--accent);font-size:10px;font-weight:950;display:block}.report-pack-item strong{color:var(--ink);margin-top:4px;font-size:14px;line-height:1.35;display:block}.report-pack-item p{color:var(--muted);margin:7px 0 0;font-size:12px;line-height:1.5}.report-pack-item ul{color:var(--text);gap:4px;margin:10px 0 12px;padding-left:16px;font-size:11px;line-height:1.4;display:grid}.report-pack-item button{border-radius:var(--radius-sm);width:100%;min-height:34px;color:var(--accent);cursor:pointer;background:#fff7ed;border:1px solid #ff450047;font-size:11px;font-weight:900}.report-pack-item button:hover{border-color:var(--accent);background:#fff1e6}.employee-section-title-row{justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px;display:flex}.employee-section-title-row h3{margin:0}.employee-section-title-row span{color:var(--muted);background:#f3f4f6;border-radius:999px;padding:4px 8px;font-size:10px;font-weight:900}.employee-attendance-timeline{gap:9px;display:grid;position:relative}.employee-attendance-timeline:before{content:"";background:#e5e7eb;border-radius:999px;width:2px;position:absolute;top:12px;bottom:12px;left:10px}.employee-attendance-timeline-item{border:1px solid var(--line);background:#fff;border-radius:16px;grid-template-columns:22px minmax(0,1fr) auto;gap:10px;padding:11px;display:grid;position:relative}.timeline-dot{z-index:1;background:var(--success);border:4px solid #fff;border-radius:999px;width:20px;height:20px;margin-top:2px;position:relative;box-shadow:0 0 0 1px #bbf7d0}.employee-attendance-timeline-item.warning .timeline-dot{background:var(--warning);box-shadow:0 0 0 1px #fed7aa}.employee-attendance-timeline-item.critical .timeline-dot{background:var(--danger);box-shadow:0 0 0 1px #fecaca}.employee-attendance-timeline-item.leave .timeline-dot{background:#2563eb;box-shadow:0 0 0 1px #bfdbfe}.employee-attendance-timeline-item strong{color:var(--ink);font-size:13px;line-height:1.35}.employee-attendance-timeline-item p,.employee-attendance-timeline-item em{color:var(--muted);margin:4px 0 0;font-size:11px;font-style:normal;line-height:1.4;display:block}.employee-attendance-timeline-item>span{color:var(--muted);background:#f8fafc;border-radius:999px;align-self:start;padding:4px 8px;font-size:10px;font-weight:900}.employee-attendance-empty{z-index:1;border:1px dashed var(--line-strong);color:var(--muted);text-align:center;background:#fff;border-radius:16px;padding:14px;font-size:12px;position:relative}@media (max-width:1280px){.sla-metric-grid,.report-pack-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:860px){.sla-summary-row,.trend-comparison-grid,.sla-metric-grid,.report-pack-grid{grid-template-columns:1fr}.employee-attendance-timeline-item{grid-template-columns:22px minmax(0,1fr)}.employee-attendance-timeline-item>span{grid-column:2;width:max-content}}.hero-delta-badge{border-radius:999px;align-items:center;min-height:30px;padding:0 10px;font-size:12px;font-weight:950;display:inline-flex}.hero-delta-badge.good{color:#15803d;background:#ecfdf3}.hero-delta-badge.warning{color:#c2410c;background:#ffedd5}.sla-badge{border-radius:999px;align-items:center;min-height:30px;padding:0 10px;font-size:12px;font-weight:950;display:inline-flex}.sla-badge.good{color:#15803d;background:#ecfdf3}.sla-badge.warning{color:#c2410c;background:#ffedd5}.sla-badge.critical{color:#b91c1c;background:#fef2f2}::selection{color:#fff;background:var(--accent)}body:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(circle at 12% 0%, rgba(var(--accent-rgb), .09), transparent 28%), radial-gradient(circle at 88% 8%, #1118270b, transparent 30%), linear-gradient(180deg, #fbfbfd 0%, var(--bg) 44%, #f8fafc 100%);position:fixed;inset:0}html{scrollbar-gutter:stable}body,.sidebar,.table-wrap,.employee-drawer,.attendance-import-modal{scrollbar-width:thin;scrollbar-color:#cbd5e1 transparent}body::-webkit-scrollbar{width:10px;height:10px}.sidebar::-webkit-scrollbar{width:10px;height:10px}.table-wrap::-webkit-scrollbar{width:10px;height:10px}.employee-drawer::-webkit-scrollbar{width:10px;height:10px}.attendance-import-modal::-webkit-scrollbar{width:10px;height:10px}body::-webkit-scrollbar-thumb{background:#cbd5e1 padding-box padding-box;border:3px solid #0000;border-radius:999px}.sidebar::-webkit-scrollbar-thumb{background:#cbd5e1 padding-box padding-box;border:3px solid #0000;border-radius:999px}.table-wrap::-webkit-scrollbar-thumb{background:#cbd5e1 padding-box padding-box;border:3px solid #0000;border-radius:999px}.employee-drawer::-webkit-scrollbar-thumb{background:#cbd5e1 padding-box padding-box;border:3px solid #0000;border-radius:999px}.attendance-import-modal::-webkit-scrollbar-thumb{background:#cbd5e1 padding-box padding-box;border:3px solid #0000;border-radius:999px}.main{width:100%;max-width:1720px;margin:0 auto}.page-canvas{gap:16px;min-width:0;animation:.32s both page-fade-in;display:grid}@keyframes page-fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.topbar{background:linear-gradient(135deg, #fff4edc7, #fffffff5 34%), var(--surface);box-shadow:var(--shadow-soft);border:1px solid #d0d5ddd1;border-radius:30px;margin-bottom:0;padding:clamp(18px,2vw,26px);position:relative;overflow:hidden}.topbar:before{content:"";background:linear-gradient(90deg, var(--accent), #ff7800, #111827e6);border-radius:0 0 999px 999px;height:4px;position:absolute;top:0;left:clamp(18px,2vw,26px);right:clamp(18px,2vw,26px)}.title-wrap{max-width:820px;position:relative}.topbar h1{letter-spacing:-.055em;max-width:800px;font-weight:900}.topbar p{max-width:760px}.quick-filters button,.mode-tabs,.period-select-wrap,.search-box,.export-btn,.import-btn,.bell,.profile{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.quick-filters button.active,.mode-tabs button.active{background:linear-gradient(135deg,#111827,#2b3442);box-shadow:0 8px 20px #11182729}.search-box,.period-select-wrap,.mode-tabs,.profile,.bell{border-color:#d0d5dde6}.filter-summary{flex-basis:100%;justify-items:end;gap:3px;margin-top:2px;padding:0 4px;display:inline-grid}.filter-summary span{color:var(--subtle);letter-spacing:.06em;text-transform:uppercase;font-size:10px;font-weight:900}.sidebar{background:var(--ink);flex-direction:column;display:flex}.nav-stack{flex:1}.nav-item{min-height:42px;position:relative}.nav-item.active{background:var(--accent);box-shadow:0 6px 16px #ff450059}.nav-item.active:before{content:"";background:var(--accent);border-radius:0 3px 3px 0;width:3px;height:20px;position:absolute;top:50%;left:-14px;transform:translateY(-50%)}.sidebar-demo-card{background:radial-gradient(circle at top left, rgba(var(--accent-rgb), .12), transparent 48%), #fff;border:1px solid #ff450033;border-radius:20px;margin-top:22px;padding:15px;box-shadow:0 8px 22px #1018280d}.sidebar-demo-card span,.sidebar-demo-card strong,.sidebar-demo-card em{display:block}.sidebar-demo-card span{color:var(--accent);letter-spacing:.08em;text-transform:uppercase;font-size:10px;font-weight:950}.sidebar-demo-card strong{color:var(--ink);margin-top:6px;font-size:14px;line-height:1.25}.sidebar-demo-card em{color:var(--muted);margin-top:6px;font-size:11px;font-style:normal;line-height:1.45}.sidebar-demo-actions{gap:8px;margin-top:12px;display:grid}.sidebar-demo-actions button{text-align:left;width:100%;color:var(--ink);cursor:pointer;background:#ffffffb3;border:1px solid #94a3b852;border-radius:14px;padding:10px 12px;font-size:12px;font-weight:800;transition:transform .15s,box-shadow .15s,background .15s,border-color .15s}.sidebar-demo-actions button:hover{border-color:rgba(var(--accent-rgb), .35);background:#fff;transform:translateY(-1px);box-shadow:0 10px 22px #10182814}.sidebar-demo-actions button.danger{background:radial-gradient(circle at 0 0,#ef444414,#fffc 55%);border-color:#ef444447}.sidebar-demo-actions button.danger:hover{border-color:#ef444473}.card,.insight-card,.kpi-card,.dashboard-kpi-card,.employee-hero-main,.employee-hero-metric,.employee-action-panel,.daily-report-hero,.workforce-hero,.employee-table-card,.daily-report-control-panel,.daily-report-summary-panel>div{box-shadow:var(--shadow-soft);border-color:#d0d5ddd1}.card:hover,.dashboard-kpi-card:hover,.insight-card:hover,.kpi-card:hover,.employee-hero-metric:hover,.employee-action-card:hover,.daily-site-item:hover,.daily-shift-item:hover,.daily-department-item:hover,.report-pack-item:hover,.sla-metric-item:hover{transform:translateY(-1px);box-shadow:0 14px 32px #10182814}.dashboard-grid{gap:16px}.dashboard-grid>.full-row,.integrated-dashboard-grid>.full-row,.daily-report-grid-page>.daily-site-card,.daily-report-grid-page>.daily-shift-card,.daily-report-grid-page>.daily-department-card,.daily-report-grid-page>.daily-attendance-table-card,.daily-report-grid-page>.daily-action-card,.daily-report-grid-page>.daily-exception-card,.daily-report-grid-page>.daily-person-card,.employees-grid-page>.employee-table-card{grid-column:1/-1!important}.integrated-dashboard-grid>.dashboard-trend-card{grid-column:span 6}.card-head{border-bottom:1px solid #eaecf0db;padding-bottom:12px}.card-head h2,.employee-section-heading h2{font-weight:900}.card-subtitle{margin-top:-3px;line-height:1.55}.workforce-hero,.daily-report-hero,.employee-hero-main{box-shadow:var(--shadow-strong)}.workforce-hero-score,.daily-hero-score{box-shadow:inset 0 1px #ffffffe6,0 16px 38px #10182814}.workforce-hero-metrics div,.daily-hero-metrics div,.employee-mini-stat,.employee-detail-item,.metric-badge,.daily-table-chip,.data-quality-grid>div,.import-preview-grid>div{box-shadow:inset 0 1px #ffffffdb}.dashboard-kpi-card,.site-comparison-item,.dashboard-action-item,.sla-metric-item,.report-pack-item,.employee-action-card,.daily-site-item,.daily-shift-item,.daily-department-item{transition:transform .18s,box-shadow .18s,border-color .18s,background .18s}.dashboard-action-item button,.report-pack-item button,.workforce-hero-actions button,.export-btn,.import-btn,.primary-action,.ghost-action,.employee-drawer-actions button{transition:transform .16s,box-shadow .16s,border-color .16s,background .16s,color .16s}.dashboard-action-item button:hover,.report-pack-item button:hover,.workforce-hero-actions button:hover,.export-btn:hover,.import-btn:hover,.primary-action:hover,.ghost-action:hover,.employee-drawer-actions button:hover{transform:translateY(-1px)}.table-wrap{border-color:#d0d5ddd1;box-shadow:inset 0 1px #ffffffdb}th{color:#475467;letter-spacing:.01em;font-size:12px}td{vertical-align:middle}tbody tr:last-child td{border-bottom:0}.status-badge,.hero-delta-badge,.sla-badge,.site-comparison-head b,.report-pack-context span,.employee-section-title-row span,.daily-table-chip span,.employee-table-chips span{letter-spacing:.01em}.employee-drawer.polished{border-left:1px solid #d0d5dde6;box-shadow:-26px 0 70px #10182824}.employee-owner-panel{box-shadow:0 12px 28px #ff450014}.employee-attendance-timeline-item:hover{border-color:rgba(var(--accent-rgb), .3);box-shadow:0 10px 26px #1018280f}.attendance-import-backdrop,.drawer-backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.attendance-upload-zone:hover{border-color:var(--accent);background:#fff7ed}@media (max-width:1180px){.topbar{border-radius:26px}.filter-summary{justify-items:start}.integrated-dashboard-grid>.dashboard-trend-card{grid-column:1/-1}}@media (max-width:860px){.main{padding-inline:14px}.topbar{padding:18px}.profile,.bell{display:none}.search-box,.topbar-actions,.period-controls,.period-select-wrap,.mode-tabs,.export-btn,.import-btn{width:100%}.export-btn,.import-btn{justify-content:center}.quick-filters{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.quick-filters button{width:100%}}@media (max-width:640px){.page-canvas{gap:12px}.topbar h1{letter-spacing:-.04em}.quick-filters{grid-template-columns:1fr}.workforce-hero,.daily-report-hero,.employee-hero-main,.card{border-radius:20px}}html,body{background:var(--bg)}body:before{display:none}body,button,input,textarea,select{-webkit-font-smoothing:antialiased;text-rendering:geometricprecision}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,.nav-item:focus-visible,.report-pack-item button:focus-visible,.employee-drawer-actions button:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-ring-offset)}.main{max-width:1640px;padding:22px clamp(16px,2.1vw,34px) 38px}.page-canvas{gap:14px;animation:none}.sidebar{border-right-color:var(--line);background:#fff;padding:22px 14px}.brand-box{margin-bottom:16px;padding:2px 10px 20px}.brand-box:after{background:#d0d5dd;width:34px;height:2px}.brand-box span{color:var(--muted);letter-spacing:.02em;font-size:11px}.nav-stack{gap:16px}.nav-group-title{color:var(--subtle);letter-spacing:.08em;margin-bottom:8px;font-size:10px}.nav-item{color:#667085;border-radius:10px;min-height:40px;padding:9px 10px}.nav-item svg{stroke-width:1.85px;width:16px;height:16px}.nav-item span{font-size:13px;font-weight:700}.nav-item:hover{color:#e5e5e7;background:#ffffff0f}.nav-item.active{color:#ff6a2b;box-shadow:none;background:#ff450021}.nav-item.active:before{content:"";background:var(--accent);border-radius:999px;width:3px;height:auto;display:block;position:absolute;top:8px;bottom:8px;left:0;transform:none}.sidebar-demo-card{border-color:var(--line);box-shadow:none;background:#fff;border-radius:16px;margin-top:20px;padding:14px}.sidebar-demo-card span{color:var(--muted);font-size:10px}.sidebar-demo-card strong{color:var(--ink);font-size:14px}.sidebar-demo-card em{color:var(--subtle);font-size:11px}.topbar{border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow);background:#fff;align-items:flex-start;gap:20px;padding:18px clamp(18px,2vw,22px);overflow:visible}.topbar:before{display:none}.eyebrow{color:var(--muted);letter-spacing:.045em;margin-bottom:8px;font-size:11px;font-weight:700}.live-dot{width:6px;height:6px}.topbar h1{letter-spacing:-.01em;font-size:20px;font-weight:700;line-height:1.35}.topbar p{max-width:760px;color:var(--muted);margin-top:6px;font-size:13px;line-height:1.6}.quick-filters{gap:7px;margin-top:16px}.quick-filters button,.chip,.period,.export-btn,.import-btn,.bell,.mode-tabs button,.period-select-wrap,.search-box,.profile{box-shadow:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}.quick-filters button,.mode-tabs button,.chip{border-color:var(--line);min-height:34px;color:var(--muted);background:#fff;font-size:12px;font-weight:750}.quick-filters button:hover,.mode-tabs button:hover,.chip:hover{border-color:var(--line-strong);color:var(--ink);background:#f8fafc}.quick-filters button.active,.mode-tabs button.active{color:#fff;background:#111827;border-color:#111827;box-shadow:none!important}.topbar-actions{gap:8px}.search-box,.period-select-wrap,.mode-tabs,.profile,.bell{border-color:var(--line);background:#fff;min-height:40px}.search-box:hover,.period-select-wrap:hover,.mode-tabs:hover,.profile:hover,.bell:hover{border-color:var(--line-strong);box-shadow:none!important}.period-select-wrap{border-radius:999px}.mode-tabs{border-radius:var(--radius-sm)}.export-btn,.import-btn,.primary-action{border-radius:var(--radius-sm);color:#fff;background:#111827;border-color:#111827;min-height:40px;box-shadow:none!important}.export-btn:hover,.import-btn:hover,.primary-action:hover{background:#0b1220;border-color:#0b1220}.ghost-action,.secondary-action{border-radius:var(--radius-sm);border-color:var(--line);min-height:40px;color:var(--text);background:#fff;box-shadow:none!important}.ghost-action:hover,.secondary-action:hover{border-color:var(--line-strong);background:#f8fafc}.filter-summary{margin-top:0;padding-inline:2px}.filter-summary span{color:var(--subtle);font-size:10px}.filter-summary strong{color:var(--muted);font-size:12px;font-weight:720}.avatar{color:#475467;background:#f2f4f7}.card,.insight-card,.kpi-card,.dashboard-kpi-card,.employee-action-panel,.employee-action-card,.employee-table-card,.daily-report-control-panel,.daily-report-summary-panel>div,.dashboard-trend-card,.department-risk-card,.sla-dashboard-card,.report-pack-card,.daily-site-card,.daily-shift-card,.daily-department-card,.daily-action-card,.daily-exception-card,.daily-person-card,.daily-attendance-table-card{border:1px solid var(--line)!important;border-radius:var(--radius-lg)!important;box-shadow:var(--shadow)!important;background:#fff!important}.card:hover,.dashboard-kpi-card:hover,.insight-card:hover,.kpi-card:hover,.employee-hero-metric:hover,.employee-action-card:hover,.daily-site-item:hover,.daily-shift-item:hover,.daily-department-item:hover,.report-pack-item:hover,.sla-metric-item:hover,.site-comparison-item:hover,.dashboard-action-item:hover,.employee-attendance-timeline-item:hover{box-shadow:var(--shadow)!important;transform:none!important}.card-head{border-bottom-color:var(--line);padding-bottom:11px}.card-head h2,.employee-section-heading h2{color:var(--ink);letter-spacing:-.025em;font-size:clamp(18px,1.45vw,22px);font-weight:850}.card-subtitle{color:var(--muted);font-size:13px;line-height:1.55}.workforce-hero,.daily-report-hero,.employee-hero-main{border:1px solid var(--line)!important;background:#fff!important;border-radius:24px!important;box-shadow:0 6px 18px #1018280e!important}.workforce-hero:before,.daily-report-hero:before,.employee-hero-main:before,.employee-hero-main:after{opacity:.35}.workforce-hero-main,.daily-hero-main,.employee-hero-main,.employee-drawer.polished,.attendance-import-modal{-webkit-backdrop-filter:none!important;backdrop-filter:none!important}.workforce-hero h2,.daily-report-hero h2,.employee-hero-main h2{letter-spacing:-.035em}.workforce-hero-score,.daily-hero-score,.employee-hero-score,.employee-hero-metric,.workforce-hero-metrics div,.daily-hero-metrics div,.employee-mini-stat,.employee-detail-item,.metric-badge,.daily-table-chip,.data-quality-grid>div,.import-preview-grid>div{border-color:var(--line)!important;box-shadow:none!important;background:#fff!important}.workforce-hero-score strong,.daily-hero-score strong,.employee-hero-score strong,.kpi-value,.dashboard-kpi-value,.metric-value{font-family:var(--font-metric);letter-spacing:-.035em}.workforce-hero-progress,.daily-hero-progress,.employee-hero-progress,.sla-progress{background:#f2f4f7;border-radius:999px;height:8px;overflow:hidden}.workforce-hero-progress span,.daily-hero-progress span,.employee-hero-progress span,.sla-progress i{background:var(--accent)!important;background-image:none!important}.hero-delta-badge,.sla-badge,.status-badge,.site-comparison-head b,.report-pack-context span,.employee-section-title-row span,.daily-table-chip span,.employee-table-chips span,.badge{letter-spacing:.005em;border-radius:999px;font-size:11px;font-weight:780;box-shadow:none!important}.dashboard-grid,.integrated-dashboard-grid,.daily-report-grid-page,.employees-grid-page{gap:14px}.dashboard-cluster{border:1px solid var(--line);border-radius:var(--radius-lg);background:#fbfbfc;flex-direction:column;gap:14px;padding:16px;display:flex}.dashboard-cluster-title{color:var(--ink);letter-spacing:-.01em;margin:0;padding-left:12px;font-size:16px;font-weight:800;position:relative}.dashboard-cluster-title:before{content:"";background:var(--accent);border-radius:999px;width:3px;position:absolute;top:3px;bottom:3px;left:0}.workforce-hero .workforce-hero-progress span{background:var(--success)!important}.workforce-hero.warning .workforce-hero-progress span{background:var(--warning)!important}.workforce-hero.critical .workforce-hero-progress span{background:var(--danger)!important}.dashboard-tier-label{border-top:1px solid var(--line);color:var(--subtle);letter-spacing:.08em;text-transform:uppercase;margin:16px 0 2px;padding-top:18px;font-size:11px;font-weight:800}.insight-strip{gap:10px}.insight-card{padding:14px}.dashboard-kpi-card,.kpi-card{padding:16px}.site-comparison-item,.dashboard-action-item,.sla-metric-item,.report-pack-item,.daily-site-item,.daily-shift-item,.daily-department-item,.employee-action-card{border-color:var(--line)!important;box-shadow:none!important;background:#fff!important}.site-comparison-item:hover,.dashboard-action-item:hover,.sla-metric-item:hover,.report-pack-item:hover,.daily-site-item:hover,.daily-shift-item:hover,.daily-department-item:hover,.employee-action-card:hover{border-color:var(--line-strong)!important}.site-comparison-item.active,.site-comparison-item.selected{background:#fffaf7!important;border-color:#ff450061!important}.dashboard-action-item.warning,.sla-metric-item.warning,.report-pack-item.warning,.daily-site-item.warning,.daily-shift-item.warning,.daily-department-item.warning{background:#fffaf7!important;border-color:#fed7aa!important}.dashboard-action-item.critical,.sla-metric-item.critical,.report-pack-item.critical,.daily-site-item.critical,.daily-shift-item.critical,.daily-department-item.critical{background:snow!important;border-color:#fecaca!important}.dashboard-action-item.good,.sla-metric-item.good,.daily-site-item.good,.daily-shift-item.good,.daily-department-item.good{background:#fbfffd!important;border-color:#bbf7d0!important}.report-pack-icon{color:var(--text)!important;background:#f8fafc!important}.report-pack-item button,.dashboard-action-item button,.workforce-hero-actions button,.employee-drawer-actions button,.attendance-import-actions button{box-shadow:none!important}.report-pack-item button:hover,.dashboard-action-item button:hover,.workforce-hero-actions button:hover,.export-btn:hover,.import-btn:hover,.primary-action:hover,.ghost-action:hover,.employee-drawer-actions button:hover,.attendance-import-actions button:hover{transform:none!important}.table-wrap,.employee-table-wrap,.daily-person-card .table-wrap,.daily-exception-card .table-wrap{border:1px solid var(--line)!important;box-shadow:none!important;background:#fff!important;border-radius:16px!important}table{border-collapse:separate;border-spacing:0}thead th,th{color:#667085;letter-spacing:.035em;text-transform:uppercase;font-size:11px;font-weight:850;background:#f8fafc!important}tbody td,td{color:var(--text);border-bottom-color:#f2f4f7!important}tbody tr:hover td{background:#fafbfc!important}.employee-row-attention td,.employee-row-critical td,.daily-row-warning td,.daily-row-critical td{box-shadow:none!important}.employee-row-attention td:first-child,.daily-row-warning td:first-child{box-shadow:inset 3px 0 #fed7aa!important}.employee-row-critical td:first-child,.daily-row-critical td:first-child{box-shadow:inset 3px 0 #fecaca!important}.employee-hero-main,.employee-owner-panel,.employee-attendance-timeline,.employee-attendance-timeline-item,.document-checklist.polished li,.followup-box.polished{box-shadow:none!important;background:#fff!important}.employee-owner-panel{border:1px solid var(--line)!important;border-radius:var(--radius-lg)!important}.employee-drawer.polished,.employee-drawer{border-left:1px solid var(--line)!important;background:#fff!important;box-shadow:-12px 0 38px #10182818!important}.employee-drawer-head.polished,.employee-drawer-head{border-bottom-color:var(--line)!important;background:#fff!important}.employee-attendance-timeline-item{border-color:var(--line)!important}.timeline-dot{box-shadow:none!important}.drawer-backdrop,.attendance-import-backdrop{-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:#10182857!important}.daily-report-hero,.daily-site-card,.daily-shift-card,.daily-department-card,.daily-action-card,.daily-exception-card,.daily-person-card,.daily-attendance-table-card,.data-quality-card{background:#fff!important}.attendance-import-modal{border:1px solid var(--line)!important;background:#fff!important;border-radius:22px!important;box-shadow:0 24px 64px #1018282e!important}.attendance-upload-zone{border-color:var(--line)!important;background:#fafbfc!important}.attendance-upload-zone:hover{background:#fffaf7!important;border-color:#ff450073!important}.card,.sla-dashboard-card,.report-pack-card,.department-risk-card,.dashboard-trend-card{padding-block:clamp(18px,1.6vw,22px)}.kpi-card p,.dashboard-kpi-card p,.sla-metric-item p,.report-pack-item p,.employee-action-card p,.dashboard-action-item p{line-height:1.52}@media (max-width:1180px){.topbar{border-radius:20px}}@media (max-width:860px){.main{padding-inline:14px}.topbar{gap:16px;padding:16px}.quick-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.search-box,.period-controls,.period-select-wrap,.mode-tabs,.export-btn,.import-btn{width:100%}}@media (max-width:640px){.main{padding-inline:12px}.page-canvas,.dashboard-grid,.integrated-dashboard-grid,.daily-report-grid-page,.employees-grid-page{gap:12px}.topbar h1{font-size:28px}.workforce-hero,.daily-report-hero,.employee-hero-main,.card,.sla-dashboard-card,.report-pack-card{border-radius:var(--radius-lg)!important}}.visual-insight-dashboard-grid>.dashboard-kpi-grid{grid-column:1/-1}.visual-insight-dashboard-grid>.dashboard-kpi-grid .dashboard-kpi-card{min-height:126px;box-shadow:0 1px 2px #1018280a}.workforce-hero{position:relative;overflow:hidden}.workforce-hero:before{content:"";background:radial-gradient(circle, rgba(var(--accent-rgb), .1), transparent 68%);pointer-events:none;border-radius:999px;width:220px;height:220px;position:absolute;inset:16px 16px auto auto}.workforce-hero-title-row h2{max-width:760px;font-size:clamp(22px,2.2vw,26px)}.workforce-hero-score{isolation:isolate;border-radius:999px;width:148px;height:148px;position:relative;box-shadow:0 20px 42px #10182814}.workforce-hero-score>div{z-index:2;align-content:center;place-items:center;display:grid;position:absolute;inset:0}.hero-gauge-ring{z-index:1;color:var(--success);position:absolute;inset:12px;transform:rotate(-90deg)}.hero-gauge-ring.warning{color:var(--warning)}.hero-gauge-ring.critical{color:var(--danger)}.hero-gauge-track,.hero-gauge-value{fill:none;stroke-linecap:round}.hero-gauge-track{stroke:#eef2f7}.hero-gauge-value{stroke:currentColor;transition:stroke-dashoffset .65s cubic-bezier(.4,0,.2,1)}.visual-summary-grid{grid-template-columns:repeat(12,minmax(0,1fr));gap:16px;margin:0 0 16px;display:grid}.visual-summary-card{grid-column:span 4;overflow:hidden}.visual-segmented-bar{border:1px solid var(--line);background:#f3f4f6;border-radius:999px;gap:3px;height:24px;margin:2px 0 15px;display:flex;overflow:hidden}.visual-segmented-bar span{min-width:5px;height:100%;transition:width .45s}.visual-segmented-bar .good,.visual-distribution-item.good .visual-distribution-meter i{background:#22c55e}.visual-segmented-bar .warning,.visual-distribution-item.warning .visual-distribution-meter i{background:#f59e0b}.visual-segmented-bar .critical,.visual-distribution-item.critical .visual-distribution-meter i{background:#ef4444}.visual-segmented-bar .leave,.visual-distribution-item.leave .visual-distribution-meter i{background:#3b82f6}.visual-segmented-bar .neutral,.visual-distribution-item.neutral .visual-distribution-meter i{background:#cbd5e1}.visual-distribution-list{gap:10px;display:grid}.visual-distribution-item{border:1px solid var(--line);background:#fff;border-radius:16px;padding:11px}.visual-distribution-head{justify-content:space-between;gap:12px;display:flex}.visual-distribution-head span{color:var(--muted);font-size:12px;font-weight:900}.visual-distribution-head strong{color:var(--ink);font-family:var(--font-metric,inherit);font-size:15px;font-weight:950}.visual-distribution-meter{background:#eef2f7;border-radius:999px;height:7px;margin-top:8px;overflow:hidden}.visual-distribution-meter i{border-radius:inherit;min-width:3px;height:100%;display:block}.visual-distribution-item em{color:var(--subtle);text-align:right;margin-top:6px;font-size:11px;font-style:normal;font-weight:850;display:block}.employee-mix-visual{grid-template-columns:150px minmax(0,1fr);align-items:center;gap:13px;display:grid}.employee-mix-ring{border:1px solid var(--line);background:radial-gradient(circle at center, #fff 0 53%, transparent 54%), conic-gradient(from 210deg, rgba(var(--accent-rgb), .82), #22c55e 58%, #e5e7eb 0);border-radius:999px;align-content:center;place-items:center;width:144px;height:144px;display:grid;box-shadow:inset 0 0 0 12px #ffffffb8}.employee-mix-ring strong{color:var(--ink);font-family:var(--font-metric,inherit);letter-spacing:-.05em;font-size:30px}.employee-mix-ring span{color:var(--muted);font-size:11px;font-weight:900}.risk-snapshot-list{gap:10px;display:grid}.risk-snapshot-item{border:1px solid var(--line);background:#fff;border-radius:17px;grid-template-columns:34px minmax(0,1fr) auto;align-items:start;gap:10px;padding:12px;display:grid}.risk-snapshot-item.warning{background:#fffaf4;border-color:#fed7aa}.risk-snapshot-item.critical{background:#fff7f7;border-color:#fecaca}.risk-snapshot-rank{width:30px;height:30px;color:var(--ink);font-family:var(--font-metric,inherit);background:#f3f4f6;border-radius:999px;place-items:center;font-weight:950;display:grid}.risk-snapshot-item span{color:var(--muted);text-transform:uppercase;letter-spacing:.05em;font-size:10px;font-weight:950}.risk-snapshot-item strong{color:var(--ink);margin-top:3px;font-size:14px;display:block}.risk-snapshot-item p{color:var(--muted);margin:5px 0 0;font-size:12px;line-height:1.45}.risk-snapshot-item>b{color:var(--ink);font-family:var(--font-metric,inherit);letter-spacing:-.04em;font-size:20px}.risk-snapshot-footer{color:var(--muted);background:#f8fafc;border-radius:14px;margin:12px 0 0;padding:10px 12px;font-size:12px}.risk-snapshot-empty{border:1px dashed var(--line-strong);border-radius:var(--radius-lg);color:var(--muted);text-align:center;place-items:center;gap:5px;padding:20px;display:grid}.site-comparison-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.site-comparison-item{min-height:228px;position:relative;overflow:hidden}.site-comparison-item:after{content:"";background:rgba(var(--accent-rgb), .07);border-radius:999px;width:120px;height:120px;position:absolute;top:-44px;right:-44px}.site-comparison-score strong{letter-spacing:-.06em;font-size:34px}.visual-trend-card{overflow:hidden}.visual-trend-layout{grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr);gap:14px;display:grid}.visual-trend-layout>section{border:1px solid var(--line);border-radius:var(--radius-lg);background:#fff;min-width:0;padding:13px}.visual-chart-heading{justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px;display:flex}.visual-chart-heading strong{color:var(--ink);font-size:13px;font-weight:950}.visual-chart-heading span{color:var(--muted);font-size:11px;font-weight:850}.readiness-visual-chart svg{width:100%;height:auto;color:var(--accent)}.readiness-visual-chart line{stroke:#eef2f7;stroke-width:1px}.readiness-area{stroke:none}.readiness-line{fill:none;stroke:currentColor;stroke-width:4px;stroke-linecap:round;stroke-linejoin:round}.readiness-visual-chart circle{fill:#fff;stroke:currentColor;stroke-width:3px}.readiness-visual-chart text{fill:var(--muted);font-size:11px;font-weight:850}.readiness-visual-chart text:last-child{fill:var(--ink)}.issue-visual-bars{grid-template-columns:repeat(7,minmax(0,1fr));align-items:end;gap:8px;height:232px;padding-top:10px;display:grid}.issue-visual-day{grid-template-rows:1fr auto auto;justify-items:center;gap:5px;min-width:0;height:100%;display:grid}.issue-stack{background:#eef2f7;border-radius:999px 999px 6px 6px;flex-direction:column-reverse;align-self:end;gap:2px;width:100%;max-width:34px;min-height:10px;display:flex;overflow:hidden}.issue-stack span.absent,.issue-legend i.absent{background:#ef4444}.issue-stack span.leave,.issue-legend i.leave{background:#3b82f6}.issue-stack span.late,.issue-legend i.late{background:#d97706}.issue-visual-day strong{color:var(--ink);font-family:var(--font-metric,inherit);font-size:13px}.issue-visual-day>span{color:var(--muted);white-space:nowrap;font-size:10px;font-weight:850}.issue-legend,.heatmap-legend{color:var(--muted);flex-wrap:wrap;gap:12px;margin-top:12px;font-size:11px;font-weight:850;display:flex}.issue-legend span,.heatmap-legend span{align-items:center;gap:6px;display:inline-flex}.issue-legend i,.heatmap-legend i{border-radius:999px;width:9px;height:9px}.heatmap-legend i.good{background:#22c55e}.heatmap-legend i.warning{background:#f59e0b}.heatmap-legend i.critical{background:#ef4444}.dashboard-heatmap-card{overflow:hidden}.heatmap-scroll-region{-webkit-overflow-scrolling:touch;overflow-x:auto}.heatmap-shell{gap:8px;padding-bottom:2px;display:grid}.heatmap-row{grid-template-columns:210px repeat(3,minmax(150px,1fr));gap:8px;min-width:760px;display:grid}.heatmap-head>div{color:var(--muted);background:#f8fafc;border-radius:12px;padding:9px 10px;font-size:11px;font-weight:950}.heatmap-dept,.heatmap-cell{border:1px solid var(--line);background:#fff;border-radius:16px;min-height:92px;padding:12px}.heatmap-dept strong{color:var(--ink);font-size:14px;display:block}.heatmap-dept span{color:var(--muted);margin-top:5px;font-size:11px;font-weight:850;display:block}.heatmap-cell.good{background:#f6fef9;border-color:#bbf7d0}.heatmap-cell.warning{background:#fffaf4;border-color:#fed7aa}.heatmap-cell.critical{background:#fff7f7;border-color:#fecaca}.heatmap-cell.empty{color:var(--subtle);background:#f8fafc;place-items:center;display:grid}.heatmap-cell strong{color:var(--ink);font-family:var(--font-metric,inherit);letter-spacing:-.04em;font-size:22px;display:block}.heatmap-cell span{color:var(--muted);background:#ffffffb8;border-radius:999px;margin-top:4px;padding:3px 7px;font-size:10px;font-weight:950;display:inline-flex}.heatmap-cell em{color:var(--muted);margin-top:7px;font-size:11px;font-style:normal;line-height:1.35;display:block}.report-pack-layout{grid-template-columns:minmax(270px,340px) minmax(0,1fr);gap:13px;display:grid}.report-preview-document{border:1px solid var(--line);background:linear-gradient(#fff,#fffaf4),#fff;border-radius:20px;padding:16px;position:relative;box-shadow:0 20px 42px #10182812}.report-preview-document:after{content:"";background:var(--line);height:1px;position:absolute;inset:48px 16px auto}.report-preview-topbar{color:var(--muted);text-transform:uppercase;justify-content:space-between;gap:10px;margin-bottom:20px;font-size:10px;font-weight:950;display:flex}.report-preview-document>strong{color:var(--ink);letter-spacing:-.02em;font-size:18px;display:block}.report-preview-document>p{color:var(--muted);margin:5px 0 13px;font-size:12px}.report-preview-score{border:1px solid rgba(var(--accent-rgb), .22);background:#fff7ed;border-radius:16px;padding:13px}.report-preview-score span{color:var(--accent);font-size:11px;font-weight:950}.report-preview-score b{color:var(--accent);font-family:var(--font-metric,inherit);letter-spacing:-.06em;font-size:36px;line-height:1;display:block}.report-preview-document dl{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:13px 0;display:grid}.report-preview-document dl div{border:1px solid var(--line);background:#fff;border-radius:12px;padding:9px}.report-preview-document dt,.report-preview-document dd{margin:0}.report-preview-document dt{color:var(--muted);font-size:10px;font-weight:900}.report-preview-document dd{color:var(--ink);font-family:var(--font-metric,inherit);margin-top:3px;font-weight:950}.report-preview-document button{border:1px solid rgba(var(--accent-rgb), .28);border-radius:var(--radius-sm);width:100%;min-height:38px;color:var(--accent);background:#fff7ed;font-size:12px;font-weight:950}.visual-report-pack-card .report-pack-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.import-pipeline-layout{grid-template-columns:minmax(0,1fr) minmax(260px,320px);align-items:start;gap:14px;display:grid}.import-pipeline-steps{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.import-pipeline-step{border:1px solid var(--line);border-radius:var(--radius-lg);background:#fff;min-height:132px;padding:14px;position:relative}.import-pipeline-step:not(:last-child):after{content:"";background:var(--line-strong);width:12px;height:2px;position:absolute;top:33px;right:-11px}.import-pipeline-step.good{background:#f6fef9;border-color:#bbf7d0}.import-pipeline-step.warning{background:#fffaf4;border-color:#fed7aa}.import-step-icon{width:38px;height:38px;color:var(--accent);box-shadow:var(--shadow);background:#fff;border-radius:14px;place-items:center;margin-bottom:10px;display:grid}.import-pipeline-step span{color:var(--subtle);text-transform:uppercase;letter-spacing:.06em;font-size:10px;font-weight:950}.import-pipeline-step strong{color:var(--ink);margin-top:4px;font-size:14px;display:block}.import-pipeline-step p{color:var(--muted);margin:7px 0 0;font-size:12px;line-height:1.45}.import-quality-panel{border:1px solid var(--line);color:#fff;background:#111827;border-radius:20px;padding:16px}.import-quality-panel>span{color:#ffffff9e;text-transform:uppercase;font-size:11px;font-weight:950;display:block}.import-quality-panel>strong{font-family:var(--font-metric,inherit);letter-spacing:-.06em;margin-top:5px;font-size:42px;display:block}.import-quality-panel>em{color:#ffffffb3;font-size:12px;font-style:normal;line-height:1.45;display:block}.import-quality-panel dl{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:15px 0 0;display:grid}.import-quality-panel dl div{background:#ffffff0f;border:1px solid #ffffff1a;border-radius:12px;padding:9px}.import-quality-panel dt,.import-quality-panel dd{margin:0}.import-quality-panel dt{color:#ffffff9e;font-size:10px;font-weight:900}.import-quality-panel dd{color:#fff;font-family:var(--font-metric,inherit);margin-top:3px;font-weight:950}.dashboard-kpi-card,.visual-summary-card,.dashboard-heatmap-card,.visual-trend-card,.dashboard-import-pipeline-card,.visual-report-pack-card{animation:.36s both dashboard-visual-in}@keyframes dashboard-visual-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width:1280px){.visual-summary-card{grid-column:span 12}.employee-mix-visual{grid-template-columns:170px minmax(0,1fr)}.visual-trend-layout,.report-pack-layout,.import-pipeline-layout{grid-template-columns:1fr}.import-pipeline-steps{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:1180px){.site-comparison-grid{grid-template-columns:1fr}}@media (max-width:860px){.workforce-hero-score{width:148px;min-height:148px}.employee-mix-visual,.visual-report-pack-card .report-pack-grid,.import-pipeline-steps{grid-template-columns:1fr}.employee-mix-ring{width:132px;height:132px}.risk-snapshot-item{grid-template-columns:30px minmax(0,1fr)}.risk-snapshot-item>b{grid-column:2}.issue-visual-bars{gap:5px}.import-pipeline-step:not(:last-child):after{display:none}}@media (max-width:640px){.visual-summary-grid{gap:12px}.visual-summary-card{padding:15px}.workforce-hero-title-row h2{font-size:34px}.issue-visual-bars{grid-template-columns:repeat(7,42px);overflow-x:auto}.heatmap-row{grid-template-columns:170px repeat(3,140px);min-width:680px}}.import-btn.ghost,.import-btn.subtle{text-decoration:none}.import-btn.ghost{color:var(--text-strong,#111827);background:#fff;border-color:#0f172a1f}.import-btn.subtle{color:#64748b;background:#f8fafcf5;border-color:#94a3b83d}.employee-import-layer{z-index:120;place-items:center;padding:28px;display:grid;position:fixed;inset:0}.employee-import-layer .modal-backdrop,.employee-import-layer .drawer-backdrop,.modal-backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0f172a75;border:0;position:absolute;inset:0}.employee-import-modal{z-index:1;background:#fff;border:1px solid #0f172a14;border-radius:28px;width:min(1120px,96vw);max-height:min(92vh,980px);padding:28px;position:relative;overflow:auto;box-shadow:0 30px 80px #0f172a33}.employee-import-head{justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:18px;display:flex}.employee-import-head h2{color:var(--text-strong,#111827);margin:8px 0;font-size:clamp(1.45rem,2.5vw,2rem)}.employee-import-head p{color:#64748b;max-width:780px;margin:0;line-height:1.7}.employee-import-steps{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:18px 0;display:grid}.employee-import-steps span{color:#64748b;text-align:center;background:#f8fafc;border:1px solid #94a3b833;border-radius:999px;padding:10px 14px;font-size:.82rem;font-weight:700}.employee-import-steps span.active,.employee-import-steps span.done{color:#c2410c;background:#fff4ed;border-color:#ff450038}.employee-import-template-panel,.employee-import-impact-panel,.employee-import-options,.employee-import-success,.employee-import-alert{background:linear-gradient(#fff 0%,#fbfcfe 100%);border:1px solid #0f172a14;border-radius:22px;margin:14px 0;padding:18px}.employee-import-template-panel{justify-content:space-between;align-items:center;gap:18px;display:flex}.employee-import-template-panel strong,.employee-import-impact-panel h3,.employee-import-options h3{color:var(--text-strong,#111827)}.employee-import-template-panel p,.employee-import-impact-panel p,.employee-import-options p{color:#64748b;margin:5px 0 0;line-height:1.6}.employee-import-template-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.employee-import-template-actions a{color:#c2410c;background:#fff7ed;border:1px solid #ff450033;border-radius:999px;align-items:center;min-height:38px;padding:0 14px;font-size:.83rem;font-weight:800;text-decoration:none;display:inline-flex}.employee-import-dropzone{text-align:center;color:#c2410c;cursor:pointer;background:linear-gradient(#fff 0%,#fff7ed 100%);border:1.5px dashed #ff450059;border-radius:24px;place-items:center;gap:8px;min-height:164px;transition:border-color .2s,transform .2s,box-shadow .2s;display:grid}.employee-import-dropzone:hover{transform:translateY(-1px);box-shadow:0 18px 34px #ff450014}.employee-import-dropzone input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.employee-import-dropzone strong{color:#111827;font-size:1rem}.employee-import-dropzone span{color:#64748b;max-width:720px;padding:0 20px;line-height:1.55}.employee-import-summary-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:16px 0;display:grid}.employee-import-pill{border-radius:var(--radius-lg);background:#fff;border:1px solid #0f172a14;gap:4px;padding:14px;display:grid}.employee-import-pill span{color:#64748b;font-size:.78rem;font-weight:700}.employee-import-pill strong{color:#111827;font-size:1.4rem}.employee-import-pill.good strong{color:#15803d}.employee-import-pill.warning strong{color:#b45309}.employee-import-pill.critical strong{color:#b91c1c}.employee-import-impact-panel{justify-content:space-between;align-items:center;gap:18px;display:flex}.employee-import-impact-list{grid-template-columns:repeat(4,minmax(120px,1fr));gap:10px;min-width:min(560px,100%);display:grid}.employee-import-impact-list span{background:#fff;border:1px solid #0f172a14;border-radius:16px;gap:3px;padding:12px;display:grid}.employee-import-impact-list strong{color:#111827}.employee-import-impact-list em{color:#64748b;font-size:.78rem;font-style:normal}.employee-import-mode-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:14px 0;display:grid}.employee-import-mode-list label,.employee-import-checkbox{border-radius:var(--radius-lg);cursor:pointer;background:#fff;border:1px solid #94a3b83d;align-items:flex-start;gap:10px;padding:13px;display:flex}.employee-import-mode-list label.active{background:#fff7ed;border-color:#ff450057}.employee-import-mode-list strong,.employee-import-checkbox strong{color:#111827;display:block}.employee-import-mode-list span,.employee-import-checkbox em{color:#64748b;font-size:.78rem;font-style:normal;line-height:1.5}.employee-import-preview-table{border:1px solid #0f172a14;border-radius:20px;margin:16px 0}.employee-import-preview-table td small{color:#64748b;margin-top:2px;display:block}.employee-import-validation-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.employee-import-result-list{background:#fff;border:1px solid #0f172a14;border-radius:20px;padding:16px}.employee-import-result-list h4{color:#111827;margin:0 0 10px}.employee-import-result-list p,.employee-import-result-list small{color:#64748b}.employee-import-result-list ul{gap:8px;margin:0;padding:0;list-style:none;display:grid}.employee-import-result-list li{color:#475569;border-bottom:1px solid #0f172a0f;grid-template-columns:72px 120px 1fr;gap:10px;padding:9px 0;display:grid}.employee-import-result-list li:last-child{border-bottom:0}.employee-import-result-list li strong{color:#111827}.employee-import-result-list li span{color:#64748b}.employee-import-result-list li em{color:#475569;font-style:normal}.employee-import-result-list.critical{background:snow}.employee-import-result-list.warning{background:#fffdf5}.employee-import-alert.critical{color:#b91c1c;background:#fef2f2;border-color:#b91c1c2e}.employee-import-success{background:#f0fdf4;border-color:#16a34a2e}.employee-import-success strong{color:#15803d}.employee-import-success p{color:#166534;margin:5px 0 0}.employee-import-footer{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff0;border-top:1px solid #0f172a14;justify-content:flex-end;gap:10px;margin:22px -28px -28px;padding:16px 28px;display:flex;position:sticky;bottom:-28px}.employee-import-footer button{border-radius:var(--radius-sm);cursor:pointer;background:#fff;border:1px solid #94a3b83d;min-height:42px;padding:0 18px;font-weight:800}.employee-import-footer button.primary{color:#fff;background:#ff4500;border-color:#ff4500}.employee-import-footer button:disabled{opacity:.5;cursor:not-allowed}@media (max-width:960px){.employee-import-template-panel,.employee-import-impact-panel{flex-direction:column;align-items:stretch}.employee-import-summary-grid,.employee-import-impact-list,.employee-import-mode-list,.employee-import-validation-grid{grid-template-columns:1fr}.employee-import-steps{grid-template-columns:repeat(2,minmax(0,1fr))}.employee-import-modal{border-radius:22px;padding:20px}.employee-import-footer{margin:18px -20px -20px;padding:14px 20px}}.employee-import-modal{background:#f8fafc;border-radius:30px;width:min(1180px,97vw);max-height:min(94vh,1020px);padding:0;overflow:hidden;box-shadow:0 42px 110px #0f172a40}.employee-import-modal:before{content:"";background:linear-gradient(90deg,#ff4500,#ff7800,#111827);height:5px;position:absolute;inset:0 0 auto}.employee-import-head{z-index:6;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffffeb;border-bottom:1px solid #0f172a14;align-items:center;margin:0;padding:26px 30px 22px;position:sticky;top:0}.employee-import-head h2{letter-spacing:-.035em;margin:8px 0 6px}.employee-import-head p{max-width:860px}.employee-import-layout{grid-template-columns:280px minmax(0,1fr);gap:18px;padding:20px 24px 0;display:grid}.employee-import-rail{align-self:start;gap:14px;max-height:calc(94vh - 150px);padding-bottom:12px;display:grid;position:sticky;top:112px;overflow:auto}.employee-import-rail-card,.employee-import-template-panel,.employee-import-upload-card,.employee-import-quality-card,.employee-import-impact-panel,.employee-import-options,.employee-import-preview-card,.employee-import-success,.employee-import-alert{background:#fff;border:1px solid #0f172a14;border-radius:24px;box-shadow:0 18px 42px #0f172a0e}.employee-import-rail-card{padding:18px}.employee-import-rail-card.hero{background:linear-gradient(#fff4ede6,#fffffff2),#fff}.employee-import-rail-card h3,.employee-import-rail-card h4,.employee-import-section-head h3,.employee-import-quality-card h3{color:#0f172a;letter-spacing:-.02em;margin:6px 0}.employee-import-rail-card p,.employee-import-section-head p,.employee-import-quality-card p{color:#64748b;margin:0;line-height:1.65}.employee-import-stepper{gap:10px;display:grid}.employee-import-step{border-radius:var(--radius-lg);color:#64748b;background:#ffffffb8;border:1px solid #94a3b82e;grid-template-columns:42px minmax(0,1fr);align-items:center;gap:11px;padding:12px;display:grid}.employee-import-step>span{color:#64748b;background:#f1f5f9;border-radius:14px;place-items:center;width:38px;height:38px;font-size:.76rem;font-weight:900;display:grid}.employee-import-step strong{color:#334155;display:block}.employee-import-step em{color:#94a3b8;margin-top:2px;font-size:.76rem;font-style:normal;display:block}.employee-import-step.active{background:#fff7ed;border-color:#ff450042}.employee-import-step.active>span,.employee-import-step.done>span{color:#fff;background:#ff4500}.employee-import-step.done{border-color:#16a34a2e}.employee-import-rail-card.checklist ul{gap:10px;margin:12px 0 0;padding:0;list-style:none;display:grid}.employee-import-rail-card.checklist li{color:#475569;align-items:center;gap:8px;font-size:.84rem;font-weight:700;display:flex}.employee-import-main{gap:16px;min-width:0;padding-bottom:10px;display:grid}.employee-import-template-panel,.employee-import-impact-panel,.employee-import-options,.employee-import-alert,.employee-import-success{margin:0;padding:20px}.employee-import-upload-card,.employee-import-quality-card,.employee-import-preview-card{padding:20px}.employee-import-section-head{justify-content:space-between;align-items:flex-start;gap:18px;display:flex}.employee-import-section-head.compact>p,.employee-import-upload-card>.employee-import-section-head>p{white-space:nowrap;color:#64748b;font-size:.82rem;font-weight:700}.employee-import-template-panel{grid-template-columns:minmax(0,.94fr) minmax(390px,1.06fr);align-items:center;display:grid}.employee-import-template-actions{grid-template-columns:repeat(3,minmax(0,1fr));justify-content:stretch;gap:10px;display:grid}.employee-import-template-actions a{border-radius:var(--radius-lg);color:#0f172a;background:#fbfcfe;border-color:#0f172a14;justify-content:flex-start;align-items:center;gap:10px;min-height:74px;padding:12px}.employee-import-template-actions a:hover{background:#fff7ed;border-color:#ff450047}.employee-import-template-actions a svg{color:#ff4500}.employee-import-template-actions a span{gap:3px;display:grid}.employee-import-template-actions a em{color:#64748b;font-size:.72rem;font-style:normal;font-weight:650;line-height:1.35}.employee-import-dropzone{background:linear-gradient(#fffffff0,#fff7edb8),repeating-linear-gradient(135deg,#ff45000b,#ff45000b 8px,#0000 8px 18px);border:1.5px dashed #ff450047;min-height:176px;margin-top:14px;position:relative;box-shadow:inset 0 0 0 1px #ffffffdb}.employee-import-dropzone.drag-active,.employee-import-dropzone:hover{border-color:#ff45008c;box-shadow:0 20px 40px #ff45001a,inset 0 0 0 1px #ffffffeb}.employee-import-dropzone.loading{cursor:progress}.employee-import-upload-icon{color:#ff4500;background:#fff;border:1px solid #ff450026;border-radius:22px;place-items:center;width:58px;height:58px;display:grid;box-shadow:0 12px 26px #ff45001f}.employee-import-sheet-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin-top:14px;display:grid}.employee-import-sheet-grid span{background:#f8fafc;border:1px solid #94a3b829;border-radius:14px;grid-template-columns:auto 1fr;grid-template-areas:"dot title""dot helper";align-items:center;gap:1px 8px;padding:10px;display:grid}.employee-import-sheet-grid .employee-import-status-dot{grid-area:dot}.employee-import-sheet-grid strong{color:#0f172a;grid-area:title;font-size:.78rem}.employee-import-sheet-grid em{color:#94a3b8;grid-area:helper;font-size:.68rem;font-style:normal}.employee-import-sheet-grid span.ready{background:#f0fdf4;border-color:#16a34a24}.employee-import-sheet-grid span.missing{background:#fef2f2;border-color:#b91c1c29}.employee-import-status-dot{background:#cbd5e1;border-radius:50%;flex:none;width:9px;height:9px;box-shadow:0 0 0 4px #cbd5e12e}.employee-import-status-dot.good{background:#16a34a;box-shadow:0 0 0 4px #16a34a1f}.employee-import-status-dot.warning{background:#f59e0b;box-shadow:0 0 0 4px #f59e0b21}.employee-import-status-dot.critical{background:#dc2626;box-shadow:0 0 0 4px #dc26261f}.employee-import-quality-card{grid-template-columns:minmax(280px,.95fr) minmax(0,1.05fr);align-items:center;gap:18px;display:grid}.employee-import-quality-score{grid-template-columns:96px minmax(0,1fr);align-items:center;gap:16px;display:grid}.employee-import-score-ring{--score:0;background:conic-gradient(#ff4500 calc(var(--score) * 1%), #e2e8f0 0);border-radius:50%;place-items:center;width:92px;height:92px;display:grid;position:relative}.employee-import-score-ring:after{content:"";background:#fff;border-radius:50%;position:absolute;inset:8px}.employee-import-score-ring strong,.employee-import-score-ring span{z-index:1;position:relative}.employee-import-score-ring strong{color:#0f172a;font-size:1.55rem;line-height:1}.employee-import-score-ring span{color:#94a3b8;margin-top:32px;margin-left:3px;font-size:.72rem;font-weight:800}.employee-import-summary-grid{margin:0}.employee-import-pill{border-radius:var(--radius-lg);background:#fbfcfe;min-height:98px}.employee-import-pill small{color:#94a3b8;font-size:.72rem;font-weight:650}.employee-import-impact-panel{gap:16px;display:grid}.employee-import-impact-list{grid-template-columns:repeat(4,minmax(0,1fr));min-width:0}.employee-import-impact-list span{border-radius:var(--radius-lg);background:linear-gradient(#fff,#f8fafc);padding:14px}.employee-import-impact-list small{color:#94a3b8;font-size:.72rem;font-weight:650}.employee-import-mode-list label,.employee-import-checkbox{border-radius:var(--radius-lg);background:#fbfcfe;transition:transform .18s,border-color .18s,box-shadow .18s}.employee-import-mode-list label:hover,.employee-import-checkbox:hover{border-color:#ff450038;transform:translateY(-1px)}.employee-import-mode-list label.active{box-shadow:0 14px 28px #ff450013}.employee-import-mode-list label>span{gap:4px;display:grid}.recommended-badge{vertical-align:middle;background:#ffedd5;border-radius:999px;margin-left:6px;padding:2px 7px;font-style:normal;display:inline-flex;color:#c2410c!important;font-size:.68rem!important}.employee-import-preview-card .employee-import-section-head{margin-bottom:12px}.employee-import-preview-table{background:#fff;max-height:360px;margin:0;overflow:auto}.employee-import-preview-table table th{z-index:1;position:sticky;top:0}.employee-import-validation-grid{gap:16px}.employee-import-result-title{grid-template-columns:auto 1fr auto;align-items:center;gap:8px;margin-bottom:12px;display:grid}.employee-import-result-title h4{margin:0}.employee-import-result-title strong{color:#64748b;font-size:.86rem}.employee-import-result-list{background:#fff;box-shadow:0 16px 34px #0f172a0b}.employee-import-result-list li{grid-template-columns:78px 125px minmax(0,1fr);align-items:start}.employee-import-alert{gap:4px;display:grid}.employee-import-alert strong{color:inherit}.employee-import-alert span{color:#7f1d1d;line-height:1.55}.employee-import-success{grid-template-columns:46px minmax(0,1fr);align-items:center;gap:12px;display:grid}.employee-import-success-icon{color:#fff;background:#16a34a;border-radius:16px;place-items:center;width:46px;height:46px;font-size:1.15rem;font-weight:900;display:grid}.employee-import-footer{background:#fffffff0;justify-content:space-between;align-items:center;margin:16px 0 0;padding:16px 30px;bottom:0}.employee-import-footer>div:first-child{gap:3px;display:grid}.employee-import-footer>div:first-child strong{color:#0f172a}.employee-import-footer>div:first-child span{color:#64748b;font-size:.82rem}.employee-import-footer-actions{align-items:center;gap:10px;display:flex}.employee-import-footer button{min-height:44px}.employee-import-footer button.primary{min-width:178px;box-shadow:0 14px 28px #ff450029}@media (max-width:1080px){.employee-import-layout{grid-template-columns:1fr}.employee-import-rail{grid-template-columns:1fr;max-height:none;position:static}.employee-import-stepper{grid-template-columns:repeat(4,minmax(0,1fr))}.employee-import-step,.employee-import-template-panel,.employee-import-quality-card{grid-template-columns:1fr}}@media (max-width:760px){.employee-import-modal{border-radius:0;width:100vw;max-height:100vh}.employee-import-head,.employee-import-layout,.employee-import-footer{padding-left:18px;padding-right:18px}.employee-import-head{align-items:flex-start}.employee-import-stepper,.employee-import-template-actions,.employee-import-sheet-grid,.employee-import-summary-grid,.employee-import-impact-list,.employee-import-mode-list,.employee-import-validation-grid{grid-template-columns:1fr}.employee-import-quality-score{grid-template-columns:1fr;justify-items:start}.employee-import-footer{gap:12px;display:grid}.employee-import-footer-actions{justify-content:stretch}.employee-import-footer-actions button{flex:1}}.employee-import-layer{padding:clamp(12px,2vw,24px)}.employee-import-layer .modal-backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0f172a6b}.employee-import-modal{background:#fff;border:1px solid #0f172a1a;border-radius:24px;flex-direction:column;width:min(1040px,96vw);max-height:min(92vh,920px);display:flex;overflow:hidden;box-shadow:0 28px 70px #0f172a2e}.employee-import-modal:before{display:none}.employee-import-head{-webkit-backdrop-filter:none;backdrop-filter:none;background:#fff;border-bottom:1px solid #0f172a14;flex:none;padding:22px 26px 18px;position:static}.employee-import-head .eyebrow{letter-spacing:.08em;font-size:.72rem}.employee-import-head h2{letter-spacing:-.025em;margin:8px 0 6px;font-size:clamp(1.35rem,2vw,1.72rem);line-height:1.18}.employee-import-head p{color:#64748b;max-width:760px;font-size:.96rem;line-height:1.65}.employee-import-head .drawer-close{width:42px;height:42px;box-shadow:none;border-color:#0f172a1a;border-radius:50%}.employee-import-layout,.employee-import-layout.minimal{background:#f8fafc;flex:auto;min-height:0;padding:18px 22px 20px;display:block;overflow:auto}.employee-import-main{gap:12px;max-width:980px;margin:0 auto;padding-bottom:0;display:grid}.employee-import-rail{display:none!important}.employee-import-minimal-stepper{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.employee-import-minimal-step{color:#94a3b8;background:#fff;border:1px solid #94a3b82e;border-radius:16px;grid-template-columns:auto minmax(0,1fr);grid-template-areas:"num label""num helper";align-items:center;gap:1px 9px;min-height:58px;padding:10px 12px;display:grid}.employee-import-minimal-step em{color:#64748b;background:#f1f5f9;border-radius:11px;grid-area:num;place-items:center;width:32px;height:32px;font-size:.72rem;font-style:normal;font-weight:900;display:grid}.employee-import-minimal-step strong{color:#334155;grid-area:label;min-width:0;font-size:.9rem}.employee-import-minimal-step small{color:#94a3b8;white-space:nowrap;text-overflow:ellipsis;grid-area:helper;font-size:.74rem;font-weight:650;overflow:hidden}.employee-import-minimal-step.active{background:#fff7ed;border-color:#ff450038}.employee-import-minimal-step.active em,.employee-import-minimal-step.done em{color:#fff;background:#ff4500}.employee-import-minimal-step.done{border-color:#16a34a2e}.employee-import-minimal-step.done em{background:#16a34a}.employee-import-rail-card,.employee-import-template-panel,.employee-import-upload-card,.employee-import-quality-card,.employee-import-impact-panel,.employee-import-options,.employee-import-preview-card,.employee-import-success,.employee-import-alert{border-radius:var(--radius-lg);box-shadow:none;background:#fff;border:1px solid #0f172a14}.employee-import-template-panel,.employee-import-impact-panel,.employee-import-options,.employee-import-alert,.employee-import-success,.employee-import-upload-card,.employee-import-quality-card,.employee-import-preview-card{padding:16px}.employee-import-template-panel{grid-template-columns:minmax(0,.9fr) minmax(320px,1.1fr);gap:14px}.employee-import-template-actions{gap:8px}.employee-import-template-actions a{color:#0f172a;min-height:58px;box-shadow:none;background:#fff;border-color:#94a3b838;border-radius:14px;padding:10px 11px}.employee-import-template-actions a:hover{background:#fff7ed;border-color:#ff450038;transform:none}.employee-import-template-actions a svg{width:15px;height:15px}.employee-import-template-actions a strong{font-size:.8rem}.employee-import-template-actions a em{font-size:.68rem;line-height:1.32}.employee-import-section-head.compact h3{margin:3px 0;font-size:.98rem}.employee-import-section-head p,.employee-import-template-panel p,.employee-import-impact-panel p,.employee-import-options p,.employee-import-quality-card p{font-size:.88rem;line-height:1.55}.employee-import-dropzone{color:#334155;min-height:118px;box-shadow:none;background:#fff;border:1.5px dashed #94a3b86b;border-radius:16px;gap:6px;margin-top:12px}.employee-import-dropzone:hover,.employee-import-dropzone.drag-active{box-shadow:none;background:#fffaf7;border-color:#ff45006b;transform:none}.employee-import-upload-icon{color:#ff4500;width:44px;height:44px;box-shadow:none;background:#fff7ed;border:1px solid #ff450021;border-radius:14px}.employee-import-dropzone strong{font-size:.95rem}.employee-import-dropzone span:not(.employee-import-upload-icon){color:#64748b;max-width:620px;padding:0 16px;font-size:.84rem}.employee-import-sheet-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:7px;margin-top:12px}.employee-import-sheet-grid span{background:#f8fafc;border-radius:12px;padding:8px 9px}.employee-import-quality-card{grid-template-columns:minmax(260px,.8fr) minmax(0,1.2fr);gap:14px}.employee-import-quality-score{grid-template-columns:72px minmax(0,1fr);gap:13px}.employee-import-score-ring{width:70px;height:70px}.employee-import-score-ring:after{inset:6px}.employee-import-score-ring strong{font-size:1.25rem}.employee-import-score-ring span{margin-top:26px;font-size:.62rem}.employee-import-summary-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.employee-import-pill{background:#f8fafc;border-radius:14px;min-height:78px;padding:11px}.employee-import-pill strong{font-size:1.18rem}.employee-import-pill span,.employee-import-pill small{font-size:.7rem}.employee-import-impact-list{gap:8px}.employee-import-impact-list span{background:#f8fafc;border-radius:14px;padding:11px}.employee-import-impact-list strong{font-size:.98rem}.employee-import-mode-list{gap:8px;margin:12px 0}.employee-import-mode-list label,.employee-import-checkbox{box-shadow:none;background:#fff;border-radius:14px;padding:11px}.employee-import-mode-list label:hover,.employee-import-checkbox:hover{transform:none}.employee-import-mode-list label.active{box-shadow:none;background:#fff7ed}.employee-import-preview-table{border-radius:14px;max-height:280px}.employee-import-result-list{box-shadow:none;border-radius:16px;padding:14px}.employee-import-result-list li{grid-template-columns:70px 104px minmax(0,1fr)}.employee-import-footer{-webkit-backdrop-filter:none;backdrop-filter:none;background:#fff;border-top:1px solid #0f172a14;flex:none;margin:0;padding:14px 26px;position:static}.employee-import-footer button{border-radius:var(--radius-sm);min-height:40px;box-shadow:none!important}.employee-import-footer button.primary{background:#ff4500;border-color:#ff4500;min-width:170px}@media (max-width:920px){.employee-import-modal{width:min(96vw,760px)}.employee-import-template-panel,.employee-import-quality-card,.employee-import-template-actions,.employee-import-summary-grid,.employee-import-impact-list,.employee-import-mode-list,.employee-import-validation-grid{grid-template-columns:1fr}.employee-import-minimal-stepper,.employee-import-sheet-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:640px){.employee-import-layer{padding:0}.employee-import-modal{border-radius:0;width:100vw;max-height:100vh}.employee-import-head,.employee-import-layout,.employee-import-footer{padding-left:16px;padding-right:16px}.employee-import-minimal-stepper,.employee-import-sheet-grid{grid-template-columns:1fr}.employee-import-footer{gap:10px;display:grid}.employee-import-footer-actions{grid-template-columns:1fr 1.4fr;display:grid}}.daily-new-hire-card{grid-column:1/-1;overflow:hidden}.new-hire-header-row{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:18px;display:flex}.new-hire-scope{color:var(--text-muted);align-items:center;gap:7px;margin-top:10px;font-size:.9rem;font-weight:700;display:inline-flex}.new-hire-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;display:flex}.btn-outline,.btn-primary-soft{appearance:none;border:1px solid var(--border);border-radius:var(--radius-sm);font:inherit;cursor:pointer;color:var(--text);background:#fff;padding:10px 16px;font-weight:800;transition:border-color .18s,background .18s,transform .18s}.btn-outline:hover,.btn-primary-soft:hover{border-color:#ff450057;transform:translateY(-1px)}.btn-primary-soft{color:#c2410c;background:#ff450017;border-color:#ff45002e}.btn-primary-soft:disabled{opacity:.48;cursor:not-allowed;transform:none}.new-hire-overview{grid-template-columns:minmax(190px,260px) 1fr;gap:16px;margin-bottom:18px;display:grid}.new-hire-score{border:1px solid var(--border);background:linear-gradient(#fffffff5,#f8fafcd1);border-radius:24px;padding:20px}.new-hire-score strong{letter-spacing:-.05em;color:var(--text);font-size:clamp(2.2rem,4vw,3.6rem);line-height:.95;display:block}.new-hire-score span{color:var(--text-muted);margin-top:8px;font-weight:800;display:block}.new-hire-score-bar,.new-hire-breakdown-bar{background:#94a3b829;border-radius:999px;height:8px;overflow:hidden}.new-hire-score-bar{margin-top:18px}.new-hire-score-bar span,.new-hire-breakdown-bar span{border-radius:inherit;background:#ff7800;height:100%;display:block}.new-hire-metric-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.new-hire-metric{border:1px solid var(--border);background:#fff;border-radius:22px;min-height:118px;padding:16px}.new-hire-metric span{color:var(--text-muted);font-size:.85rem;font-weight:800}.new-hire-metric strong{letter-spacing:-.035em;margin-top:10px;font-size:2rem;line-height:1;display:block}.new-hire-metric em{color:var(--text-soft);margin-top:10px;font-size:.82rem;font-style:normal;line-height:1.45;display:block}.new-hire-metric.good{background:#f0fdf48f;border-color:#22c55e47}.new-hire-metric.warning{background:#fff7edad;border-color:#fb923c4d}.new-hire-metric.info{background:#eff6ff94;border-color:#3b82f62e}.new-hire-body-grid{grid-template-columns:minmax(0,1fr) minmax(240px,320px);align-items:start;gap:16px;display:grid}.new-hire-section-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;display:flex}.new-hire-section-head strong,.new-hire-breakdown>span,.new-hire-followups>span{color:var(--text);font-weight:900}.new-hire-section-head span{color:var(--text-muted);font-size:.85rem;font-weight:700}.new-hire-table{min-width:980px}.new-hire-table td strong,.new-hire-table td span,.new-hire-table td em{display:block}.new-hire-table td em{color:var(--text-muted);margin-top:3px;font-size:.78rem;font-style:normal}.muted-text{color:var(--text-muted)}.new-hire-status{border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;min-width:98px;padding:6px 10px;font-size:.78rem;font-weight:900;display:inline-flex}.new-hire-status.good{color:#15803d;background:#dcfce7;border-color:#bbf7d0}.new-hire-status.warning{color:#c2410c;background:#ffedd5;border-color:#fed7aa}.new-hire-status.critical{color:#b91c1c;background:#fee2e2;border-color:#fecaca}.new-hire-side-panel{gap:12px;display:grid}.new-hire-breakdown,.new-hire-followups{border:1px solid var(--border);background:#f8fafcbd;border-radius:22px;padding:16px}.new-hire-breakdown-list{gap:12px;margin-top:12px;display:grid}.new-hire-breakdown-row>div:first-child{justify-content:space-between;align-items:center;gap:10px;margin-bottom:8px;display:flex}.new-hire-breakdown-row strong{font-size:.9rem}.new-hire-breakdown-row em,.new-hire-followup-item em{color:var(--text-muted);font-size:.8rem;font-style:normal;font-weight:700}.new-hire-followups{gap:10px;display:grid}.new-hire-followup-item{border-top:1px solid var(--border);padding-top:10px}.new-hire-followup-item strong,.new-hire-followup-item em{display:block}.new-hire-empty{background:#f8fafcb3;border:1px dashed #94a3b873;border-radius:24px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:16px;padding:20px;display:grid}.new-hire-empty-icon{width:46px;height:46px;color:var(--text-muted);border:1px solid var(--border);background:#fff;border-radius:16px;place-items:center;display:grid}.new-hire-empty strong{color:var(--text);font-weight:900;display:block}.new-hire-empty p{color:var(--text-muted);margin:4px 0 0;line-height:1.55}@media (max-width:1180px){.new-hire-overview,.new-hire-body-grid{grid-template-columns:1fr}.new-hire-metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:760px){.new-hire-header-row,.new-hire-section-head,.new-hire-empty{flex-direction:column;grid-template-columns:1fr;align-items:stretch}.new-hire-actions{justify-content:stretch}.new-hire-actions .btn-outline,.new-hire-actions .btn-primary-soft,.new-hire-empty .btn-outline{width:100%}.new-hire-metric-grid{grid-template-columns:1fr}}.page-supervisor-evaluation .main,.supervisor-evaluation-page{min-width:0}.evaluation-filter-panel{border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow);background:#fff;grid-template-columns:repeat(6,minmax(130px,1fr));gap:10px;margin:0 0 14px;padding:12px;display:grid}.evaluation-filter-panel select{border:1px solid var(--line);width:100%;min-height:38px;color:var(--ink);background:#fff;border-radius:12px;padding:0 11px;font-size:13px;font-weight:650}.anonymous-notice{color:#1e3a8a;background:#eff6ff;border:1px solid #dbeafe;border-radius:16px;align-items:center;gap:12px;margin-bottom:16px;padding:12px 14px;display:flex}.anonymous-notice strong{white-space:nowrap;font-size:13px}.anonymous-notice span{color:#475569;font-size:13px;line-height:1.55}.evaluation-hero{grid-template-columns:minmax(0,1.45fr) 300px;gap:16px;margin-bottom:16px;display:grid}.evaluation-hero-main,.evaluation-gauge-card,.evaluation-panel,.evaluation-summary-card{border:1px solid var(--line);box-shadow:var(--shadow);background:#fff;border-radius:22px}.evaluation-hero-main{padding:22px}.evaluation-overline{color:var(--accent);letter-spacing:.04em;text-transform:uppercase;margin-bottom:10px;font-size:12px;font-weight:800;display:inline-flex}.evaluation-hero h2{letter-spacing:-.02em;margin:0;font-size:clamp(20px,1.8vw,24px)}.evaluation-hero p{color:var(--muted);max-width:760px;margin:10px 0 0;font-size:14px;line-height:1.65}.evaluation-hero-metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:18px;display:grid}.evaluation-hero-metrics div{border:1px solid var(--line);background:#fcfcfd;border-radius:16px;padding:14px}.evaluation-hero-metrics span,.evaluation-hero-metrics em{color:var(--muted);font-size:12px;font-style:normal;font-weight:650;display:block}.evaluation-hero-metrics strong{letter-spacing:-.03em;margin-top:5px;font-size:24px;display:block}.evaluation-gauge-card{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:18px;display:flex}.evaluation-gauge{--score:82%;background:conic-gradient(var(--accent) 0 var(--score), #eef2f7 var(--score) 100%);border-radius:50%;place-items:center;width:156px;height:156px;display:grid;position:relative}.evaluation-gauge:after{content:"";background:#fff;border-radius:50%;position:absolute;inset:14px}.evaluation-gauge strong,.evaluation-gauge span{z-index:1;display:block;position:relative}.evaluation-gauge strong{letter-spacing:-.04em;font-size:34px;line-height:1}.evaluation-gauge span{color:var(--muted);margin-top:36px;font-size:12px;font-weight:750}.evaluation-summary-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-bottom:16px;display:grid}.evaluation-summary-card{padding:16px}.evaluation-summary-card span,.evaluation-summary-card em{color:var(--muted);font-size:12px;font-style:normal;font-weight:650;display:block}.evaluation-summary-card strong{letter-spacing:-.035em;margin:7px 0 5px;font-size:25px;display:block}.evaluation-main-grid{grid-template-columns:repeat(12,minmax(0,1fr));gap:16px;display:grid}.evaluation-panel{min-width:0;padding:18px}.evaluation-score-panel{grid-column:span 6}.evaluation-leaderboard,.evaluation-heatmap-panel,.evaluation-trend-panel{grid-column:span 12}.section-head.compact{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:14px;display:flex}.section-head.compact span{color:var(--muted);letter-spacing:.04em;text-transform:uppercase;font-size:12px;font-weight:750;display:block}.section-head.compact h3{letter-spacing:-.025em;margin:3px 0 0;font-size:18px}.section-head.compact em{color:var(--subtle);font-size:12px;font-style:normal}.evaluation-score-list{flex-direction:column;gap:12px;display:flex}.evaluation-score-row{grid-template-columns:minmax(0,1fr) 170px 48px;align-items:center;gap:12px;display:grid}.evaluation-score-row strong{font-size:13px;display:block}.evaluation-score-row span{color:var(--muted);margin-top:3px;font-size:12px;display:block}.evaluation-score-row b{text-align:right;font-size:18px;font-family:var(--font-metric)}.evaluation-score-meter{background:#eef2f7;border-radius:999px;height:9px;overflow:hidden}.evaluation-score-meter span{border-radius:inherit;background:var(--success);height:100%;margin:0;display:block}.evaluation-score-meter span.watch,.evaluation-score-meter span.hidden{background:var(--warning)}.evaluation-score-meter span.high,.evaluation-score-meter span.critical{background:var(--danger)}.evaluation-table-wrap{width:100%;overflow-x:auto}.evaluation-table{border-collapse:collapse;width:100%;min-width:860px}.evaluation-table caption{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.evaluation-table th{text-align:left;color:var(--muted);border-bottom:1px solid var(--line);background:#fcfcfd;padding:10px 12px;font-size:12px}.evaluation-table td{border-bottom:1px solid var(--line);color:var(--text);vertical-align:middle;padding:13px 12px;font-size:13px}.evaluation-table tbody tr{cursor:pointer;transition:background .16s}.evaluation-table td strong,.evaluation-table td span{display:block}.evaluation-table td span{color:var(--muted);margin-top:3px;font-size:12px}.evaluation-table .negative{color:var(--danger);font-weight:800}.evaluation-table .positive{color:var(--success);font-weight:800}.evaluation-status{color:#027a48;white-space:nowrap;background:#ecfdf3;border-radius:999px;align-items:center;min-height:26px;padding:0 9px;font-size:12px;font-weight:800;display:inline-flex}.evaluation-status.watch,.evaluation-status.hidden{color:#b54708;background:#fffaeb}.evaluation-status.high,.evaluation-status.critical{color:#b42318;background:#fef3f2}.evaluation-heatmap{flex-direction:column;gap:12px;display:flex}.evaluation-heatmap-row{grid-template-columns:170px minmax(0,1fr);align-items:stretch;gap:12px;display:grid}.evaluation-heatmap-row>strong{border:1px solid var(--line);background:#fcfcfd;border-radius:14px;padding:12px;font-size:13px}.evaluation-heatmap-cells{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px;display:grid}.evaluation-heatmap-cell{border:1px solid var(--line);background:#f7fef9;border-radius:14px;padding:12px}.evaluation-heatmap-cell.watch,.evaluation-heatmap-cell.hidden{background:#fffbeb;border-color:#fde68a}.evaluation-heatmap-cell.high,.evaluation-heatmap-cell.critical{background:#fff5f5;border-color:#fecaca}.evaluation-heatmap-cell span,.evaluation-heatmap-cell em{color:var(--muted);font-size:12px;font-style:normal;display:block}.evaluation-heatmap-cell b{letter-spacing:-.03em;margin:6px 0 3px;font-size:22px;display:block}.evaluation-trend-bars{grid-template-columns:repeat(8,minmax(56px,1fr));align-items:end;gap:12px;min-height:220px;display:grid}.evaluation-trend-item{text-align:center;grid-template-rows:150px auto auto;gap:6px;display:grid}.evaluation-trend-bar-wrap{border:1px solid var(--line);background:#f8fafc;border-radius:16px;justify-content:center;align-items:flex-end;height:150px;display:flex;position:relative;overflow:hidden}.evaluation-trend-bar{background:linear-gradient(180deg, #fb923c, var(--accent));border-radius:999px 999px 0 0;width:28px}.evaluation-risk-dot{background:#fca5a5;border-radius:999px 999px 0 0;width:7px;position:absolute;bottom:0;right:18px}.evaluation-trend-item strong{font-size:14px}.evaluation-trend-item em{color:var(--muted);font-size:12px;font-style:normal}.evaluation-trend-legend{color:var(--muted);gap:14px;margin-top:10px;font-size:12px;display:flex}.evaluation-two-col{grid-template-columns:1fr 1fr;gap:16px;margin-top:16px;display:grid}.evaluation-theme-list,.evaluation-action-list{flex-direction:column;gap:10px;display:flex}.evaluation-theme-item,.evaluation-action-item{border:1px solid var(--line);background:#fcfcfd;border-radius:14px;padding:13px}.evaluation-theme-item strong,.evaluation-action-item strong{font-size:14px;display:block}.evaluation-theme-item span,.evaluation-action-item span{color:var(--muted);margin-top:5px;font-size:13px;line-height:1.55;display:block}.evaluation-action-item.critical{background:#fff5f5;border-color:#fecaca}.evaluation-action-item.warning{background:#fffbeb;border-color:#fde68a}.evaluation-action-item.good{background:#f0fdf4;border-color:#bbf7d0}.evaluation-empty-text{color:var(--muted);margin:0;font-size:13px;line-height:1.6}.evaluation-detail-drawer .drawer-head p{color:var(--muted);margin:4px 0 0}.evaluation-detail-hero{border:1px solid var(--line);border-radius:var(--radius-lg);background:#fcfcfd;grid-template-columns:110px minmax(0,1fr);align-items:center;gap:14px;padding:14px;display:grid}.evaluation-detail-score{--score:80%;background:conic-gradient(var(--accent) 0 var(--score), #eef2f7 var(--score) 100%);border-radius:50%;place-items:center;width:96px;height:96px;display:grid;position:relative}.evaluation-detail-score:after{content:"";border-radius:inherit;background:#fff;position:absolute;inset:10px}.evaluation-detail-score strong,.evaluation-detail-score span{z-index:1;position:relative}.evaluation-detail-score strong{font-size:24px}.evaluation-detail-score span{color:var(--muted);margin-top:28px;font-size:11px}.evaluation-detail-hero p{color:var(--muted);margin:8px 0 0;font-size:13px;line-height:1.55}.evaluation-detail-trend{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.evaluation-detail-trend span{border:1px solid var(--line);text-align:center;background:#fff;border-radius:12px;padding:10px}.evaluation-detail-trend b{font-size:16px;display:block}.evaluation-detail-trend em{color:var(--muted);margin-top:2px;font-size:11px;font-style:normal;display:block}.evaluation-theme-pill,.evaluation-action-note{border:1px solid var(--line);color:var(--text);background:#fcfcfd;border-radius:12px;margin:0 0 8px;padding:10px 12px;font-size:13px}@media (max-width:1180px){.evaluation-filter-panel{grid-template-columns:repeat(3,minmax(0,1fr))}.evaluation-hero{grid-template-columns:1fr}.evaluation-summary-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.evaluation-score-panel{grid-column:span 12}.evaluation-two-col{grid-template-columns:1fr}}@media (max-width:760px){.evaluation-filter-panel{grid-template-columns:1fr}.anonymous-notice{flex-direction:column;align-items:flex-start}.evaluation-hero-metrics,.evaluation-summary-grid{grid-template-columns:1fr}.evaluation-score-row{grid-template-columns:1fr;gap:7px}.evaluation-score-row b{text-align:left}.evaluation-heatmap-row{grid-template-columns:1fr}.evaluation-trend-bars{grid-template-columns:repeat(4,minmax(52px,1fr))}.evaluation-detail-hero{grid-template-columns:1fr}.evaluation-detail-trend{grid-template-columns:repeat(2,minmax(0,1fr))}}.evaluation-drawer-layer{z-index:96}.evaluation-table tbody tr[role=button]{-webkit-user-select:none;user-select:none}.supervisor-evaluation-page{--evaluation-soft:#fff8f3;--evaluation-ink:#172033;--evaluation-line:#0f172a14}.evaluation-filter-shell{border:1px solid var(--evaluation-line);background:#ffffffdb;border-radius:22px;margin:0 0 12px;padding:14px;box-shadow:0 14px 40px #0f172a0a}.evaluation-filter-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.evaluation-filter-head span,.evaluation-filter-head strong{display:block}.evaluation-filter-head span{color:var(--muted);letter-spacing:.06em;text-transform:uppercase;font-size:11px;font-weight:800}.evaluation-filter-head strong{letter-spacing:-.02em;margin-top:2px;font-size:15px}.evaluation-reset-button{border:1px solid var(--line);border-radius:var(--radius-sm);height:34px;color:var(--muted);cursor:pointer;background:#fff;padding:0 12px;font-size:12px;font-weight:800;transition:border-color .16s,color .16s,background .16s}.evaluation-reset-button:hover{color:var(--accent);background:#fff7ed;border-color:#ff450059}.evaluation-filter-panel{grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin:0;display:grid}.evaluation-filter-panel label{color:var(--muted);flex-direction:column;gap:6px;font-size:12px;font-weight:750;display:flex}.evaluation-filter-panel select{border:1px solid var(--line);width:100%;min-height:40px;color:var(--text);font:inherit;background:#fff;border-radius:12px;outline:none;padding:0 11px;font-size:13px;font-weight:650}.evaluation-filter-panel select:focus-visible{border-color:#ff450073;box-shadow:0 0 0 4px #ff45001a}.anonymous-notice{border-radius:var(--radius-lg);color:#1e3a8a;background:#eff6ff;border:1px solid #dbeafe;margin-bottom:12px;padding:12px 14px}.evaluation-hero{gap:14px;margin-bottom:14px}.evaluation-hero-main,.evaluation-gauge-card,.evaluation-panel,.evaluation-summary-card,.evaluation-insight-card{box-shadow:0 16px 50px #0f172a0b}.evaluation-hero-main{padding:24px;position:relative;overflow:hidden}.evaluation-hero-main:before{content:"";background:linear-gradient(90deg, var(--accent), #ff780052);height:4px;position:absolute;inset:0 0 auto}.evaluation-overline{color:var(--accent)}.evaluation-hero h2{max-width:720px}.evaluation-hero-alert{color:#9a3412;background:#fff7ed;border:1px solid #fed7aa;border-radius:16px;align-items:center;gap:10px;margin-top:16px;padding:11px 12px;font-size:13px;line-height:1.5;display:flex}.evaluation-gauge-card{border-radius:22px}.evaluation-gauge,.evaluation-detail-score{background:conic-gradient(var(--accent) 0 var(--score), #f1f5f9 var(--score) 100%)}.evaluation-insight-strip{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:14px;display:grid}.evaluation-insight-card{border:1px solid var(--line);border-radius:var(--radius-lg);background:#fff;min-width:0;padding:15px}.evaluation-insight-card span{min-height:24px;color:var(--muted);background:#f8fafc;border-radius:999px;align-items:center;padding:0 8px;font-size:11px;font-weight:850;display:inline-flex}.evaluation-insight-card strong{letter-spacing:-.025em;margin-top:10px;font-size:16px;display:block}.evaluation-insight-card p{color:var(--muted);margin:5px 0 0;font-size:12px;line-height:1.55}.evaluation-insight-card.good span{color:#027a48;background:#ecfdf3}.evaluation-insight-card.warning span,.evaluation-insight-card.watch span{color:#b54708;background:#fffaeb}.evaluation-insight-card.critical span,.evaluation-insight-card.high span{color:#b42318;background:#fef3f2}.evaluation-summary-card{position:relative;overflow:hidden}.evaluation-summary-card:before{content:"";background:#e2e8f0;width:3px;position:absolute;top:0;bottom:0;left:0}.evaluation-summary-card.good:before{background:#22c55e}.evaluation-summary-card.warning:before,.evaluation-summary-card.watch:before{background:#f59e0b}.evaluation-summary-card.critical:before{background:#ef4444}.evaluation-main-grid{gap:14px}.evaluation-panel{border-color:var(--evaluation-line);border-radius:20px}.evaluation-risk-mix-panel{grid-column:span 12}.evaluation-risk-stack{background:#f1f5f9;border-radius:999px;height:14px;display:flex;overflow:hidden}.evaluation-risk-stack span{min-width:5%;height:100%}.evaluation-risk-stack .healthy,.evaluation-risk-legend i.healthy{background:#22c55e}.evaluation-risk-stack .watch,.evaluation-risk-legend i.watch{background:#f59e0b}.evaluation-risk-stack .high,.evaluation-risk-legend i.high{background:#fb7185}.evaluation-risk-stack .critical,.evaluation-risk-legend i.critical{background:#ef4444}.evaluation-risk-stack .hidden,.evaluation-risk-legend i.hidden{background:#94a3b8}.evaluation-risk-legend{color:var(--muted);flex-wrap:wrap;gap:10px 14px;margin-top:12px;font-size:12px;display:flex}.evaluation-risk-legend span{align-items:center;gap:6px;display:inline-flex}.evaluation-risk-legend i{border-radius:999px;width:8px;height:8px}.evaluation-risk-legend b{color:var(--text)}.evaluation-score-row .positive{color:#027a48}.evaluation-score-row .negative{color:#b42318}.evaluation-score-row .neutral{color:var(--muted)}.evaluation-score-meter{background:#f1f5f9}.evaluation-table{min-width:920px}.evaluation-table th{background:#f8fafc;font-weight:850}.evaluation-table tbody tr:hover{background:#fff7ed}.evaluation-table tbody tr:focus-visible{outline-offset:-3px;background:#fff7ed;outline:3px solid #ff450033}.evaluation-status{font-weight:850}.evaluation-heatmap-cell{transition:transform .16s,box-shadow .16s}.evaluation-heatmap-cell:hover{transform:translateY(-1px);box-shadow:0 12px 24px #0f172a0f}.evaluation-trend-bar{background:linear-gradient(#fb923c,#ff4500)}.evaluation-risk-dot{background:#fb7185}.evaluation-theme-item,.evaluation-action-item,.evaluation-theme-pill,.evaluation-action-note{background:#fff}.evaluation-detail-drawer{width:min(520px,100vw - 22px)}.evaluation-detail-meta{flex-wrap:wrap;gap:7px;margin-top:10px;display:flex}.evaluation-detail-meta span{border:1px solid var(--line);min-height:26px;color:var(--muted);background:#fff;border-radius:999px;align-items:center;padding:0 9px;font-size:12px;font-weight:750;display:inline-flex}@media (max-width:1180px){.evaluation-filter-panel{grid-template-columns:repeat(3,minmax(0,1fr))}.evaluation-insight-strip{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:760px){.evaluation-filter-shell{border-radius:var(--radius-lg);padding:12px}.evaluation-filter-head{flex-direction:column;align-items:flex-start}.evaluation-filter-panel,.evaluation-insight-strip{grid-template-columns:1fr}.evaluation-hero-alert{flex-direction:column;align-items:flex-start}.evaluation-risk-legend{flex-direction:column;gap:8px}}.evaluation-hero{align-items:start}.evaluation-gauge-card{justify-content:flex-start;align-self:start;gap:14px;min-height:0;padding:20px 18px}.evaluation-gauge-card p{max-width:240px;color:var(--muted);margin:0;font-size:12.5px;line-height:1.6}.evaluation-gauge{flex-direction:column;justify-content:center;align-items:center;gap:6px;width:144px;height:144px;display:flex}.evaluation-gauge:after{inset:13px}.evaluation-gauge strong{font-size:32px;line-height:1}.evaluation-gauge span{margin-top:0;font-size:12px;line-height:1.2}@media (max-width:1100px){.evaluation-gauge-card{text-align:left;align-items:flex-start}.evaluation-gauge-card p{max-width:none}}@media (max-width:640px){.evaluation-gauge-card{text-align:center;align-items:center}}.supervisor-evaluation-page{--eval-bg:#f7f8fb;--eval-card:#fff;--eval-border:#0f172a13;--eval-muted:#64748b;--eval-soft-orange:#fff7ed;--eval-shadow:0 14px 36px #0f172a0b;--eval-shadow-soft:0 8px 22px #0f172a09}.supervisor-evaluation-page.page-canvas{gap:14px}.supervisor-evaluation-page .topbar{margin-bottom:4px}.supervisor-evaluation-page .topbar .topbar-title h1{letter-spacing:-.035em}.supervisor-evaluation-page .topbar .topbar-summary{border-color:var(--eval-border);box-shadow:var(--eval-shadow-soft);background:#fff}.supervisor-evaluation-page .evaluation-filter-shell{border:1px solid var(--eval-border);border-radius:var(--radius-lg);box-shadow:var(--eval-shadow-soft);background:#fff;margin:0;padding:14px}.supervisor-evaluation-page .evaluation-filter-head{margin-bottom:10px}.supervisor-evaluation-page .evaluation-filter-head strong{font-size:14px}.supervisor-evaluation-page .evaluation-filter-panel{grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}.supervisor-evaluation-page .evaluation-filter-panel label{gap:5px;font-size:11.5px}.supervisor-evaluation-page .evaluation-filter-panel select{background:#fafafa;border-radius:11px;min-height:38px}.supervisor-evaluation-page .evaluation-hero-redesign{grid-template-columns:minmax(0,1fr) 330px;align-items:stretch;gap:14px;margin:0;display:grid}.supervisor-evaluation-page .evaluation-hero-main,.supervisor-evaluation-page .evaluation-score-card,.supervisor-evaluation-page .evaluation-summary-card,.supervisor-evaluation-page .evaluation-insight-card,.supervisor-evaluation-page .evaluation-panel{border:1px solid var(--eval-border);box-shadow:var(--eval-shadow-soft)}.supervisor-evaluation-page .evaluation-hero-main{background:linear-gradient(135deg,#fff 0%,#fffaf7 100%);border-radius:22px;min-height:0;padding:22px}.supervisor-evaluation-page .evaluation-hero-main:before{display:none}.supervisor-evaluation-page .evaluation-overline{color:var(--accent-text);letter-spacing:.08em;margin-bottom:8px;font-size:11px}.supervisor-evaluation-page .evaluation-hero h2{letter-spacing:-.02em;max-width:760px;font-size:clamp(20px,1.8vw,24px)}.supervisor-evaluation-page .evaluation-hero p{max-width:820px;margin-top:8px;font-size:13.5px;line-height:1.7}.supervisor-evaluation-page .evaluation-hero-metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:18px}.supervisor-evaluation-page .evaluation-hero-metrics div{min-height:90px;box-shadow:none;background:#ffffffb8;border:1px solid #0f172a12;border-radius:16px;padding:13px}.supervisor-evaluation-page .evaluation-hero-metrics strong{margin-top:6px;font-size:clamp(19px,1.7vw,25px);line-height:1.18}.supervisor-evaluation-page .evaluation-hero-alert{background:#fff7edc2;border-color:#fed7aa;border-radius:14px;margin-top:14px;padding:10px 12px}.supervisor-evaluation-page .evaluation-score-card{text-align:left;background:#fff;border-radius:22px;grid-template-rows:auto auto 1fr auto;align-self:stretch;gap:13px;min-height:0;padding:18px;display:grid}.supervisor-evaluation-page .evaluation-score-card-head{justify-content:space-between;align-items:center;gap:10px;display:flex}.supervisor-evaluation-page .evaluation-score-card-head>span{color:var(--eval-muted);letter-spacing:.04em;text-transform:uppercase;font-size:12px;font-weight:850}.supervisor-evaluation-page .evaluation-gauge{background:conic-gradient(#f97316 0 var(--score), #edf2f7 var(--score) 100%);justify-self:center;gap:4px;width:132px;height:132px}.supervisor-evaluation-page .evaluation-gauge span{margin:0;font-size:11px}.supervisor-evaluation-page .evaluation-gauge-stat-list{gap:7px;display:grid}.supervisor-evaluation-page .evaluation-gauge-stat-list span{border:1px solid var(--eval-border);min-height:32px;color:var(--eval-muted);background:#fafafa;border-radius:999px;justify-content:space-between;align-items:center;gap:10px;padding:0 11px;font-size:12px;font-weight:700;display:flex}.supervisor-evaluation-page .evaluation-gauge-stat-list b{color:var(--text);font-family:var(--font-metric);font-size:14px}.supervisor-evaluation-page .evaluation-gauge-card p{border-top:1px solid var(--eval-border);text-align:left;max-width:none;margin:0;padding-top:10px;font-size:12px;line-height:1.55}.supervisor-evaluation-page .evaluation-summary-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin:0}.supervisor-evaluation-page .evaluation-summary-card{border-radius:var(--radius-lg);background:#fff;min-height:112px;padding:14px 14px 14px 16px}.supervisor-evaluation-page .evaluation-summary-card:before{width:2px}.supervisor-evaluation-page .evaluation-summary-card span,.supervisor-evaluation-page .evaluation-summary-card em{font-size:11.5px;line-height:1.45}.supervisor-evaluation-page .evaluation-summary-card strong{margin:8px 0 5px;font-size:22px;line-height:1.15}.supervisor-evaluation-page .anonymous-notice{background:#f8fbff;border-color:#2563eb24;border-radius:14px;align-items:center;margin:0;padding:10px 12px}.supervisor-evaluation-page .anonymous-notice strong{font-size:12px}.supervisor-evaluation-page .anonymous-notice span{font-size:12px;line-height:1.5}.supervisor-evaluation-page .evaluation-insight-strip{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:0}.supervisor-evaluation-page .evaluation-insight-card{border-radius:var(--radius-lg);background:#fff;min-height:132px;padding:14px}.supervisor-evaluation-page .evaluation-insight-card span{min-height:22px;padding:0 8px;font-size:10.5px}.supervisor-evaluation-page .evaluation-insight-card strong{margin-top:9px;font-size:15px;line-height:1.35}.supervisor-evaluation-page .evaluation-insight-card p{font-size:12px;line-height:1.5}.supervisor-evaluation-page .evaluation-main-grid{grid-template-columns:repeat(12,minmax(0,1fr));gap:14px;display:grid}.supervisor-evaluation-page .evaluation-panel{background:#fff;border-radius:20px;padding:16px}.supervisor-evaluation-page .evaluation-score-panel{grid-column:span 6}.supervisor-evaluation-page .evaluation-risk-mix-panel,.supervisor-evaluation-page .evaluation-leaderboard{grid-column:span 12}.supervisor-evaluation-page .evaluation-trend-panel,.supervisor-evaluation-page .evaluation-heatmap-panel{grid-column:span 6}.supervisor-evaluation-page .section-head.compact{margin-bottom:12px}.supervisor-evaluation-page .section-head.compact span{letter-spacing:.07em;font-size:10.5px}.supervisor-evaluation-page .section-head.compact h3{font-size:17px}.supervisor-evaluation-page .evaluation-score-list{gap:10px}.supervisor-evaluation-page .evaluation-score-row{border-bottom:1px solid #0f172a0e;grid-template-columns:minmax(0,1fr) 140px 42px;gap:10px;padding:10px 0}.supervisor-evaluation-page .evaluation-score-row:last-child{border-bottom:0}.supervisor-evaluation-page .evaluation-score-row strong{font-size:13px;line-height:1.35}.supervisor-evaluation-page .evaluation-score-row span{font-size:11.5px}.supervisor-evaluation-page .evaluation-score-row b{font-size:17px}.supervisor-evaluation-page .evaluation-score-meter{height:7px}.supervisor-evaluation-page .evaluation-risk-stack{height:12px}.supervisor-evaluation-page .evaluation-risk-legend{gap:8px 12px;margin-top:10px}.supervisor-evaluation-page .evaluation-table{min-width:880px}.supervisor-evaluation-page .evaluation-table th,.supervisor-evaluation-page .evaluation-table td{padding:11px 12px}.supervisor-evaluation-page .evaluation-table th{background:#fafafa}.supervisor-evaluation-page .evaluation-table tbody tr:hover{background:#fffaf6}.supervisor-evaluation-page .evaluation-trend-bars{grid-template-columns:repeat(8,minmax(34px,1fr));gap:8px;min-height:178px}.supervisor-evaluation-page .evaluation-trend-item{grid-template-rows:112px auto auto;gap:5px}.supervisor-evaluation-page .evaluation-trend-bar-wrap{border-radius:14px;height:112px}.supervisor-evaluation-page .evaluation-trend-bar{width:22px}.supervisor-evaluation-page .evaluation-risk-dot{width:5px;right:10px}.supervisor-evaluation-page .evaluation-trend-legend{margin-top:8px;font-size:11.5px}.supervisor-evaluation-page .evaluation-heatmap{gap:10px;max-height:382px;padding-right:2px;overflow:auto}.supervisor-evaluation-page .evaluation-heatmap-row{grid-template-columns:132px minmax(0,1fr);gap:8px}.supervisor-evaluation-page .evaluation-heatmap-row>strong{border-radius:13px;padding:10px;font-size:12.5px}.supervisor-evaluation-page .evaluation-heatmap-cells{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:7px}.supervisor-evaluation-page .evaluation-heatmap-cell{border-radius:13px;min-height:76px;padding:10px}.supervisor-evaluation-page .evaluation-heatmap-cell b{margin:5px 0 2px;font-size:20px}.supervisor-evaluation-page .evaluation-two-col{gap:14px;margin-top:0}.supervisor-evaluation-page .evaluation-theme-item,.supervisor-evaluation-page .evaluation-action-item{background:#fff;border-radius:13px;padding:12px}.supervisor-evaluation-page .evaluation-detail-drawer{width:min(500px,100vw - 20px)}.supervisor-evaluation-page .evaluation-detail-hero{border-radius:16px}.supervisor-evaluation-page .evaluation-status{min-height:24px;padding:0 8px;font-size:11.5px}@media (max-width:1180px){.supervisor-evaluation-page .evaluation-filter-panel{grid-template-columns:repeat(3,minmax(0,1fr))}.supervisor-evaluation-page .evaluation-hero-redesign{grid-template-columns:1fr}.supervisor-evaluation-page .evaluation-score-card{grid-template-rows:auto auto auto;grid-template-columns:auto 1fr;align-items:center}.supervisor-evaluation-page .evaluation-score-card-head{grid-column:1/-1}.supervisor-evaluation-page .evaluation-gauge{justify-self:start}.supervisor-evaluation-page .evaluation-gauge-card p{grid-column:1/-1}.supervisor-evaluation-page .evaluation-summary-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.supervisor-evaluation-page .evaluation-insight-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.supervisor-evaluation-page .evaluation-trend-panel,.supervisor-evaluation-page .evaluation-heatmap-panel{grid-column:span 12}}@media (max-width:760px){.supervisor-evaluation-page .evaluation-filter-panel,.supervisor-evaluation-page .evaluation-hero-metrics,.supervisor-evaluation-page .evaluation-summary-grid,.supervisor-evaluation-page .evaluation-insight-strip{grid-template-columns:1fr}.supervisor-evaluation-page .evaluation-score-card{text-align:left;align-items:stretch;display:flex}.supervisor-evaluation-page .evaluation-gauge{align-self:center}.supervisor-evaluation-page .evaluation-score-panel,.supervisor-evaluation-page .evaluation-risk-mix-panel,.supervisor-evaluation-page .evaluation-leaderboard,.supervisor-evaluation-page .evaluation-trend-panel,.supervisor-evaluation-page .evaluation-heatmap-panel{grid-column:span 12}.supervisor-evaluation-page .evaluation-score-row{grid-template-columns:1fr}.supervisor-evaluation-page .evaluation-score-row b{text-align:left}.supervisor-evaluation-page .evaluation-heatmap-row{grid-template-columns:1fr}.supervisor-evaluation-page .evaluation-trend-bars{grid-template-columns:repeat(4,minmax(46px,1fr))}.supervisor-evaluation-page .evaluation-two-col{grid-template-columns:1fr}}.supervisor-evaluation-page{background:linear-gradient(#f8fafc 0%,#fff 420px)}.supervisor-evaluation-page .evaluation-filter-shell{border-radius:20px;box-shadow:0 10px 26px #0f172a09}.supervisor-evaluation-page .evaluation-hero-redesign{grid-template-columns:minmax(0,1fr) 310px}.supervisor-evaluation-page .evaluation-hero-main{background:#fff}.supervisor-evaluation-page .evaluation-hero-copy p{max-width:760px}.supervisor-evaluation-page .evaluation-hero-metrics div{background:#fbfcfd}.supervisor-evaluation-page .evaluation-hero-metrics strong{color:#111827}.supervisor-evaluation-page .evaluation-score-card{align-self:start;gap:12px;box-shadow:0 10px 26px #0f172a0a}.supervisor-evaluation-page .evaluation-gauge{width:126px;height:126px}.supervisor-evaluation-page .evaluation-gauge:after{inset:12px}.supervisor-evaluation-page .evaluation-gauge strong{font-size:28px}.supervisor-evaluation-page .evaluation-gauge-stat-list span{border-radius:14px;min-height:30px}.evaluation-focus-rail{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0;display:grid}.evaluation-focus-card{border:1px solid var(--eval-border,#0f172a13);border-radius:var(--radius-lg);background:#fff;min-width:0;padding:14px 15px 14px 16px;position:relative;overflow:hidden;box-shadow:0 8px 22px #0f172a08}.evaluation-focus-card:before{content:"";background:#94a3b8;border-radius:999px;width:3px;position:absolute;top:14px;bottom:14px;left:0}.evaluation-focus-card.healthy:before,.evaluation-focus-card.good:before{background:#22c55e}.evaluation-focus-card.watch:before,.evaluation-focus-card.warning:before,.evaluation-focus-card.hidden:before{background:#f59e0b}.evaluation-focus-card.high:before,.evaluation-focus-card.critical:before{background:#ef4444}.evaluation-focus-card span{color:var(--muted);letter-spacing:.05em;text-transform:uppercase;font-size:11px;font-weight:850;display:block}.evaluation-focus-card strong{color:var(--text);letter-spacing:-.02em;margin-top:7px;font-size:15px;line-height:1.35;display:block}.evaluation-focus-card p{color:var(--muted);margin:5px 0 0;font-size:12px;line-height:1.55}.supervisor-evaluation-page .evaluation-summary-card{box-shadow:none}.supervisor-evaluation-page .evaluation-insight-card,.supervisor-evaluation-page .evaluation-panel{box-shadow:0 8px 22px #0f172a08}.supervisor-evaluation-page .evaluation-insight-card{min-height:118px}.supervisor-evaluation-page .evaluation-score-panel{min-height:268px}.supervisor-evaluation-page .evaluation-risk-mix-panel{padding:14px 16px}.supervisor-evaluation-page .evaluation-table td:first-child strong{font-size:14px}.supervisor-evaluation-page .evaluation-table tbody tr{outline:none}.supervisor-evaluation-page .evaluation-table tbody tr:hover td:first-child strong{color:var(--accent)}.supervisor-evaluation-page .evaluation-heatmap-panel,.supervisor-evaluation-page .evaluation-trend-panel{min-height:356px}.supervisor-evaluation-page .evaluation-heatmap{max-height:300px}.supervisor-evaluation-page .evaluation-theme-list,.supervisor-evaluation-page .evaluation-action-list{gap:8px}.supervisor-evaluation-page .evaluation-theme-item,.supervisor-evaluation-page .evaluation-action-item{box-shadow:none}.supervisor-evaluation-page .evaluation-detail-drawer .drawer-head h2{letter-spacing:-.035em}.supervisor-evaluation-page .evaluation-detail-score{width:90px;height:90px}.supervisor-evaluation-page .evaluation-detail-score strong{font-size:22px}@media (max-width:1180px){.supervisor-evaluation-page .evaluation-hero-redesign,.evaluation-focus-rail{grid-template-columns:1fr}.supervisor-evaluation-page .evaluation-score-card{align-self:stretch}}@media (max-width:760px){.evaluation-focus-rail{grid-template-columns:1fr}.supervisor-evaluation-page .evaluation-hero-main,.supervisor-evaluation-page .evaluation-score-card,.supervisor-evaluation-page .evaluation-panel{border-radius:var(--radius-lg)}}.supervisor-evaluation-page .evaluation-snapshot-ribbon{grid-template-columns:minmax(0,1fr) 290px;align-items:stretch;gap:10px;margin:0;display:grid}.supervisor-evaluation-page .evaluation-ribbon-track{border:1px solid var(--eval-border,#0f172a13);border-radius:var(--radius-lg);background:#fff;grid-template-columns:repeat(5,minmax(0,1fr));display:grid;overflow:hidden;box-shadow:0 8px 22px #0f172a08}.supervisor-evaluation-page .evaluation-ribbon-metric{border-right:1px solid #0f172a0f;min-width:0;padding:14px 16px}.supervisor-evaluation-page .evaluation-ribbon-metric:last-child{border-right:0}.supervisor-evaluation-page .evaluation-ribbon-metric span,.supervisor-evaluation-page .evaluation-ribbon-metric em{color:var(--muted);font-size:11.5px;font-style:normal;font-weight:700;line-height:1.45;display:block}.supervisor-evaluation-page .evaluation-ribbon-metric strong{color:var(--text);font-family:var(--font-metric);letter-spacing:-.035em;margin:6px 0 4px;font-size:22px;line-height:1.1;display:block}.supervisor-evaluation-page .evaluation-anonymous-inline{border-radius:var(--radius-lg);color:#334155;background:#f8fbff;border:1px solid #2563eb21;flex-direction:column;justify-content:center;min-width:0;padding:14px 16px;display:flex;box-shadow:0 8px 22px #0f172a06}.supervisor-evaluation-page .evaluation-anonymous-inline strong{color:#1e3a8a;letter-spacing:.04em;text-transform:uppercase;font-size:12px;font-weight:900;display:block}.supervisor-evaluation-page .evaluation-anonymous-inline span{color:#64748b;margin-top:6px;font-size:12px;line-height:1.55;display:block}.supervisor-evaluation-page .evaluation-signal-board{grid-template-columns:minmax(0,1.45fr) minmax(280px,.85fr);align-items:stretch;gap:14px;margin:0;display:grid}.supervisor-evaluation-page .evaluation-signal-main,.supervisor-evaluation-page .evaluation-signal-side{border:1px solid var(--eval-border,#0f172a13);background:#fff;border-radius:22px;min-width:0;box-shadow:0 8px 22px #0f172a08}.supervisor-evaluation-page .evaluation-signal-main{padding:16px}.supervisor-evaluation-page .evaluation-signal-list{flex-direction:column;gap:8px;display:flex}.supervisor-evaluation-page .evaluation-signal-row{width:100%;color:inherit;text-align:left;cursor:pointer;background:#fbfcfd;border:1px solid #0f172a11;border-radius:15px;grid-template-columns:38px minmax(0,1fr) 54px auto;align-items:center;gap:12px;padding:11px 12px;transition:border-color .16s,background .16s,transform .16s;display:grid}.supervisor-evaluation-page .evaluation-signal-row:hover{background:#fffaf6;border-color:#fed7aa;transform:translateY(-1px)}.supervisor-evaluation-page .evaluation-signal-row:focus-visible{outline-offset:2px;outline:3px solid #f973162e}.supervisor-evaluation-page .evaluation-signal-row>b{color:#c2410c;width:34px;height:34px;font-family:var(--font-metric);background:#fff7ed;border-radius:999px;place-items:center;font-size:12px;display:grid}.supervisor-evaluation-page .evaluation-signal-row span,.supervisor-evaluation-page .evaluation-signal-row strong,.supervisor-evaluation-page .evaluation-signal-row em{min-width:0}.supervisor-evaluation-page .evaluation-signal-row strong,.supervisor-evaluation-page .evaluation-signal-row em{display:block}.supervisor-evaluation-page .evaluation-signal-row strong{color:var(--text);font-size:14px}.supervisor-evaluation-page .evaluation-signal-row em{color:var(--muted);margin-top:3px;font-size:12px;font-style:normal}.supervisor-evaluation-page .evaluation-signal-row>i{color:var(--text);font-family:var(--font-metric);text-align:right;font-size:20px;font-style:normal;font-weight:850}.supervisor-evaluation-page .evaluation-signal-side{background:linear-gradient(#fff 0%,#fffaf7 100%);padding:8px;display:grid}.supervisor-evaluation-page .evaluation-signal-note{border-bottom:1px solid #0f172a0f;padding:11px 12px}.supervisor-evaluation-page .evaluation-signal-note:last-child{border-bottom:0}.supervisor-evaluation-page .evaluation-signal-note span{color:var(--accent-text);letter-spacing:.05em;text-transform:uppercase;font-size:11px;font-weight:900;display:block}.supervisor-evaluation-page .evaluation-signal-note strong{color:var(--text);margin-top:6px;font-size:15px;line-height:1.35;display:block}.supervisor-evaluation-page .evaluation-signal-note p{color:var(--muted);margin:5px 0 0;font-size:12px;line-height:1.55}.supervisor-evaluation-page .evaluation-main-grid-cardless{grid-template-columns:repeat(12,minmax(0,1fr))}.supervisor-evaluation-page .evaluation-score-matrix-panel{grid-column:span 8}.supervisor-evaluation-page .evaluation-main-grid-cardless .evaluation-risk-mix-panel{grid-column:span 4}.supervisor-evaluation-page .evaluation-score-matrix{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:18px;display:grid}.supervisor-evaluation-page .evaluation-score-column{min-width:0}.supervisor-evaluation-page .evaluation-score-column+.evaluation-score-column{border-left:1px solid #0f172a12;padding-left:18px}.supervisor-evaluation-page .evaluation-score-column-head{justify-content:space-between;align-items:baseline;gap:10px;margin-bottom:8px;display:flex}.supervisor-evaluation-page .evaluation-score-column-head span{color:var(--accent-text);letter-spacing:.06em;text-transform:uppercase;font-size:11px;font-weight:900}.supervisor-evaluation-page .evaluation-score-column-head strong{color:var(--muted);font-size:12px;font-weight:800}.supervisor-evaluation-page .evaluation-score-matrix-panel .evaluation-score-row{grid-template-columns:minmax(0,1fr) 130px 42px}.supervisor-evaluation-page .evaluation-main-grid-cardless .evaluation-risk-mix-panel{flex-direction:column;justify-content:center;display:flex}.supervisor-evaluation-page .evaluation-main-grid-cardless .evaluation-risk-stack{height:18px}.supervisor-evaluation-page .evaluation-main-grid-cardless .evaluation-risk-legend{grid-template-columns:1fr;margin-top:14px;display:grid}.supervisor-evaluation-page .evaluation-main-grid-cardless .evaluation-risk-legend span{border-bottom:1px solid #0f172a0e;justify-content:space-between;width:100%;padding:6px 0}.supervisor-evaluation-page .evaluation-main-grid-cardless .evaluation-risk-legend span:last-child{border-bottom:0}@media (max-width:1180px){.supervisor-evaluation-page .evaluation-snapshot-ribbon,.supervisor-evaluation-page .evaluation-signal-board{grid-template-columns:1fr}.supervisor-evaluation-page .evaluation-ribbon-track{grid-template-columns:repeat(3,minmax(0,1fr))}.supervisor-evaluation-page .evaluation-score-matrix-panel,.supervisor-evaluation-page .evaluation-main-grid-cardless .evaluation-risk-mix-panel{grid-column:span 12}}@media (max-width:760px){.supervisor-evaluation-page .evaluation-ribbon-track,.supervisor-evaluation-page .evaluation-score-matrix{grid-template-columns:1fr}.supervisor-evaluation-page .evaluation-ribbon-metric{border-bottom:1px solid #0f172a0f;border-right:0}.supervisor-evaluation-page .evaluation-ribbon-metric:last-child{border-bottom:0}.supervisor-evaluation-page .evaluation-signal-row{grid-template-columns:34px minmax(0,1fr)}.supervisor-evaluation-page .evaluation-signal-row>i,.supervisor-evaluation-page .evaluation-signal-row .evaluation-status{grid-column:2;justify-self:start}.supervisor-evaluation-page .evaluation-score-column+.evaluation-score-column{border-top:1px solid #0f172a12;border-left:0;padding-top:14px;padding-left:0}.supervisor-evaluation-page .evaluation-score-matrix-panel .evaluation-score-row{grid-template-columns:1fr}}.supervisor-evaluation-page .evaluation-trend-journey-panel{grid-column:span 7;min-height:0;padding:18px}.supervisor-evaluation-page .evaluation-trend-journey-panel+.evaluation-heatmap-panel,.supervisor-evaluation-page .evaluation-main-grid-cardless .evaluation-heatmap-panel{grid-column:span 5}.supervisor-evaluation-page .evaluation-trend-head{align-items:center}.supervisor-evaluation-page .evaluation-trend-delta{color:#64748b;white-space:nowrap;background:#f8fafc;border-radius:999px;align-items:center;min-height:32px;padding:0 11px;font-size:12px;font-weight:850;display:inline-flex}.supervisor-evaluation-page .evaluation-trend-delta.positive{color:#15803d;background:#ecfdf3}.supervisor-evaluation-page .evaluation-trend-delta.negative{color:#c2410c;background:#fff7ed}.supervisor-evaluation-page .evaluation-trend-summary-line{background:linear-gradient(#fff 0%,#fbfcfd 100%);border:1px solid #0f172a11;border-radius:16px;grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:14px;display:grid;overflow:hidden}.supervisor-evaluation-page .evaluation-trend-summary-line>div{border-right:1px solid #0f172a0f;min-width:0;padding:13px 14px}.supervisor-evaluation-page .evaluation-trend-summary-line>div:last-child{border-right:0}.supervisor-evaluation-page .evaluation-trend-summary-line span,.supervisor-evaluation-page .evaluation-trend-summary-line em{color:var(--muted);font-size:11.5px;font-style:normal;font-weight:750;line-height:1.35;display:block}.supervisor-evaluation-page .evaluation-trend-summary-line strong{color:var(--text);font-family:var(--font-metric);letter-spacing:-.035em;margin:5px 0 3px;font-size:24px;line-height:1;display:block}.supervisor-evaluation-page .evaluation-period-flow{flex-direction:column;gap:9px;display:flex}.supervisor-evaluation-page .evaluation-period-row{background:#fff;border:1px solid #0f172a0f;border-radius:15px;grid-template-columns:130px minmax(0,1fr) 112px;align-items:center;gap:12px;padding:10px 11px;transition:border-color .16s,background .16s,transform .16s;display:grid}.supervisor-evaluation-page .evaluation-period-row:hover{background:#fffaf6;border-color:#fb923c47;transform:translateY(-1px)}.supervisor-evaluation-page .evaluation-period-row.negative{background:linear-gradient(90deg,#fff7ed 0%,#fff 32%)}.supervisor-evaluation-page .evaluation-period-row.positive{background:linear-gradient(90deg,#f0fdf4 0%,#fff 32%)}.supervisor-evaluation-page .evaluation-period-label strong,.supervisor-evaluation-page .evaluation-period-label span{display:block}.supervisor-evaluation-page .evaluation-period-label strong{color:var(--text);font-size:13px}.supervisor-evaluation-page .evaluation-period-label span{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;margin-top:2px;font-size:11px;line-height:1.35;overflow:hidden}.supervisor-evaluation-page .evaluation-period-meter{background:#eef2f7;border-radius:999px;height:10px;position:relative;overflow:hidden}.supervisor-evaluation-page .evaluation-period-score-fill{border-radius:inherit;background:linear-gradient(90deg,#fdba74 0%,#f97316 100%);position:absolute;inset:0 auto 0 0}.supervisor-evaluation-page .evaluation-period-risk-marker{background:#334155;border:2px solid #fff;border-radius:999px;width:8px;height:8px;position:absolute;top:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #0f172a29}.supervisor-evaluation-page .evaluation-period-stats{grid-template-columns:1fr;justify-items:end;line-height:1.15;display:grid}.supervisor-evaluation-page .evaluation-period-stats b{color:var(--text);font-family:var(--font-metric);font-size:18px}.supervisor-evaluation-page .evaluation-period-stats span,.supervisor-evaluation-page .evaluation-period-stats em{color:var(--muted);margin-top:3px;font-size:11px;font-style:normal;font-weight:700;display:block}.supervisor-evaluation-page .evaluation-trend-footnote{color:var(--muted);flex-wrap:wrap;gap:10px 14px;margin-top:12px;font-size:11.5px;font-weight:700;display:flex}.supervisor-evaluation-page .evaluation-trend-footnote span{align-items:center;gap:6px;display:inline-flex}.supervisor-evaluation-page .evaluation-trend-footnote i{flex:none;display:inline-block}.supervisor-evaluation-page .evaluation-trend-footnote .score{background:#f97316;border-radius:999px;width:22px;height:7px}.supervisor-evaluation-page .evaluation-trend-footnote .risk{background:#334155;border-radius:999px;width:8px;height:8px}.supervisor-evaluation-page .evaluation-signal-board,.supervisor-evaluation-page .evaluation-snapshot-ribbon,.supervisor-evaluation-page .evaluation-main-grid-cardless,.supervisor-evaluation-page .evaluation-two-col{margin-top:14px}.supervisor-evaluation-page .evaluation-filter-shell{margin-bottom:14px}.supervisor-evaluation-page .evaluation-leaderboard .section-head em{color:var(--muted);font-size:12px;font-style:normal;font-weight:750}@media (max-width:1180px){.supervisor-evaluation-page .evaluation-trend-journey-panel,.supervisor-evaluation-page .evaluation-main-grid-cardless .evaluation-heatmap-panel{grid-column:span 12}}@media (max-width:760px){.supervisor-evaluation-page .evaluation-trend-head{align-items:flex-start}.supervisor-evaluation-page .evaluation-trend-summary-line{grid-template-columns:1fr}.supervisor-evaluation-page .evaluation-trend-summary-line>div{border-bottom:1px solid #0f172a0f;border-right:0}.supervisor-evaluation-page .evaluation-trend-summary-line>div:last-child{border-bottom:0}.supervisor-evaluation-page .evaluation-period-row{grid-template-columns:1fr;align-items:stretch}.supervisor-evaluation-page .evaluation-period-stats{grid-template-columns:repeat(3,auto);justify-content:space-between;justify-items:start;gap:10px}}.page-canvas,.dashboard-grid,.attendance-intelligence-grid,.visual-summary-grid,.table-wrap{min-width:0}.table-wrap{-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain}@media (max-width:1180px){.period-controls{grid-column:1/-1;width:100%}.mode-tabs,.period-select-wrap{flex:auto}.visual-summary-grid{grid-template-columns:1fr}.dashboard-exception-list,.attendance-exception-list{max-height:none}}@media (max-width:760px){.period-controls{flex-direction:column;align-items:stretch;gap:10px}.mode-tabs,.period-select-wrap,.period-select{width:100%}.mode-tabs{justify-content:center}.period-select-wrap{justify-content:space-between}.workforce-today-grid{grid-template-columns:1fr}.workforce-hero{border-radius:22px;padding:14px}.workforce-hero-meta{flex-wrap:wrap;gap:8px}.workforce-hero-meta>span:not(.status-badge){max-width:100%}.attendance-intelligence-panel{padding:14px}.attendance-intelligence-cta{justify-content:center;width:100%}.attendance-exception-filters{scrollbar-width:none;flex-wrap:nowrap;padding-bottom:2px;overflow-x:auto}.attendance-exception-filters::-webkit-scrollbar{display:none}.attendance-exception-filters button{flex:none}.card-head{flex-wrap:wrap}.card-head .chip{max-width:100%;margin-left:auto}.card-subtitle{line-height:1.55}.topbar .title-wrap{max-width:100%}}@media (max-width:480px){.insight-strip,.dashboard-kpi-grid,.attendance-intelligence-kpis{grid-template-columns:1fr}.workforce-hero-side{grid-template-columns:1fr!important}.workforce-hero-title-row h2{font-size:clamp(28px,8vw,34px)}.topbar h1{font-size:clamp(26px,7.5vw,32px)}.system-page-card{padding:22px 16px}.system-page-actions{flex-direction:column}.system-page-primary,.system-page-secondary{justify-content:center;width:100%}}@media (max-width:360px){.main{padding-left:12px;padding-right:12px}.mobile-menu{width:40px;height:40px;top:10px;left:10px}.workforce-today-item,.attendance-intelligence-kpi,.dashboard-kpi-card{padding:12px}.funnel-row{grid-template-columns:1fr;gap:4px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.insight-card,.kpi-card,.page-canvas,.visual-report-pack-card,.modal-backdrop,.modal-panel{animation:none!important}.card:hover,.dashboard-kpi-card:hover,.dashboard-action-item:hover,.site-comparison-item:hover,.workforce-today-item:hover,.dashboard-action-item button:hover,.report-pack-item button:hover,.workforce-hero-actions button:hover,.export-btn:hover,.import-btn:hover,.primary-action:hover,.ghost-action:hover,.employee-drawer-actions button:hover,.attendance-exception-item:hover{transform:none!important}.hero-gauge-value,.donut-value,.visual-segmented-bar span,.evaluation-period-score-fill,.sidebar{transition:none!important}}@media (prefers-reduced-data:reduce){.workforce-hero,.workforce-hero.warning,.workforce-hero.critical{background:var(--card)!important}.workforce-hero:before,.workforce-hero-score,.dashboard-kpi-card,.card,.attendance-intelligence-panel{box-shadow:var(--shadow)!important}.line-chart .area{display:none}}a.nav-item{cursor:pointer;font:inherit;border:none;text-decoration:none}.brand-logo{width:auto;max-width:126px;height:auto}input[type=search]{appearance:none}input[type=search]::-webkit-search-cancel-button{appearance:none;background:radial-gradient(circle, var(--muted) 42%, transparent 44%);cursor:pointer;width:16px;height:16px}input[type=file],select{cursor:pointer}.portal-action-group{flex-wrap:wrap;align-items:center;gap:8px;display:inline-flex}.card-head .chip.truncate,.filter-summary .truncate{min-width:0}.filter-summary .truncate{max-width:min(320px,100%);display:block}.table-wrap td strong,.employee-table-wrap td strong,.daily-table-wrap td strong,.table-wrap td small,.employee-table-wrap td small,.daily-table-wrap td small{text-overflow:ellipsis;white-space:nowrap;min-width:0;max-width:100%;display:block;overflow:hidden}.table-wrap td,.employee-table-wrap td,.daily-table-wrap td{min-width:0}.attendance-intelligence-cta{background:var(--accent-strong);border-color:var(--accent-strong);color:#fff}.attendance-intelligence-cta:hover{color:#fff;background:#9a3412;border-color:#9a3412}.employee-section-heading span,.daily-hero-eyebrow,.sla-summary-row strong,.report-preview-score span,.report-preview-score b,.dashboard-action-item span,.report-pack-item span,.report-preview-document button,.dashboard-action-item button,.report-pack-item button{color:var(--accent-text)}.dashboard-action-item.good span,.dashboard-action-item.good button{color:var(--success-text)}.dashboard-action-item.warning span,.dashboard-action-item.warning button{color:var(--warning-text)}.dashboard-action-item.critical span,.dashboard-action-item.critical button{color:var(--danger-text)}.kpi-content em.good{color:var(--success-text)}.page-canvas{grid-template-columns:minmax(0,1fr)}.page-canvas>*{grid-column:1/-1;min-width:0}.visual-insight-dashboard-grid>.visual-summary-grid{grid-column:1/-1}@media (max-width:760px){.filter-summary{text-align:left;grid-column:1/-1;justify-items:start;width:100%;display:grid}.filter-summary .truncate{white-space:normal;-webkit-line-clamp:2;text-overflow:ellipsis;-webkit-box-orient:vertical;width:100%;max-width:100%;display:-webkit-box;overflow:hidden}}.sidebar{background:#262626!important}.sidebar .brand-box{z-index:2;position:relative}.sidebar .brand-box:after{display:none}.sidebar .brand-text{z-index:50;background:#262626;flex-direction:column;gap:2px;min-width:0;display:flex;position:relative}.sidebar .brand-name{z-index:2;font-size:14px;font-weight:700;line-height:1.25;display:block;position:relative;color:#fff!important;-webkit-text-fill-color:#fff!important}.sidebar .brand-box .brand-sub{letter-spacing:.01em;font-size:11px;font-weight:500;color:#a8a8ad!important;-webkit-text-fill-color:#a8a8ad!important}.brand-mark img{object-fit:contain;width:34px;height:34px;display:block}.sidebar-footer{border-top:1px solid #ffffff14;margin-top:12px;padding-top:12px}.sidebar-profile-wrap{position:relative}.sidebar-profile{cursor:pointer;width:100%;font:inherit;color:inherit;text-align:left;transition:background .16s,border-color .16s}.sidebar-profile:hover{background:#ffffff12;border-color:#ffffff29}.sidebar-profile:focus-visible{outline:var(--focus-ring);outline-offset:2px}.sidebar-profile .sp-info{flex-direction:column;min-width:0;display:flex}.sidebar-profile .sp-caret{transition:transform .18s}.sidebar-profile .sp-caret.open{transform:rotate(180deg)}.sidebar-profile-menu{z-index:60;background:#1f1f22;border:1px solid #ffffff1a;border-radius:12px;flex-direction:column;gap:2px;padding:6px;display:flex;position:absolute;bottom:calc(100% + 8px);left:0;right:0;box-shadow:0 16px 40px #00000073}.sidebar-profile-menu .spm-title{color:#6e6e73;text-transform:uppercase;letter-spacing:.08em;margin:4px 8px 6px;font-size:10.5px;font-weight:700}.sidebar-profile-menu .spm-item{color:#d4d4d8;width:100%;min-height:38px;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:8px;align-items:center;gap:9px;padding:8px 10px;font-size:12.5px;font-weight:600;transition:background .16s,color .16s;display:flex}.sidebar-profile-menu .spm-item svg{stroke-width:1.7px;flex:none;width:16px;height:16px}.sidebar-profile-menu .spm-item:hover{color:#fff;background:#ffffff12}.sidebar-profile-menu .spm-item.danger{color:#f87171}.sidebar-profile-menu .spm-item.danger:hover{color:#fca5a5;background:#f871711f}.page-size-control select,.daily-table-select-control select,.evaluation-filter-panel select{appearance:none;border-radius:var(--radius-sm);background-image:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='16'%20height='16'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%236b7280'%20stroke-width='1.8'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='m6%209%206%206%206-6'/%3E%3C/svg%3E");background-position:right 11px center;background-repeat:no-repeat;padding-right:34px}.evaluation-filter-panel select{background-color:#fff}.employee-import-checkbox input[type=checkbox]{appearance:none;background:var(--line-strong);cursor:pointer;border-radius:999px;flex:none;width:42px;height:24px;margin:1px 0 0;transition:background .18s;position:relative}.employee-import-checkbox input[type=checkbox]:after{content:"";background:#fff;border-radius:50%;width:20px;height:20px;transition:left .18s;position:absolute;top:2px;left:2px;box-shadow:0 1px 2px #11182747}.employee-import-checkbox input[type=checkbox]:checked{background:var(--accent)}.employee-import-checkbox input[type=checkbox]:checked:after{left:20px}