:root{color:#172033;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--ink:#172033;--muted:#737e91;--line:#e8ebf1;--surface:#fff;--canvas:#f5f7fb;--navy:#17233b;--blue:#536df2;--blue-soft:#edf0ff;--green:#189b72;--orange:#c57a20;--red:#c34848;--shadow:0 12px 30px #19294a0e;background:#f5f7fb;font-family:Segoe UI,system-ui,sans-serif}*{box-sizing:border-box}body{background:var(--canvas);min-width:320px;min-height:100vh;margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}a{color:inherit}h1,h2,h3,p{margin-top:0}h1,h2,h3,strong{font-family:Segoe UI Variable,Segoe UI,system-ui,sans-serif}.portal-shell{min-height:100vh}.sidebar{color:#f4f6fb;background:var(--navy);z-index:5;flex-direction:column;width:252px;padding:25px 16px 16px;display:flex;position:fixed;inset:0 auto 0 0}.brand{align-items:center;gap:11px;padding:1px 9px 28px;text-decoration:none;display:flex}.brand-mark{object-fit:cover;border-radius:50%;flex:none;place-items:center;width:38px;height:38px;display:grid;box-shadow:0 5px 14px #00000038}.brand-copy{gap:1px;display:grid}.brand-copy strong{letter-spacing:-.3px;font-size:15px}.brand-copy small{color:#aab5c9;font-size:11px}.sidebar-scroll{flex:1;overflow:auto}.nav-section{margin:0 0 25px}.nav-section h2{color:#8996ad;letter-spacing:1.05px;margin:0 10px 9px;font:700 10px Segoe UI,sans-serif}.nav-link{color:#c4cddd;border-radius:9px;align-items:center;gap:12px;min-height:42px;margin:3px 0;padding:0 11px;font-size:13px;font-weight:500;text-decoration:none;transition:background .15s,color .15s;display:flex}.nav-link:hover{color:#fff;background:#ffffff12}.nav-link-active{color:#fff;background:#33415c;box-shadow:inset 3px 0 #8292ff}.nav-icon{color:#9eacc3;place-items:center;width:19px;font-size:17px;display:grid}.nav-link-active .nav-icon{color:#aeb9ff}.sidebar-profile{border-top:1px solid #ffffff1a;align-items:center;gap:10px;padding:14px 8px 3px;display:flex}.sidebar-profile strong,.sidebar-profile small{display:block}.sidebar-profile strong{color:#f3f5fa;font-size:11px}.sidebar-profile small{color:#9ba8bd;margin-top:3px;font-size:10px}.avatar{color:#4b5fdd;background:#e9edff;border-radius:50%;flex:none;place-items:center;width:39px;height:39px;font:700 12px Segoe UI Variable,Segoe UI,sans-serif;display:grid}.avatar-small{width:30px;height:30px;font-size:10px}.main-area{min-height:100vh;margin-left:252px}.topbar{background:var(--surface);border-bottom:1px solid var(--line);justify-content:flex-end;align-items:center;gap:20px;height:66px;padding:0 38px;display:flex}.topbar-context{color:#667187;align-items:center;gap:8px;margin-right:auto;font-size:12px;display:flex}.status-dot{background:#34b58c;border-radius:50%;width:7px;height:7px}.status-dot-demo{background:#6175ea}.topbar-profile{color:#4c566b;align-items:center;gap:8px;font-size:12px;text-decoration:none;display:flex}.language-control select{color:#46536a;background:#fff;border:1px solid #e1e5ed;border-radius:7px;min-width:118px;min-height:32px;padding:5px 25px 5px 9px;font-size:10px}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.demo-controls{background:#fafbfe;border:1px solid #e4e8f0;border-radius:9px;align-items:center;gap:8px;padding:5px 7px 5px 10px;display:flex}.demo-controls label{color:#7a8496;white-space:nowrap;font-size:10px;font-weight:700}.demo-controls select{color:#33415a;background:#fff;border:1px solid #e1e5ed;border-radius:6px;max-width:190px;min-height:30px;padding:4px 8px;font-size:10px}.demo-reset{color:#69758c;white-space:nowrap;background:0 0;border:0;border-radius:6px;padding:6px 8px;font-size:10px;font-weight:700}.demo-reset:hover{color:#a64242;background:#fff1f1}.topbar-mobile-brand{align-items:center;gap:8px;display:none}.topbar-mobile-brand strong{font-size:13px}.topbar-mobile-brand .brand-mark{border-radius:50%;width:30px;height:30px}.preview-banner{color:#795d2b;background:#fffaf0;border:1px solid #f0dfbe;border-radius:10px;align-items:flex-start;gap:10px;margin:22px 38px 0;padding:12px 15px;font-size:11px;display:flex}.preview-banner>span:last-child{gap:2px;display:grid}.preview-banner strong{font:700 11px Segoe UI,sans-serif}.preview-banner-copy{color:#88754f}.preview-banner-icon{border:1px solid #d3b675;border-radius:50%;place-items:center;width:17px;height:17px;font-size:10px;font-weight:700;display:grid}.preview-banner .preview-banner-icon{flex:none}.preview-banner-demo{color:#4f5fbd;background:#f4f5ff;border-color:#dfe4ff}.preview-banner-demo .preview-banner-copy{color:#6572b4}.preview-banner-demo .preview-banner-icon{border-color:#8d9af1}.page-content{max-width:1440px;margin:0 auto;padding:31px 38px 54px}.page-heading{justify-content:space-between;align-items:flex-end;gap:18px;margin-bottom:24px;display:flex}.eyebrow{color:#78849a;letter-spacing:1.15px;text-transform:uppercase;margin-bottom:7px;font-size:10px;font-weight:700}.page-heading h1{color:var(--ink);letter-spacing:-.9px;margin-bottom:5px;font-size:clamp(24px,3vw,31px);font-weight:700;line-height:1.2}.page-heading p{color:var(--muted);margin-bottom:0;font-size:13px}.card,.panel{border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow);border-radius:13px}.panel{padding:21px}.panel-title{letter-spacing:-.25px;margin:0;font-size:15px}.panel-subtitle{color:var(--muted);margin:5px 0 0;font-size:11px}.stat-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin:22px 0;display:grid}.stat-card{min-height:119px;padding:16px 17px}.stat-top{color:#78849a;justify-content:space-between;gap:10px;font-size:11px;display:flex}.stat-icon{color:#596ee5;background:#f0f2ff;border-radius:8px;place-items:center;width:27px;height:27px;font-size:14px;display:grid}.stat-value{color:var(--ink);letter-spacing:-.9px;margin-top:14px;font:700 25px Segoe UI Variable,Segoe UI,sans-serif}.stat-hint{color:#939bad;margin-top:2px;font-size:10px}.dashboard-grid{grid-template-columns:minmax(0,1.55fr) minmax(260px,.95fr);gap:16px;display:grid}.welcome-card{color:#fff;background:linear-gradient(115deg,#314a8b 0%,#536def 70%,#7887f5 100%);min-height:190px;padding:25px;position:relative;overflow:hidden}.welcome-card:after{content:"";border:1px solid #fff3;border-radius:50%;width:270px;height:270px;position:absolute;bottom:-108px;right:-28px;box-shadow:0 0 0 25px #ffffff0b,0 0 0 55px #ffffff09}.welcome-card .eyebrow{color:#d5dcff}.welcome-card h2{z-index:1;letter-spacing:-.6px;max-width:510px;margin:0 0 9px;font-size:22px;position:relative}.welcome-card p{z-index:1;color:#e0e5ff;max-width:470px;margin-bottom:19px;font-size:12px;line-height:1.65;position:relative}.button{color:#fff;background:var(--blue);border:0;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:39px;padding:0 14px;font-size:12px;font-weight:700;text-decoration:none;transition:filter .15s,transform .15s;display:inline-flex}.button:hover{filter:brightness(.96);transform:translateY(-1px)}.button-light{z-index:1;color:#3f58d1;background:#fff;position:relative}.button-secondary{color:#42506a;background:#f0f2f7}.button-danger{background:#c95555}.button:disabled{cursor:not-allowed;opacity:.55;transform:none}.action-list{gap:8px;margin-top:15px;display:grid}.action-link{color:#26334b;border:1px solid #0000;border-radius:9px;align-items:center;gap:11px;min-height:49px;padding:7px 9px;font-size:12px;font-weight:600;text-decoration:none;display:flex}.action-link:hover{border-color:var(--line);background:#fafbfe}.action-icon{color:#596fe9;background:#edf0ff;border-radius:9px;place-items:center;width:31px;height:31px;font-size:14px;display:grid}.action-arrow{color:#9aa4b6;margin-left:auto;font-size:16px}.quick-panel{padding:20px}.content-grid{grid-template-columns:minmax(0,1fr) 290px;gap:16px;display:grid}.field-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;display:grid}.field{gap:7px;margin-bottom:15px;display:grid}.field label{color:#48546b;font-size:11px;font-weight:700}.field input,.field select,.field textarea{color:#233049;background:#fff;border:1px solid #dfe4ed;border-radius:8px;outline:none;width:100%;min-height:40px;padding:9px 11px;font-size:12px}.field textarea{resize:vertical;min-height:105px}.field input:focus,.field select:focus,.field textarea:focus{border-color:#8694f6;box-shadow:0 0 0 3px #536df21f}.field-help{color:#8993a5;margin-top:-3px;font-size:10px}.form-actions{align-items:center;gap:10px;margin-top:3px;display:flex}.form-error,.form-success{border-radius:8px;margin-bottom:15px;padding:10px 12px;font-size:11px}.form-error{color:#9d3a3a;background:#fff0f0}.form-success{color:#147857;background:#eaf8f2}.table-wrap{margin-top:17px;overflow:auto}.data-table{border-collapse:collapse;text-align:left;width:100%}.data-table th{border-bottom:1px solid var(--line);color:#8993a5;letter-spacing:.7px;text-transform:uppercase;white-space:nowrap;padding:10px 11px;font-size:9px}.data-table td{color:#455168;vertical-align:middle;border-bottom:1px solid #f0f2f6;padding:12px 11px;font-size:11px}.data-table tr:last-child td{border-bottom:0}.table-primary{color:#202d44;font-weight:700}.badge{color:#69748a;white-space:nowrap;background:#f0f2f6;border-radius:20px;align-items:center;gap:5px;padding:5px 8px;font-size:9px;font-weight:700;display:inline-flex}.badge-pending,.badge-new{color:#9b6b19;background:#fff5df}.badge-normal{color:#626e83;background:#f0f2f6}.badge-low{color:#657286;background:#f0f2f6}.badge-high{color:#b3741b;background:#fff2df}.badge-approved,.badge-resolved{color:#147858;background:#e8f7f0}.badge-rejected,.badge-urgent{color:#ad4141;background:#fff0f0}.badge-in-progress{color:#4e60cf;background:#edf0ff}.empty-state{color:#8791a2;text-align:center;padding:27px 14px;font-size:11px}.panel-header-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.count-pill{color:#586ad8;vertical-align:2px;background:#edf0ff;border-radius:20px;place-items:center;min-width:23px;height:20px;margin-left:5px;padding:0 6px;font:700 10px Segoe UI,sans-serif;display:inline-grid}.table-secondary{color:#8993a5;margin-top:4px;font-size:10px;line-height:1.45}.approval-list{gap:11px;margin-top:18px;display:grid}.approval-card{border:1px solid var(--line);background:#fff;border-radius:10px;justify-content:space-between;align-items:center;gap:18px;padding:15px;display:flex}.approval-main{align-items:center;gap:19px;min-width:0;display:flex}.approval-person{align-items:center;gap:10px;min-width:180px;display:flex}.approval-avatar{color:#5368d8;background:#edf0ff;border-radius:50%;flex:none;place-items:center;width:36px;height:36px;font-size:11px;font-weight:700;display:grid}.approval-person strong,.approval-person small{display:block}.approval-person strong{color:#26334b;font-size:12px}.approval-person small{color:#8993a5;margin-top:3px;font-size:10px}.approval-request{color:#455168;gap:4px;min-width:0;font-size:11px;display:grid}.approval-dates{color:#34415a;font-size:12px;font-weight:600}.approval-submitted{color:#8993a5;font-size:10px}.approval-actions{flex:none;gap:8px;display:flex}.calendar-toolbar{justify-content:space-between;align-items:center;gap:16px;display:flex}.calendar-controls{align-items:center;gap:7px;display:flex}.calendar-nav-button{min-width:38px}.calendar-scroll{margin-top:18px;overflow-x:auto}.calendar-table{table-layout:fixed;border-collapse:separate;border-spacing:0;width:100%;min-width:720px}.calendar-table th{border-bottom:1px solid var(--line);color:#8993a5;text-align:left;padding:9px 10px;font-size:10px;font-weight:700}.calendar-table td{vertical-align:top;border-bottom:1px solid #eef0f5;border-right:1px solid #eef0f5;height:110px;padding:0}.calendar-table td:first-child{border-left:1px solid #eef0f5}.calendar-table tr:first-child td{border-top:1px solid #eef0f5}.calendar-cell-outside{background:#fafbfc}.calendar-cell-today{background:#f5f6ff}.calendar-day{min-height:109px;padding:8px}.calendar-day-number{color:#43506a;border-radius:50%;place-items:center;min-width:23px;height:23px;font-size:10px;font-weight:700;display:inline-grid}.calendar-cell-outside .calendar-day-number{color:#a8afbc}.calendar-cell-today .calendar-day-number{color:#fff;background:#596fe9}.calendar-events{gap:3px;margin-top:3px;display:grid}.calendar-event,.calendar-overflow{color:#475ab9;text-overflow:ellipsis;white-space:nowrap;background:#edf0ff;border-radius:4px;padding:3px 5px;font-size:9px;overflow:hidden}.calendar-overflow{color:#78849a;background:0 0;font-weight:600}.calendar-empty{border-top:1px solid #f0f2f6}.status-select{color:#46536a;background:#fff;border:1px solid #dfe4ed;border-radius:7px;min-height:32px;padding:5px 7px;font-size:10px}.ticket-mini-list{margin-top:8px;display:grid}.ticket-mini{border-bottom:1px solid #eff1f5;justify-content:space-between;align-items:center;gap:9px;padding:10px 0;display:flex}.ticket-mini:last-child{border-bottom:0}.ticket-mini strong,.ticket-mini small{display:block}.ticket-mini strong{color:#36435b;text-overflow:ellipsis;white-space:nowrap;max-width:175px;font:600 10px Segoe UI,sans-serif;overflow:hidden}.ticket-mini small{color:#929bad;margin-top:4px;font-size:9px}.profile-heading{border-bottom:1px solid var(--line);align-items:center;gap:13px;padding-bottom:18px;display:flex}.profile-avatar{width:48px;height:48px;font-size:13px}.profile-details{grid-template-columns:repeat(2,minmax(0,1fr));gap:17px 20px;padding-top:18px;display:grid}.profile-detail span,.profile-detail strong{display:block}.profile-detail span{color:#8a94a5;margin-bottom:5px;font-size:10px}.profile-detail strong{color:#34415a;font:600 12px Segoe UI,sans-serif}.leave-balance-overview{align-items:center;gap:16px;margin-top:21px;display:flex}.leave-balance-ring,.inventory-leave-ring{background:conic-gradient(#596fe9 0 var(--leave-progress,0%), #edf0ff var(--leave-progress,0%) 100%);border-radius:50%;flex:none;place-items:center;width:86px;height:86px;display:grid;position:relative}.leave-balance-ring:before,.inventory-leave-ring:before{content:"";background:#fff;border-radius:50%;position:absolute;inset:6px}.leave-balance-ring>span{justify-items:center;line-height:1;display:grid;position:relative}.leave-balance-ring strong{color:#263653;letter-spacing:-1px;font-size:24px}.leave-balance-ring small{color:#929bad;margin-top:4px;font-size:9px}.leave-balance-copy{gap:6px;min-width:0;display:grid}.leave-balance-copy>strong{color:#29364e;font-size:13px}.leave-balance-copy>span{color:#7f8a9e;font-size:10px}.leave-balance-copy>small{color:#9aa3b1;font-size:9px}.leave-balance-track{background:#edf0ff;border-radius:5px;width:min(160px,100%);height:5px;margin:2px 0;overflow:hidden}.leave-balance-track>span{border-radius:inherit;background:#596fe9;height:100%;display:block}.approval-leave-counter{color:#5868cb;background:#f7f8ff;border:1px solid #e5e9ff;border-radius:9px;flex:none;justify-items:center;gap:2px;min-width:76px;padding:8px 10px;display:grid}.approval-leave-counter strong{font-size:15px;line-height:1}.approval-leave-counter span{color:#7f8bba;white-space:nowrap;font-size:8px}.manager-only-pill{color:#5668d1;white-space:nowrap;background:#f7f8ff;border:1px solid #e4e8ff;border-radius:20px;align-items:center;gap:6px;padding:7px 10px;font-size:10px;font-weight:700;display:inline-flex}.manager-only-pill span{font-size:8px}.inventory-summary{grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;margin:0 0 16px;display:grid}.inventory-summary-label{align-items:center;gap:8px;display:inline-flex}.inventory-summary-label i{color:#5a6dde;background:#edf0ff;border-radius:8px;place-items:center;width:25px;height:25px;font-size:12px;font-style:normal;display:grid}.inventory-summary .directory-summary-card>strong{white-space:nowrap}.inventory-toolbar{align-items:center}.inventory-team-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;margin-top:19px;display:grid}.inventory-person-card{background:linear-gradient(145deg,#fff,#fbfcff);border:1px solid #e8ebf2;border-radius:12px;min-width:0;padding:15px}.inventory-person-header{justify-content:space-between;align-items:center;gap:10px;min-height:68px;display:flex}.inventory-person-identity{align-items:center;gap:10px;min-width:0;display:flex}.inventory-person-link{width:100%;min-width:0;color:inherit;align-items:center;gap:9px;text-decoration:none;display:flex}.inventory-person-link:hover .inventory-person-details strong{color:#5368d8}.inventory-person-link:focus-visible,.directory-person-link:focus-visible,.inventory-back-link:focus-visible{outline-offset:3px;border-radius:6px;outline:3px solid #536df240}.inventory-person-open{color:#6878da;margin-left:auto;font-size:15px}.inventory-back-link{color:#586cdb;margin:-4px 0 14px;font-size:11px;font-weight:700;text-decoration:none;display:inline-flex}.inventory-back-link:hover{color:#3449bd;text-decoration:underline}.inventory-person-details{gap:3px;min-width:0;display:grid}.inventory-person-details strong{color:#27344c;text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.inventory-person-details small{color:#8c96a7;text-overflow:ellipsis;white-space:nowrap;font-size:9px;overflow:hidden}.inventory-leave-counter{flex:none;justify-items:center;gap:4px;display:grid}.inventory-leave-ring{color:#5268d9;width:49px;height:49px;font-size:13px;font-weight:800}.inventory-leave-ring:before{inset:4px}.inventory-leave-ring span{position:relative}.inventory-leave-counter>small{color:#8792a6;white-space:nowrap;font-size:8px}.inventory-card-divider{border-top:1px solid #edf0f5;margin-top:12px;padding-top:11px}.inventory-section-heading{justify-content:space-between;align-items:center;gap:8px;margin-bottom:9px;display:flex}.inventory-section-heading strong{color:#59667d;letter-spacing:.6px;text-transform:uppercase;font-size:9px}.inventory-section-heading>span{color:#98a1b0;font-size:9px}.equipment-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;display:grid}.equipment-slot{background:#fff;border:1px solid #eef0f5;border-radius:9px;grid-template-columns:26px minmax(0,1fr);gap:6px 7px;min-width:0;padding:8px;display:grid}.equipment-icon{color:#6576d9;background:#f0f2ff;border-radius:8px;grid-row:span 2;place-items:center;width:26px;height:26px;font-size:13px;display:grid}.equipment-copy{gap:2px;min-width:0;display:grid}.equipment-copy small{color:#99a2b1;font-size:8px}.equipment-copy strong{color:#3b4860;text-overflow:ellipsis;white-space:nowrap;font-size:9px;overflow:hidden}.equipment-tag{color:#9ca5b3;text-overflow:ellipsis;white-space:nowrap;font:8px ui-monospace,Consolas,monospace;overflow:hidden}.equipment-condition{color:#7a8598;background:#f1f3f7;border-radius:10px;grid-column:2;justify-self:start;padding:3px 6px;font-size:7px;font-weight:700}.equipment-condition-good{color:#278062;background:#eaf7f1}.equipment-condition-attention{color:#a96e1c;background:#fff4df}.inventory-empty-items{color:#929bad;text-align:center;padding:13px;font-size:10px}.empty-state strong{color:#43506a;margin-bottom:5px;font-size:12px;display:block}.error-state{color:#a14040;background:#fff6f6}.notice-card{color:#5c6781;background:#f8f9ff;border:1px solid #e8eaff;border-radius:9px;align-items:flex-start;gap:10px;padding:13px;font-size:10px;line-height:1.55;display:flex}.notice-icon{color:#6476ed;font-size:16px}.section-gap{margin-top:18px}.muted{color:var(--muted)}.loading{color:var(--muted);padding:20px;font-size:12px}.directory-summary{grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;margin:0 0 16px;display:grid}.department-summary{grid-template-columns:repeat(4,minmax(0,1fr))}.directory-summary-card{border:1px solid var(--line);min-height:68px;box-shadow:var(--shadow);background:#fff;border-radius:11px;justify-content:space-between;align-items:center;gap:12px;padding:14px 17px;display:flex}.directory-summary-card span{color:#7a8599;font-size:11px}.directory-summary-card strong{color:#26334b;letter-spacing:-.4px;font-size:18px}.leave-summary .directory-summary-card:first-child strong{color:#aa7621}.leave-summary .directory-summary-card:nth-child(2) strong{color:#17805e}.leave-summary .directory-summary-card:nth-child(3) strong{color:#b34848}.directory-search{color:#27354c;background:#fff;border:1px solid #dfe4ed;border-radius:8px;outline:none;width:min(230px,35vw);min-height:36px;padding:8px 10px;font-size:11px}.directory-search:focus{border-color:#8694f6;box-shadow:0 0 0 3px #536df21f}.directory-person{align-items:center;gap:9px;min-width:180px;display:flex}.directory-person>span:nth-child(2){gap:3px;display:grid}.directory-person strong{color:#2a374e;font-size:11px}.directory-person small{color:#929bad;font-size:9px}.directory-person-link{max-width:100%;color:inherit;text-decoration:none;display:inline-flex}.directory-person-link:hover .directory-person strong{color:#5368d8;text-decoration:underline}.directory-person-open{color:#6878da;font-size:13px;font-weight:700}.department-review-reason{color:#929bad;margin-top:3px;font-size:9px;display:block}.directory-avatar{color:#5368d8;background:#edf0ff;border-radius:50%;flex:none;place-items:center;width:32px;height:32px;font-size:10px;font-weight:800;display:grid}.directory-role-note{margin-bottom:16px}.sector-section{gap:12px;margin-top:20px;display:grid}.sector-heading{justify-content:space-between;align-items:end;gap:16px;padding:0 2px;display:flex}.sector-heading .eyebrow{margin:0 0 4px}.sector-heading h2{color:#29364d;letter-spacing:-.3px;margin:0;font-size:17px}.sector-heading>span{color:#8792a4;text-align:right;font-size:10px}.department-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;display:grid}.department-card{grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:14px;min-height:112px;display:grid}.department-mark{color:#4f63d5;background:#edf0ff;border-radius:12px;place-items:center;width:42px;height:42px;font-size:16px;font-weight:800;display:grid}.department-mark-1{color:#198263;background:#e9f7f1}.department-mark-2{color:#bb7a1f;background:#fff5e4}.department-mark-3{color:#a4496d;background:#fff0f5}.department-mark-4{color:#3976a6;background:#edf7ff}.department-card-copy h3{color:#2b3850;margin:0 0 5px;font-size:13px}.department-card-copy p{color:#8892a4;margin:0;font-size:10px;line-height:1.5}.department-card-copy .department-head{color:#626e83;margin-top:6px}.department-head strong{color:#34415a;font-weight:650}.department-count{justify-items:end;gap:2px;display:grid}.department-count strong{color:#2b3850;font-size:17px}.department-count span{color:#8b95a6;font-size:9px}.department-review-card{background:#fffdf8;border-color:#f0d9a9;margin-bottom:16px}.department-review-heading{align-items:flex-start;gap:11px;display:flex}.department-review-mark{color:#9d6616;background:#fff0cf;border-radius:50%;flex:none;place-items:center;width:26px;height:26px;font-size:14px;font-weight:800;display:grid}.department-review-heading h2{color:#624a27;margin:1px 0 4px;font-size:13px}.department-review-heading p{color:#8b795b;margin:0;font-size:10px;line-height:1.55}.department-review-list{gap:6px;margin:12px 0 0 37px;padding:0;list-style:none;display:grid}.department-review-list li{color:#665a48;justify-content:space-between;gap:12px;font-size:10px;display:flex}.department-review-list strong{color:#96712f;font-size:9px;font-weight:600}.onboarding-demo-note{margin-bottom:18px}.onboarding-summary{margin:17px 0}.onboarding-case-list{gap:16px;margin-top:16px;display:grid}.onboarding-case{padding:0;overflow:hidden}.onboarding-case-header{background:#fbfcff;border-bottom:1px solid #edf0f5;justify-content:space-between;align-items:center;gap:20px;padding:20px 22px;display:flex}.onboarding-case-person{align-items:center;gap:13px;min-width:0;display:flex}.onboarding-case-person .directory-avatar{width:42px;height:42px;font-size:12px}.onboarding-case-person .eyebrow{margin:0 0 4px}.onboarding-case-person h2{color:#29364d;margin:0 0 4px;font-size:15px}.onboarding-case-person p{color:#7f8a9e;margin:0;font-size:10px}.onboarding-start-date{color:#7f8a9e;text-align:right;justify-items:end;gap:4px;font-size:10px;display:grid}.onboarding-start-date strong{color:#34415a;font-size:12px}.onboarding-start-date small{color:#8d97a8;font-size:9px}.onboarding-progress{padding:17px 22px 14px}.onboarding-progress-copy{justify-content:space-between;gap:12px;margin-bottom:9px;font-size:10px;display:flex}.onboarding-progress-copy strong{color:#34415a;font-weight:700}.onboarding-progress-copy span{color:#8993a4}.onboarding-progress-track{background:#edf0f6;border-radius:99px;height:7px;overflow:hidden}.onboarding-progress-track span{border-radius:inherit;background:linear-gradient(90deg,#6679e4,#4ea888);height:100%;transition:width .2s;display:block}.onboarding-task-list{padding:0 22px 10px}.onboarding-task{border-top:1px solid #f0f2f6;grid-template-columns:22px minmax(0,1fr) auto auto;align-items:center;gap:12px;padding:13px 0;display:grid}.onboarding-task-mark{color:#8b96a8;background:#f0f2f7;border-radius:50%;place-items:center;width:20px;height:20px;font-size:12px;font-weight:800;display:grid}.onboarding-task-complete .onboarding-task-mark{color:#188263;background:#e7f6f0}.onboarding-task-content{min-width:0}.onboarding-task-content h3{color:#34415a;margin:0 0 4px;font-size:11px;font-weight:650}.onboarding-task-content p{color:#929bad;margin:0;font-size:9px}.onboarding-task-content small{color:#929bad;margin-top:4px;font-size:9px;display:block}.onboarding-task-owner{color:#65738b;font-weight:650}.onboarding-overdue{color:#b54b4b;font-weight:700}.onboarding-task-status{color:#8b6b25;text-align:center;background:#fff5df;border-radius:99px;min-width:76px;padding:5px 8px;font-size:9px;font-weight:700}.onboarding-status-completed{color:#18795d;background:#e8f6f0}.onboarding-status-in-progress{color:#4965c8;background:#edf0ff}.onboarding-task-action{white-space:nowrap;min-height:31px;padding:0 10px;font-size:9px}.announcement-list{gap:12px;display:grid}.announcement-card{grid-template-columns:42px minmax(0,1fr) 16px;align-items:start;gap:14px;display:grid}.announcement-icon{color:#5368d8;background:#edf0ff;border-radius:12px;place-items:center;width:40px;height:40px;font-size:15px;font-weight:700;display:grid}.announcement-icon-1{color:#198263;background:#e9f7f1}.announcement-icon-2{color:#bb7a1f;background:#fff5e4}.announcement-content .eyebrow{margin:1px 0 5px;font-size:9px}.announcement-content h2{color:#29364d;margin:0 0 6px;font-size:14px}.announcement-content p{color:#677389;margin:0 0 10px;font-size:11px;line-height:1.6}.announcement-content time{color:#97a0af;font-size:9px}.announcement-arrow{color:#9aa4b6;font-size:20px}@media (width<=1050px){.sidebar{width:218px}.main-area{margin-left:218px}.page-content{padding-left:25px;padding-right:25px}.preview-banner{margin-left:25px;margin-right:25px}.stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-grid{grid-template-columns:minmax(0,1.25fr) minmax(235px,.9fr)}.demo-controls select{max-width:155px}.inventory-team-grid{grid-template-columns:1fr}.onboarding-case-header{flex-direction:column;align-items:flex-start;gap:14px}.onboarding-start-date{text-align:left;justify-items:start}.onboarding-task-list{padding-left:15px;padding-right:15px}.onboarding-task{grid-template-columns:20px minmax(0,1fr) auto;gap:9px}.onboarding-task-status{min-width:66px}.onboarding-task-action{grid-column:2/4;justify-self:start}}@media (width<=760px){.sidebar{width:auto;height:auto;padding:11px 14px;position:static}.brand{display:none}.sidebar-scroll{gap:12px;display:flex;overflow-x:auto}.nav-section{white-space:nowrap;flex:none;align-items:center;gap:4px;margin:0;display:flex}.nav-section h2{display:none}.nav-link{min-height:35px;margin:0;padding:0 9px;font-size:10px}.nav-icon{font-size:13px}.sidebar-profile{display:none}.main-area{margin-left:0}.topbar{flex-wrap:wrap;justify-content:space-between;gap:8px;height:auto;min-height:54px;padding:8px 16px}.topbar-mobile-brand{display:flex}.topbar-context{display:none}.language-control{order:2;margin-left:auto}.topbar-profile{order:3;margin-left:0;font-size:0}.demo-controls{order:4;justify-content:flex-end;gap:5px;width:100%;padding:4px 6px}.demo-controls label{display:none}.demo-controls select{max-width:160px}.preview-banner{margin:12px 15px 0;padding:9px 10px;font-size:10px}.page-content{padding:23px 15px 38px}.page-heading{align-items:flex-start;margin-bottom:18px}.dashboard-grid,.content-grid,.department-grid{grid-template-columns:1fr}.approval-card{flex-direction:column;align-items:flex-start}.approval-main{flex-direction:column;align-items:flex-start;gap:12px}.approval-person{min-width:0}.approval-actions{width:100%}.approval-actions .button{flex:1}.approval-leave-counter{align-self:flex-start}.calendar-toolbar{flex-direction:column;align-items:flex-start}.calendar-controls{justify-content:space-between;width:100%}.calendar-nav-label{font-size:10px}.stat-grid{gap:9px;margin:15px 0}.stat-card{min-height:105px;padding:13px}.stat-value{margin-top:11px;font-size:22px}.inventory-toolbar{align-items:flex-start}.inventory-toolbar .directory-search{width:100%}.inventory-team-grid{grid-template-columns:1fr}}@media (width<=480px){.nav-section{gap:2px}.nav-link{gap:6px;padding:0 7px}.stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.field-grid{grid-template-columns:1fr;gap:0}.welcome-card{padding:20px}.directory-summary{gap:7px}.department-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.directory-summary-card{flex-direction:column;justify-content:center;align-items:flex-start;min-height:70px;padding:11px}.directory-summary-card span{font-size:9px}.directory-summary-card strong{font-size:15px}.directory-search{width:100%}.inventory-summary{gap:7px}.inventory-summary .directory-summary-card{min-height:83px}.inventory-summary-label{flex-direction:column;align-items:flex-start;gap:5px}.inventory-summary-label i{display:none}.inventory-person-card{padding:12px}.equipment-grid{grid-template-columns:1fr 1fr}.panel-header-row{flex-direction:column;align-items:flex-start}.sector-heading{flex-direction:column;align-items:flex-start;gap:5px}.sector-heading>span{text-align:left}.announcement-card{grid-template-columns:34px minmax(0,1fr);gap:10px;padding:15px}.announcement-icon{width:34px;height:34px}.announcement-arrow{display:none}.onboarding-case-header,.onboarding-progress{padding-left:15px;padding-right:15px}.onboarding-progress-copy{flex-direction:column;align-items:flex-start;gap:3px}}