:root{--navy-950:#102a35;--navy-900:#143541;--navy-800:#1d4652;--teal-700:#0b626c;--teal-600:#0f7882;--teal-500:#16909a;--teal-100:#dff2f1;--teal-50:#f0f9f8;--sky-500:#4299e1;--blue-50:#edf6ff;--blue-600:#377bb5;--violet-50:#f4f0ff;--violet-600:#7656ad;--green-50:#eaf8f1;--green-600:#26865c;--amber-50:#fff8e7;--amber-500:#dfa428;--amber-700:#976816;--rose-50:#fff0f0;--rose-500:#dc6b69;--rose-700:#a34644;--gray-25:#fcfdfd;--gray-50:#f7f9f9;--gray-100:#eef2f2;--gray-200:#dfe6e7;--gray-300:#c7d0d2;--gray-500:#748489;--gray-600:#5b6d72;--gray-700:#3d5056;--gray-900:#172d34;--surface:#fff;--page:#f4f7f7;--border:#e3e9e9;--shadow-sm:0 1px 2px #122e360a, 0 7px 20px #122e3609;--shadow-md:0 16px 42px #122e361f;--radius-sm:9px;--radius-md:14px;--radius-lg:18px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--gray-900);background:var(--page);-webkit-font-smoothing:antialiased;margin:0;font-family:Prompt,Noto Sans Thai,Leelawadee UI,system-ui,-apple-system,sans-serif;font-size:14px}button,input{font:inherit}button{color:inherit}a{color:inherit;text-decoration:none}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.app-shell{min-height:100vh}.sidebar{z-index:40;color:#d9e9eb;background:radial-gradient(circle at 22% 10%, #20767e38, transparent 30%), linear-gradient(175deg, var(--navy-950), #0e2731 82%);border-right:1px solid #ffffff0f;flex-direction:column;width:258px;padding:20px 16px 17px;display:flex;position:fixed;inset:0 auto 0 0}.brand-row,.brand,.company-switcher,.nav-link,.system-status,.help-link,.topbar,.global-search,.topbar-actions,.profile-menu,.page-actions,.demo-notice,.metric-card,.metric-icon,.metric-delta,.section-heading,.text-link,.legend-item,.attendance-footer div,.task-row,.request-row,.person-cell,.inline-icon,.table-footer,.pagination,.directory-toolbar,.table-search,.filter-tabs,.panel-toolbar,.segmented,.detail-person,.reason-box,.warning-box,.balance-heading,.balance-labels,.workflow-strip,.decision-actions,.prototype-feedback,.security-banner,.payroll-hero,.hash-chip,.payroll-totals article,.check-item,.exception-summary,.report-row,.report-catalog-toolbar,.export-notice,.environment-visual,.environment-foot,.setting-row,.readiness-grid article{align-items:center;display:flex}.report-catalog-toolbar{gap:14px;margin-bottom:11px}.report-search{max-width:430px}.report-result-count{color:var(--gray-500);white-space:nowrap;margin-left:auto;font-size:9.5px}.report-category-tabs{gap:6px;margin-bottom:14px;padding-bottom:4px;display:flex;overflow-x:auto}.report-category-tabs button{min-height:31px;color:var(--gray-600);background:var(--gray-50);border:1px solid var(--gray-200);white-space:nowrap;cursor:pointer;border-radius:999px;padding:0 11px;font-size:9px}.report-category-tabs button.active{color:#fff;background:var(--teal-600);border-color:var(--teal-600)}.brand-row{justify-content:space-between;min-height:58px}.brand{gap:11px}.brand-mark{background:#fff;border:2px solid #ffffff38;border-radius:50%;place-items:center;width:50px;height:50px;display:grid;overflow:hidden;box-shadow:0 6px 18px #0000002e}.brand-mark img{object-fit:cover;object-position:left center;width:50px;height:50px}.brand-copy{flex-direction:column;display:flex}.brand-copy strong{color:#fff;letter-spacing:.06em;font-size:19px;line-height:1.2}.brand-copy small{color:#8fb2b8;letter-spacing:.045em;font-size:10px}.company-switcher{background:#ffffff0e;border:1px solid #ffffff14;border-radius:11px;gap:9px;margin:22px 0 19px;padding:10px}.company-switcher>div:nth-child(2){flex-direction:column;flex:1;min-width:0;display:flex}.company-switcher small{color:#85a8ae;font-size:9.5px}.company-switcher strong{color:#edf7f7;text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.company-monogram{color:#0d5f67;background:#dcf5f2;border-radius:8px;place-items:center;width:30px;height:30px;font-size:11px;font-weight:750;display:grid}.primary-nav{flex:1;min-height:0;overflow-y:auto}.nav-heading{color:#678c93;letter-spacing:.1em;text-transform:uppercase;margin:0 10px 8px;font-size:9.5px;font-weight:650}.nav-heading-spaced{margin-top:22px}.nav-link{color:#b7cdd1;border:1px solid #0000;border-radius:10px;gap:12px;min-height:43px;margin:3px 0;padding:0 11px;transition:all .14s;position:relative}.nav-link:hover{color:#fff;background:#ffffff0e}.nav-link.active{color:#fff;background:linear-gradient(90deg,#18899166,#1a757e2e);border-color:#53bac12b}.nav-link.active:before{content:"";background:#5bc6c8;border-radius:0 3px 3px 0;width:3px;height:24px;position:absolute;left:-16px}.nav-link span{flex:1;font-size:12.5px;font-weight:520}.nav-badge{text-align:center;color:#bce9e8;background:#44b4b92e;border-radius:999px;min-width:23px;padding:3px 6px;font-size:9px}.sidebar-footer{border-top:1px solid #ffffff14;padding-top:14px}.system-status{gap:10px;padding:5px 8px 12px}.system-status>div{flex-direction:column;display:flex}.system-status strong{color:#dceced;font-size:10.5px}.system-status small{color:#698f95;font-size:9px}.status-dot{background:#5cc894;border:2px solid #5cc89438;border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 4px #5cc8941a}.help-link{color:#87a7ac;gap:8px;padding:8px;font-size:10.5px}.app-main{min-height:100vh;margin-left:258px}.topbar{z-index:20;border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffffeb;justify-content:space-between;height:70px;padding:0 30px;position:sticky;top:0}.global-search{width:min(440px,43vw);color:var(--gray-500);gap:10px}.global-search input{width:100%;color:var(--gray-900);background:0 0;border:0;outline:0;padding:9px 0;font-size:12px}.global-search kbd{color:#859397;background:var(--gray-50);border:1px solid var(--gray-200);border-radius:6px;padding:3px 7px;font-family:inherit;font-size:9px}.topbar-actions{gap:10px}.environment-chip{color:var(--teal-700);background:var(--teal-50);letter-spacing:.08em;border:1px solid #cde8e5;border-radius:5px;padding:4px 8px;font-size:8.5px;font-weight:750}.icon-button{cursor:pointer;background:0 0;border:1px solid #0000;border-radius:9px;place-items:center;width:35px;height:35px;padding:0;display:inline-grid}.icon-button:hover{background:var(--gray-50);border-color:var(--gray-200)}.notification-button{color:var(--gray-600);position:relative}.notification-dot{color:#fff;background:var(--rose-500);border:2px solid #fff;border-radius:10px;place-items:center;min-width:15px;height:15px;padding:0 3px;font-size:7px;display:grid;position:absolute;top:1px;right:0}.profile-menu{border:0;border-left:1px solid var(--gray-200);cursor:pointer;background:0 0;gap:9px;margin-left:3px;padding:5px 5px 5px 7px}.profile-copy{text-align:left;flex-direction:column;min-width:114px;display:flex}.profile-copy strong{font-size:11px}.profile-copy small{color:var(--gray-500);font-size:8.5px}.menu-button,.sidebar-close{display:none}.page-content{width:100%;max-width:1540px;min-height:calc(100vh - 70px);margin:0 auto;padding:28px 30px 48px}.page-header{justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:21px;display:flex}.page-header h1,.dashboard-welcome h1{color:var(--gray-900);letter-spacing:-.025em;margin:2px 0 4px;font-size:clamp(24px,2.6vw,32px);line-height:1.2}.page-header>div:first-child>p:last-child,.dashboard-welcome>div>p:last-child{color:var(--gray-500);margin:0;font-size:12px}.page-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px}.eyebrow{color:var(--teal-600);letter-spacing:.11em;text-transform:uppercase;margin:0;font-size:9px;font-weight:760}.button{cursor:pointer;border-radius:9px;justify-content:center;align-items:center;gap:7px;min-height:37px;padding:0 14px;font-size:11px;font-weight:650;transition:all .14s;display:inline-flex}.button.primary{color:#fff;background:linear-gradient(145deg, var(--teal-600), #0d6973);border:1px solid var(--teal-700);box-shadow:0 4px 12px #0f788229}.button.primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 7px 18px #0f78823b}.button.secondary{color:var(--gray-700);border:1px solid var(--gray-200);background:#fff}.button.secondary:hover{background:var(--gray-50);border-color:var(--gray-300)}.button.ghost{min-height:32px;color:var(--teal-700);background:0 0;border:0;padding:0 9px}.button.danger{color:var(--rose-700);background:var(--rose-50);border:1px solid #f2d2d1}.button.icon-only{width:38px;padding:0}.button.full{width:100%}.button:disabled{opacity:.48;cursor:not-allowed;box-shadow:none}.demo-notice{color:#536d72;background:#f2f9f9;border:1px solid #dceceb;border-radius:9px;gap:8px;margin-bottom:18px;padding:9px 12px;font-size:10px}.demo-notice svg{color:var(--teal-600)}.demo-notice strong{color:var(--teal-700)}.demo-notice.compact{margin:0}.dashboard-welcome{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:24px;display:flex}.metric-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:16px;display:grid}.metric-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);min-width:0;box-shadow:var(--shadow-sm);padding:17px 17px 15px;position:relative}.metric-icon{border-radius:11px;flex:none;justify-content:center;width:39px;height:39px}.tone-teal{color:var(--teal-700);background:var(--teal-100)}.tone-blue{color:var(--blue-600);background:var(--blue-50)}.tone-amber{color:var(--amber-700);background:var(--amber-50)}.tone-rose{color:var(--rose-700);background:var(--rose-50)}.tone-violet{color:var(--violet-600);background:var(--violet-50)}.tone-green{color:var(--green-600);background:var(--green-50)}.tone-cyan{color:#227d91;background:#e8f7fa}.tone-indigo{color:#5364a9;background:#eef0fb}.metric-copy{flex-direction:column;flex:1;min-width:0;margin-left:12px;display:flex}.metric-copy span{color:var(--gray-500);text-overflow:ellipsis;white-space:nowrap;font-size:9.5px;overflow:hidden}.metric-copy strong{letter-spacing:-.02em;margin-top:1px;font-size:24px;line-height:1.2}.metric-copy .metric-text{font-size:18px}.metric-card>small{color:#9aa6a9;font-size:8px;position:absolute;bottom:11px;left:68px}.metric-delta{border-radius:6px;align-self:flex-start;gap:2px;padding:3px 6px;font-size:8px;font-weight:650}.metric-delta.positive{color:var(--green-600);background:var(--green-50)}.metric-delta.neutral{color:var(--blue-600);background:var(--blue-50)}.metric-delta.warning{color:var(--amber-700);background:var(--amber-50)}.dashboard-grid{grid-template-columns:minmax(0,1.1fr) minmax(360px,.9fr);gap:16px;margin-bottom:16px;display:grid}.lower-grid{grid-template-columns:minmax(0,1.25fr) minmax(340px,.75fr)}.panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm)}.dashboard-grid>.panel,.directory-panel,.leave-layout>.panel,.variance-panel,.readiness-panel,.admin-layout>.panel,.security-section,.help-section,.report-featured,.page-content>section.panel{padding:20px}.section-heading{justify-content:space-between;gap:16px;margin-bottom:17px}.section-heading h2{letter-spacing:-.01em;margin:0;font-size:14px}.section-heading p{color:var(--gray-500);margin:3px 0 0;font-size:9px}.text-link{color:var(--teal-600);cursor:pointer;background:0 0;border:0;gap:2px;font-size:9.5px;font-weight:650}.attendance-content{justify-content:center;align-items:center;gap:clamp(28px,5vw,70px);min-height:196px;padding:4px 12px 18px;display:flex}.donut{background:conic-gradient(var(--teal-600) 0 79%, var(--sky-500) 79% 87%, var(--rose-500) 87% 94%, var(--amber-500) 94% 100%);border-radius:50%;flex:none;place-items:center;width:146px;height:146px;display:grid}.donut:before{content:"";background:#fff;border-radius:50%;width:103px;height:103px;position:absolute}.donut>div{z-index:1;text-align:center;flex-direction:column;display:flex}.donut strong{font-size:27px;line-height:1.1}.donut span{color:var(--gray-500);font-size:9px}.legend-list{width:min(230px,48%)}.legend-item{border-bottom:1px solid var(--gray-100);gap:9px;min-height:34px;font-size:10px}.legend-item:last-child{border:0}.legend-color{border-radius:3px;width:8px;height:8px}.legend-item span:nth-child(2){color:var(--gray-600);flex:1}.legend-item strong{font-size:10px}.attendance-footer{border-top:1px solid var(--gray-100);grid-template-columns:1fr 1fr;display:grid}.attendance-footer div{color:var(--gray-500);gap:7px;padding:13px 11px 0;font-size:8.5px}.attendance-footer div+div{border-left:1px solid var(--gray-100)}.attendance-footer strong{color:var(--gray-700);margin-left:auto;font-size:9px}.text-amber{color:var(--amber-700)!important}.task-list{margin:0 -6px}.task-row{border-bottom:1px solid var(--gray-100);gap:10px;min-height:61px;padding:8px 6px;transition:all .12s}.task-row:last-child{border:0}.task-row:hover{background:var(--gray-25);padding-left:10px}.task-icon{border-radius:10px;flex:none;place-items:center;width:36px;height:36px;display:grid}.task-row>span:nth-child(2){flex-direction:column;flex:1;min-width:0;display:flex}.task-row strong{font-size:10.5px}.task-row small{color:var(--gray-500);text-overflow:ellipsis;white-space:nowrap;margin-top:2px;font-size:8.5px;overflow:hidden}.task-row>svg{color:var(--gray-300)}.task-count{min-width:22px;height:22px;color:var(--teal-700);background:var(--teal-50);border-radius:7px;place-items:center;font-size:9px;font-weight:700;display:grid}.task-count.urgent{color:var(--rose-700);background:var(--rose-50)}.request-list{margin:-5px 0}.request-row{border-bottom:1px solid var(--gray-100);gap:10px;min-height:60px;padding:7px 0}.request-row:last-child{border:0}.request-person,.request-type{flex-direction:column;min-width:0;display:flex}.request-person{flex:1.2}.request-type{flex:1}.request-row strong{text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.request-row small{color:var(--gray-500);text-overflow:ellipsis;white-space:nowrap;margin-top:2px;font-size:8px;overflow:hidden}.status-pill{white-space:nowrap;border-radius:999px;width:fit-content;padding:4px 8px;font-size:8px;font-weight:680}.status-green{color:var(--green-600);background:var(--green-50)}.status-amber{color:var(--amber-700);background:var(--amber-50)}.status-rose{color:var(--rose-700);background:var(--rose-50)}.status-blue{color:var(--blue-600);background:var(--blue-50)}.status-gray{color:var(--gray-600);background:var(--gray-100)}.timeline{margin:2px 0 0 4px;position:relative}.timeline:before{content:"";background:var(--gray-200);width:1px;position:absolute;top:18px;bottom:18px;left:13px}.timeline-item{align-items:flex-start;gap:10px;min-height:60px;padding:5px 0;display:flex;position:relative}.timeline-dot{z-index:1;border:3px solid #fff;border-radius:50%;flex:none;place-items:center;width:27px;height:27px;display:grid}.timeline-item>div{flex-direction:column;flex:1;min-width:0;padding-top:3px;display:flex}.timeline-item strong{font-size:9.5px}.timeline-item small{color:var(--gray-500);margin-top:3px;font-size:8px}.timeline-item time{color:#a0acad;padding-top:4px;font-size:8px}.avatar{width:38px;height:38px;box-shadow:0 0 0 1px var(--gray-100);border:2px solid #fff;border-radius:50%;flex:none;place-items:center;font-size:9px;font-weight:750;display:inline-grid}.avatar-small{width:32px;height:32px;font-size:8px}.directory-toolbar{gap:10px;margin-bottom:15px}.table-search{min-width:220px;color:var(--gray-500);background:var(--gray-50);border:1px solid var(--gray-200);border-radius:9px;flex:1;gap:8px;padding:0 11px}.table-search input{width:100%;height:36px;color:var(--gray-900);background:0 0;border:0;outline:0;font-size:10.5px}.table-search.compact{min-width:130px;max-width:190px}.filter-tabs{background:var(--gray-50);border:1px solid var(--gray-200);border-radius:9px;gap:2px;padding:3px}.filter-tabs button{height:29px;color:var(--gray-500);cursor:pointer;background:0 0;border:0;border-radius:6px;padding:0 11px;font-size:9px}.filter-tabs button.active{color:var(--teal-700);background:#fff;font-weight:650;box-shadow:0 1px 4px #17394217}.table-scroll{width:100%;overflow-x:auto}.data-table{border-collapse:collapse;width:100%;min-width:720px}.data-table th{color:var(--gray-500);background:var(--gray-50);border-block:1px solid var(--gray-100);text-align:left;white-space:nowrap;padding:10px 12px;font-size:8.5px;font-weight:620}.data-table td{border-bottom:1px solid var(--gray-100);color:var(--gray-600);vertical-align:middle;padding:10px 12px;font-size:9.5px}.data-table tbody tr:hover{background:var(--gray-25)}.person-cell{gap:10px;min-width:190px}.person-cell>div{flex-direction:column;min-width:0;display:flex}.person-cell strong,.cell-title{color:var(--gray-900);font-size:10px;font-weight:640}.person-cell span,.person-cell small,.cell-muted{color:var(--gray-500);font-size:8px}.person-cell small{margin-top:2px}.cell-title,.cell-muted{white-space:nowrap;display:block}.cell-muted{margin-top:3px}.inline-icon{white-space:nowrap;gap:5px}.table-footer{color:var(--gray-500);justify-content:space-between;gap:20px;padding-top:15px;font-size:8.5px}.pagination{gap:3px}.pagination button{width:28px;height:28px;color:var(--gray-600);border:1px solid var(--gray-200);cursor:pointer;background:#fff;border-radius:7px;padding:0;font-size:8.5px}.pagination button.active{color:#fff;background:var(--teal-600);border-color:var(--teal-600)}.pagination button:disabled{opacity:.4;cursor:not-allowed}.empty-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:280px;display:flex}.empty-state>span{width:52px;height:52px;color:var(--teal-600);background:var(--teal-50);border-radius:16px;place-items:center;display:grid}.empty-state h3{margin:12px 0 2px;font-size:13px}.empty-state p{color:var(--gray-500);margin:0 0 10px;font-size:9px}.empty-state.small{min-height:220px}.page-empty{min-height:calc(100vh - 160px)}.page-empty h1{margin:15px 0 3px;font-size:22px}.compact-metrics .metric-card{min-height:87px}.panel-toolbar{justify-content:space-between;margin:-5px 0 11px}.segmented{background:var(--gray-50);border:1px solid var(--gray-200);border-radius:8px;gap:2px;padding:3px}.segmented button{height:27px;color:var(--gray-500);background:0 0;border:0;border-radius:5px;padding:0 10px;font-size:8.5px}.segmented button.active{color:var(--gray-900);background:#fff;box-shadow:0 1px 4px #17394214}.mono-value{font-variant-numeric:tabular-nums}.leave-layout{grid-template-columns:minmax(390px,.9fr) minmax(420px,1.1fr);gap:16px;display:grid}.leave-list-panel,.leave-detail-panel{min-height:565px}.leave-toolbar{border-bottom:1px solid var(--gray-100);flex-wrap:wrap;justify-content:space-between;padding-bottom:12px}.approval-list{margin:0 -9px}.approval-item{text-align:left;border:0;border-bottom:1px solid var(--gray-100);cursor:pointer;background:0 0;border-radius:9px;align-items:center;gap:10px;width:100%;min-height:78px;padding:11px 9px;display:flex}.approval-item:hover,.approval-item.selected{background:var(--teal-50)}.approval-item.selected{box-shadow:inset 3px 0 var(--teal-500)}.approval-main{flex-direction:column;flex:1;min-width:0;display:flex}.approval-main strong{font-size:10.5px}.approval-main small{color:var(--gray-600);margin-top:2px;font-size:9px}.approval-main>span{color:#97a4a7;align-items:center;gap:3px;margin-top:6px;font-size:8px;display:flex}.approval-item>svg{color:var(--gray-300)}.detail-header{border-bottom:1px solid var(--gray-100);justify-content:space-between;align-items:flex-start;padding-bottom:16px;display:flex}.detail-header h2{margin:4px 0 0;font-size:18px}.detail-person{gap:11px;padding:17px 0 14px}.detail-person>div{flex-direction:column;display:flex}.detail-person strong{font-size:11px}.detail-person span{color:var(--gray-500);font-size:8.5px}.detail-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.detail-grid>div{background:var(--gray-50);border:1px solid var(--gray-100);border-radius:9px;flex-direction:column;padding:10px 12px;display:flex}.detail-grid small,.reason-box small{color:var(--gray-500);font-size:8px}.detail-grid strong{margin-top:3px;font-size:10px}.reason-box{color:var(--teal-700);background:var(--teal-50);border-radius:9px;align-items:flex-start;gap:9px;margin-top:10px;padding:11px 12px}.reason-box>div{flex-direction:column;display:flex}.reason-box p{color:var(--gray-700);margin:2px 0 0;font-size:9.5px}.warning-box{color:var(--amber-700);background:var(--amber-50);border:1px solid #f3e4bb;border-radius:9px;align-items:flex-start;gap:10px;margin-top:10px;padding:10px 12px}.warning-box>div{flex-direction:column;display:flex}.warning-box strong{font-size:9px}.warning-box p{color:#856b39;margin:2px 0 0;font-size:8px;line-height:1.5}.balance-block{margin-top:16px}.balance-heading{justify-content:space-between;font-size:8.5px}.balance-heading strong{font-size:9px}.progress-track{background:var(--gray-100);border-radius:999px;height:6px;margin:8px 0 5px;overflow:hidden}.progress-track span{background:linear-gradient(90deg, var(--teal-600), #4bb6b4);border-radius:inherit;height:100%;display:block}.balance-labels{color:var(--gray-500);justify-content:space-between;font-size:7.5px}.workflow-strip{justify-content:center;margin:18px 0}.workflow-strip div{width:70px;color:var(--gray-400);flex-direction:column;align-items:center;gap:4px;display:flex}.workflow-strip div>span{width:24px;height:24px;color:var(--gray-500);background:var(--gray-100);border-radius:50%;place-items:center;font-size:8px;font-weight:700;display:grid}.workflow-strip div.done span{color:#fff;background:var(--green-600)}.workflow-strip div.current span{color:#fff;background:var(--teal-600);box-shadow:0 0 0 4px var(--teal-100)}.workflow-strip small{white-space:nowrap;font-size:7.5px}.workflow-strip i{background:var(--gray-200);width:58px;height:1px;margin-bottom:18px}.decision-actions{border-top:1px solid var(--gray-100);justify-content:flex-end;gap:8px;padding-top:14px}.prototype-feedback{color:var(--green-600);justify-content:flex-end;gap:5px;margin:9px 0 0;font-size:8px}.security-banner{color:#655226;background:var(--amber-50);border:1px solid #f0dfb0;border-radius:10px;align-items:flex-start;gap:10px;margin-bottom:15px;padding:10px 13px}.security-banner>div{flex-direction:column;display:flex}.security-banner strong{font-size:9.5px}.security-banner span{color:#806d42;margin-top:2px;font-size:8px}.payroll-hero{margin-bottom:12px;position:relative;padding:18px 20px!important}.payroll-period{flex:1}.payroll-period h2{margin:3px 0 2px;font-size:18px}.payroll-period>span{color:var(--gray-500);font-size:8.5px}.hash-chip{color:var(--gray-500);gap:5px;font-family:ui-monospace,monospace;font-size:7.5px;position:absolute;bottom:14px;right:19px}.payroll-totals{border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);background:#fff;grid-template-columns:repeat(4,1fr);margin-bottom:15px;display:grid;overflow:hidden}.payroll-totals article{border-right:1px solid var(--gray-100);gap:10px;min-height:82px;padding:13px 16px;position:relative}.payroll-totals article:last-child{border-right:0}.payroll-totals article>div{flex-direction:column;display:flex}.payroll-totals small{color:var(--gray-500);font-size:8px}.payroll-totals strong{font-variant-numeric:tabular-nums;margin-top:2px;font-size:13px}.summary-icon{border-radius:9px;flex:none;place-items:center;width:34px;height:34px;display:grid}.change{border-radius:5px;align-items:center;gap:2px;padding:2px 5px;font-size:7px;display:flex;position:absolute;top:12px;right:11px}.change.up{color:var(--green-600);background:var(--green-50)}.net-total{background:linear-gradient(145deg,#f3fbfa,#fff)}.payroll-layout{grid-template-columns:minmax(600px,1.45fr) minmax(300px,.55fr);gap:15px;display:grid}.variance-panel,.readiness-panel{min-width:0}.variance-table{min-width:760px}.readiness-progress{background:var(--gray-100);border-radius:10px;height:5px;overflow:hidden}.readiness-progress span{background:var(--teal-600);height:100%;display:block}.check-list{margin:13px -4px}.check-item{text-align:left;border:0;border-bottom:1px solid var(--gray-100);cursor:pointer;background:0 0;align-items:flex-start;gap:9px;width:100%;padding:9px 4px}.check-item>span:first-child{width:24px;height:24px;color:var(--amber-700);background:var(--amber-50);border-radius:7px;flex:none;place-items:center;display:grid}.check-item>span:first-child.done{color:#fff;background:var(--green-600)}.check-item>span:nth-child(2){flex-direction:column;display:flex}.check-item strong{font-size:9px}.check-item small{color:var(--gray-500);margin-top:2px;font-size:7.5px}.exception-summary{color:var(--rose-700);background:var(--rose-50);border-radius:8px;align-items:flex-start;gap:8px;margin:13px 0;padding:9px 10px}.exception-summary>div{flex-direction:column;display:flex}.exception-summary strong{font-size:8.5px}.exception-summary p{color:#8b605f;margin:2px 0 0;font-size:7.5px;line-height:1.45}.report-featured{background:linear-gradient(125deg,#fff 45%,#eef8f7);grid-template-columns:1fr 1.15fr;align-items:stretch;gap:30px;margin-bottom:15px;display:grid;overflow:hidden}.report-featured h2{margin:6px 0 2px;font-size:20px}.report-featured p:not(.eyebrow){color:var(--gray-500);margin:0;font-size:9px}.report-kpis{grid-template-columns:repeat(4,1fr);gap:8px;margin-top:20px;display:grid}.report-kpis span{border-right:1px solid var(--gray-100);flex-direction:column;padding-right:8px;display:flex}.report-kpis span:last-child{border:0}.report-kpis small{color:var(--gray-500);font-size:7.5px}.report-kpis strong{margin-top:3px;font-size:13px}.bar-chart{border-bottom:1px solid var(--gray-200);background:repeating-linear-gradient(0deg,#0000 0 32px,#c4d8d859 33px);justify-content:space-around;align-items:flex-end;gap:14px;height:145px;padding:21px 8px 22px;display:flex;position:relative}.bar-chart>span{background:linear-gradient(to top, var(--teal-700), #48adaf);border-radius:6px 6px 2px 2px;width:28px;min-height:15px;position:relative;box-shadow:inset 0 1px #fff3}.bar-chart>span i{width:100%;color:var(--gray-600);text-align:center;font-size:7px;font-style:normal;position:absolute;top:-16px}.chart-labels{color:var(--gray-500);justify-content:space-around;font-size:7px;display:flex;position:absolute;bottom:-19px;left:0;right:0}.report-list{margin:-4px 0}.report-row{border-bottom:1px solid var(--gray-100);gap:11px;min-height:67px;padding:9px 3px}.report-row:last-child{border-bottom:0}.report-icon{border-radius:10px;flex:none;place-items:center;width:38px;height:38px;display:grid}.report-row>div{flex-direction:column;flex:1;min-width:0;display:flex}.report-id{color:var(--teal-600);letter-spacing:.05em;font-size:7px;font-weight:700}.report-row strong{font-size:10px}.report-row small{color:var(--gray-500);margin-top:2px;font-size:8px}.report-row>svg{color:var(--gray-300)}.export-notice{color:var(--gray-500);background:var(--gray-50);border-radius:8px;gap:8px;margin-top:12px;padding:9px 11px;font-size:8px}.export-notice span{flex:1}.admin-layout{grid-template-columns:1.35fr .65fr;gap:15px;margin-bottom:15px;display:grid}.settings-list{margin:-5px}.setting-row{text-align:left;border:0;border-bottom:1px solid var(--gray-100);cursor:pointer;background:0 0;gap:10px;width:100%;padding:11px 6px}.setting-row:last-child{border:0}.setting-row:hover{background:var(--gray-25)}.setting-icon{width:37px;height:37px;color:var(--teal-700);background:var(--teal-50);border-radius:10px;place-items:center;display:grid}.setting-row>span:nth-child(2){flex-direction:column;flex:1;display:flex}.setting-row strong{font-size:10px}.setting-row small{color:var(--gray-500);margin-top:2px;font-size:8px}.setting-row>svg{color:var(--gray-300)}.environment-visual{color:var(--teal-700);background:linear-gradient(135deg, var(--teal-50), #edf7fb);border-radius:10px;gap:11px;padding:13px}.environment-visual>div{flex-direction:column;flex:1;display:flex}.environment-visual strong{font-size:10px}.environment-visual span{color:var(--gray-500);font-size:8px}.environment-details{margin:13px 0}.environment-details>div{border-bottom:1px solid var(--gray-100);justify-content:space-between;padding:8px 1px;font-size:8.5px;display:flex}.environment-details dt{color:var(--gray-500)}.environment-details dd{color:var(--gray-700);margin:0;font-weight:600}.environment-foot{color:var(--gray-500);align-items:flex-start;gap:6px;font-size:7.5px}.security-section{margin-bottom:15px;scroll-margin-top:85px}.readiness-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.readiness-grid article{background:var(--gray-25);border:1px solid var(--gray-100);border-radius:10px;gap:10px;padding:12px}.readiness-icon{border-radius:9px;place-items:center;width:35px;height:35px;display:grid}.readiness-icon.good{color:var(--green-600);background:var(--green-50)}.readiness-icon.waiting{color:var(--amber-700);background:var(--amber-50)}.readiness-grid article>div{flex:1;min-width:0}.readiness-grid strong{font-size:9.5px}.readiness-grid p{color:var(--gray-500);margin:2px 0 0;font-size:7.5px;line-height:1.45}.help-section{scroll-margin-top:85px}.help-items{counter-reset:item;grid-template-columns:1fr 1fr;gap:8px;display:grid}.help-items span{counter-increment:item;color:var(--gray-600);background:var(--gray-50);border-radius:8px;padding:10px 11px;font-size:8.5px}.help-items span:before{content:counter(item);width:20px;height:20px;color:var(--teal-700);background:var(--teal-100);border-radius:6px;place-items:center;margin-right:8px;font-size:8px;font-weight:700;display:inline-grid}.workspace-module-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:16px;display:grid}.workspace-module{min-height:192px;position:relative}.workspace-module>.status-pill{position:absolute;top:18px;right:18px}.workspace-module-icon{border-radius:12px;place-items:center;width:42px;height:42px;display:grid}.workspace-module h2{margin:16px 0 5px;font-size:13px}.workspace-module p{min-height:37px;color:var(--gray-500);margin:0;font-size:9.5px;line-height:1.55}.workspace-module-count{border-top:1px solid var(--gray-100);align-items:baseline;gap:8px;margin-top:12px;padding-top:11px;display:flex}.workspace-module-count strong{color:var(--teal-700);font-size:18px}.workspace-module-count span{color:var(--gray-500);font-size:8.5px}.workspace-queue-list>article{border-bottom:1px solid var(--gray-100);grid-template-columns:92px minmax(0,1fr) auto;align-items:center;gap:12px;min-height:58px;padding:9px 5px;display:grid}.workspace-queue-list>article:last-child{border-bottom:0}.workspace-queue-list>article>div{flex-direction:column;min-width:0;display:flex}.workspace-queue-list strong{font-size:10px}.workspace-queue-list small{color:var(--gray-500);margin-top:3px;font-size:8.5px}.sidebar-backdrop{display:none}@media (max-width:1120px){.sidebar{width:232px}.app-main{margin-left:232px}.page-content,.topbar{padding-inline:22px}.workspace-module-grid,.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.payroll-layout{grid-template-columns:1fr}.readiness-panel{max-width:none}.payroll-totals{grid-template-columns:repeat(2,1fr)}.payroll-totals article:nth-child(2){border-right:0}.payroll-totals article:nth-child(-n+2){border-bottom:1px solid var(--gray-100)}.report-featured{grid-template-columns:1fr}}@media (max-width:860px){.sidebar{width:258px;box-shadow:var(--shadow-md);transition:transform .18s;transform:translate(-102%)}.sidebar.is-open{transform:translate(0)}.sidebar-backdrop{z-index:35;opacity:0;pointer-events:none;background:#061a207a;border:0;width:100%;height:100%;transition:opacity .18s;position:fixed;inset:0}.sidebar-backdrop.is-open{opacity:1;pointer-events:auto;display:block}.sidebar-close,.menu-button{display:inline-grid}.sidebar-close{color:#a7c1c5}.app-main{margin-left:0}.topbar{height:64px}.global-search{margin-left:8px}.page-content{min-height:calc(100vh - 64px)}.dashboard-grid,.lower-grid,.leave-layout,.admin-layout{grid-template-columns:1fr}.leave-list-panel,.leave-detail-panel{min-height:0}.leave-detail-panel{min-height:520px}}@media (max-width:620px){.page-content{padding:20px 14px 38px}.topbar{padding:0 13px}.global-search{display:none}.topbar-actions{margin-left:auto}.environment-chip,.profile-copy,.profile-menu>svg{display:none}.profile-menu{min-width:38px;padding-left:7px}.page-header,.dashboard-welcome{flex-direction:column;align-items:flex-start;gap:14px}.page-actions{justify-content:flex-start}.dashboard-welcome .demo-notice{width:100%}.metric-grid,.workspace-module-grid{grid-template-columns:1fr}.workspace-queue-list>article{grid-template-columns:1fr auto}.workspace-queue-list>article>.report-id{grid-column:1/-1}.metric-card{min-height:82px}.attendance-content{gap:22px;padding-inline:0}.donut{width:122px;height:122px}.donut:before{width:84px;height:84px}.donut strong{font-size:23px}.legend-list{flex:1;width:auto}.attendance-footer{grid-template-columns:1fr}.attendance-footer div+div{border-left:0}.request-row{flex-wrap:wrap}.request-person{min-width:calc(100% - 50px)}.request-type{margin-left:42px}.directory-toolbar{flex-direction:column;align-items:stretch}.table-search,.table-search.compact{width:100%;max-width:none}.filter-tabs{overflow-x:auto}.table-footer{flex-direction:column;align-items:flex-start}.pagination button:nth-of-type(4),.pagination button:nth-of-type(5){display:none}.leave-toolbar{align-items:stretch}.detail-grid{grid-template-columns:1fr}.workflow-strip i{width:30px}.decision-actions .button{flex:1}.payroll-totals{grid-template-columns:1fr}.payroll-totals article{border-right:0;border-bottom:1px solid var(--gray-100)}.hash-chip{display:none}.report-kpis,.readiness-grid,.help-items{grid-template-columns:1fr 1fr}.report-row{flex-wrap:wrap}.report-row>div{min-width:calc(100% - 55px)}.report-row .status-pill{margin-left:49px}.readiness-grid article{flex-wrap:wrap;align-items:flex-start}.readiness-grid article>div{min-width:calc(100% - 48px)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important}}