:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ink:#080808;--ink-soft:#111;--panel:#151515;--panel-raised:#1b1b1b;--gold:#f2b422;--gold-light:#ffd66d;--gold-dark:#b87a08;--paper:#f5f3ee;--white:#fff;--muted:#a7a49d;--line:#ffffff17;--line-gold:#f2b4224d;--green:#72dea4;--blue:#7ab8ff;--danger:#ff8f86;--sidebar:260px;--radius:18px;--radius-sm:11px;--shadow:0 24px 60px #00000059;font-synthesis:none;text-rendering:optimizelegibility;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{background:var(--ink)}body{background:var(--ink);min-width:320px;min-height:100vh;color:var(--white);margin:0}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--gold);outline-offset:3px}.app-shell{background:radial-gradient(circle at 75% -10%, #f2b42217, transparent 33%), var(--ink);min-height:100vh}.main-shell{min-height:100vh;margin-left:var(--sidebar)}.page-content{width:min(1460px,100%);margin:0 auto;padding:30px 34px 52px}.sidebar{z-index:30;width:var(--sidebar);border-right:1px solid var(--line);background:linear-gradient(#0c0c0c,#080808 74%);flex-direction:column;padding:24px 16px 18px;display:flex;position:fixed;inset:0 auto 0 0}.brand-block{border-bottom:1px solid var(--line);align-items:center;gap:11px;min-height:52px;padding:0 8px 22px;display:flex}.brand-block strong{letter-spacing:.12em;font-size:13px;display:block}.brand-block small{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;margin-top:4px;font-size:11px;display:block}.brand-mark{border:1px solid var(--gold);width:42px;height:42px;color:var(--gold);letter-spacing:-.28em;border-radius:50%;flex:none;justify-content:center;align-items:center;font-weight:900;display:inline-flex;position:relative;overflow:hidden}.brand-mark:after{content:"";opacity:.75;border-top:2px solid;border-bottom:2px solid;position:absolute;inset:8px 5px;transform:skew(-16deg)}.brand-mark span{z-index:1;font-size:16px;position:relative;transform:translate(-2px)}.brand-mark span+span{transform:translate(2px)}.company-logo{object-fit:contain;filter:drop-shadow(0 8px 18px #00000052);display:block}.company-logo--sidebar{flex:none;width:90px;height:66px}.company-logo--password{flex:none;width:132px;height:91px}.company-logo--gate{width:min(230px,68vw);height:155px}.workspace-label{color:#68665f;letter-spacing:.16em;margin:25px 12px 10px;font-size:10px;font-weight:800}.side-nav{gap:5px;display:grid}.side-nav button{color:#aaa79f;cursor:pointer;text-align:left;background:0 0;border:0;border-radius:10px;grid-template-columns:24px 1fr 16px;align-items:center;gap:10px;width:100%;padding:12px 13px;transition:all .16s;display:grid}.side-nav button:hover{color:var(--paper);background:#ffffff09}.side-nav button.active{color:var(--gold-light);box-shadow:inset 2px 0 var(--gold);background:linear-gradient(90deg,#f2b42229,#f2b42209)}.side-nav button span{font-size:13px;font-weight:670}.sidebar-security{border:1px solid var(--line-gold);color:var(--gold);background:#f2b4220d;border-radius:12px;align-items:flex-start;gap:10px;margin:auto 5px 14px;padding:13px;display:flex}.sidebar-security strong,.sidebar-security span{display:block}.sidebar-security strong{color:#e6e2d9;font-size:12px}.sidebar-security span{color:#817e76;margin-top:3px;font-size:10px;line-height:1.4}.user-card{border-top:1px solid var(--line);align-items:center;gap:10px;padding:12px 8px 0;display:flex}.user-card strong,.user-card span{text-overflow:ellipsis;white-space:nowrap;max-width:155px;display:block;overflow:hidden}.user-card strong{font-size:12px}.user-card span{color:var(--muted);margin-top:3px;font-size:10px}.sidebar-close,.sidebar-scrim{display:none}.topbar{z-index:20;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#080808e6;justify-content:space-between;align-items:center;min-height:88px;padding:15px 34px;display:flex;position:sticky;top:0}.topbar-title span{color:var(--gold);letter-spacing:.15em;margin-bottom:4px;font-size:9px;font-weight:800;display:block}.topbar-title h1{letter-spacing:-.02em;margin:0;font-family:Georgia,Times New Roman,serif;font-size:25px;font-weight:500}.topbar-actions{align-items:center;gap:12px;display:flex}.connection-pill{border:1px solid var(--line);color:#a8a59e;border-radius:999px;align-items:center;gap:7px;padding:8px 11px;font-size:11px;display:flex}.live-dot{background:var(--green);width:7px;height:7px;box-shadow:0 0 12px var(--green);border-radius:50%}.mobile-menu{display:none!important}.avatar{border:1px solid var(--line-gold);width:38px;height:38px;color:var(--gold-light);letter-spacing:.04em;background:linear-gradient(145deg,#2a210f,#12100b);border-radius:50%;flex:none;place-items:center;font-size:11px;font-weight:800;display:grid}.avatar--small{width:34px;height:34px}.avatar--employee{border-color:#f2b42238;width:41px;height:41px;font-size:11px}.avatar--profile{border-width:2px;width:76px;height:76px;font-family:Georgia,serif;font-size:23px}.button{cursor:pointer;border:1px solid #0000;border-radius:9px;justify-content:center;align-items:center;gap:8px;min-height:43px;padding:0 17px;font-size:12px;font-weight:750;text-decoration:none;transition:transform .14s,background .14s,border-color .14s;display:inline-flex}.button:hover:not(:disabled){transform:translateY(-1px)}.button:disabled{cursor:not-allowed;opacity:.48}.button--gold{background:var(--gold);color:var(--ink);box-shadow:0 9px 26px #f2b42224}.button--gold:hover:not(:disabled){background:var(--gold-light)}.button--light{background:var(--paper);color:#191816}.button--outline{border-color:var(--line-gold);min-height:39px;color:var(--gold-light);background:#f2b42208}.button--compact{min-height:39px;padding-inline:14px}.button--large{min-height:50px}.button--full{width:100%}.text-button{color:var(--gold);cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;gap:6px;padding:6px 0;font-size:11px;font-weight:750;text-decoration:none;display:inline-flex}.icon-button{border:1px solid var(--line);color:#bbb8b0;cursor:pointer;background:#ffffff06;border-radius:9px;place-items:center;width:38px;height:38px;padding:0;text-decoration:none;display:inline-grid}.icon-button:hover{border-color:var(--line-gold);color:var(--gold)}.welcome-band{border:1px solid var(--line-gold);border-radius:var(--radius);min-height:230px;box-shadow:var(--shadow);background:radial-gradient(circle at 85% 15%,#f2b4222e,#0000 28%),linear-gradient(120deg,#18130a 0%,#111 44%,#080808 100%);justify-content:space-between;align-items:flex-end;gap:30px;padding:42px 44px;display:flex;position:relative;overflow:hidden}.welcome-band:before{content:"SS";color:#0000;-webkit-text-stroke:1px #f2b42214;letter-spacing:-.18em;pointer-events:none;font-family:Georgia,serif;font-size:260px;font-weight:800;line-height:1;position:absolute;top:-40px;right:65px}.welcome-band>*{z-index:1;position:relative}.welcome-band h2{letter-spacing:-.04em;max-width:680px;margin:12px 0 10px;font-family:Georgia,Times New Roman,serif;font-size:clamp(31px,4vw,51px);font-weight:500;line-height:1.02}.welcome-band p{color:#b4b0a8;max-width:660px;margin:0;font-size:14px;line-height:1.65}.eyebrow{color:var(--gold);letter-spacing:.15em;text-transform:uppercase;align-items:center;gap:7px;font-size:10px;font-weight:800;display:flex}.section-kicker{color:var(--gold);letter-spacing:.16em;margin-bottom:7px;font-size:9px;font-weight:850;display:block}.metric-grid{grid-template-columns:repeat(4,1fr);gap:14px;margin:18px 0;display:grid}.metric-card{border:1px solid var(--line);background:linear-gradient(145deg,#ffffff09,#ffffff03);border-radius:15px;align-items:center;gap:16px;min-height:124px;padding:21px;display:flex}.metric-icon{border:1px solid var(--line-gold);width:43px;height:43px;color:var(--gold);background:#f2b42212;border-radius:12px;flex:none;place-items:center;display:grid}.metric-card span,.metric-card strong,.metric-card small{display:block}.metric-card span{color:#b4b1aa;font-size:11px;font-weight:650}.metric-card strong{margin:2px 0 0;font-family:Georgia,serif;font-size:30px;font-weight:500}.metric-card small{color:#6f6d68;font-size:9px}.metric-card--green .metric-icon{color:var(--green);background:#72dea412;border-color:#72dea447}.metric-card--blue .metric-icon{color:var(--blue);background:#7ab8ff12;border-color:#7ab8ff47}.metric-card--amber .metric-icon{color:var(--gold-light);border-color:#ffd66d4d}.dashboard-grid{grid-template-columns:minmax(0,1.75fr) minmax(290px,.75fr);gap:18px;display:grid}.panel{border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(145deg,#181818fa,#0e0e0efa);box-shadow:0 18px 50px #00000029}.panel-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:20px;min-height:78px;padding:21px 23px;display:flex}.panel-head h2{margin:0;font-family:Georgia,serif;font-size:20px;font-weight:500}.action-panel{padding-bottom:22px}.action-panel>h3,.action-panel>p,.action-panel>.button,.action-panel>.human-review{margin-inline:22px}.action-panel h3{margin-top:18px;margin-bottom:7px;font-size:15px}.action-panel p{color:var(--muted);margin-top:0;font-size:11px;line-height:1.6}.scan-illustration{border:1px dashed var(--line-gold);height:118px;color:var(--gold);background:radial-gradient(circle,#f2b4221a,#0000 60%);border-radius:13px;place-items:center;margin:22px 22px 0;display:grid;position:relative;overflow:hidden}.scan-illustration:before,.scan-illustration:after{content:"";border-color:var(--gold);opacity:.5;width:20px;height:20px;position:absolute}.scan-illustration:before{border-top:2px solid;border-left:2px solid;top:16px;left:16px}.scan-illustration:after{border-bottom:2px solid;border-right:2px solid;bottom:16px;right:16px}.scan-line{background:linear-gradient(90deg, transparent, var(--gold), transparent);height:1px;box-shadow:0 0 10px var(--gold);animation:2.4s ease-in-out infinite scan;position:absolute;top:35%;left:12%;right:12%}@keyframes scan{50%{transform:translateY(42px)}}.human-review{color:var(--green);background:#72dea40f;border-radius:10px;align-items:flex-start;gap:9px;padding:11px;display:flex;margin-top:15px!important}.human-review span,.human-review strong{display:block}.human-review span{color:#8d8a83;font-size:9px;line-height:1.45}.human-review strong{color:#b9dac8;font-size:10px}.activity-list{padding:6px 22px 10px}.activity-item{border-bottom:1px solid var(--line);grid-template-columns:30px 1fr auto;align-items:center;gap:10px;min-height:58px;display:grid}.activity-item:last-child{border-bottom:0}.activity-dot{width:23px;height:23px;color:var(--green);background:#72dea414;border-radius:50%;place-items:center;display:grid}.activity-item strong,.activity-item span{display:block}.activity-item strong{font-size:10px;font-weight:650}.activity-item div span{color:#73716c;margin-top:3px;font-size:9px}.activity-item time{color:#77746e;font-size:9px}.compliance-card{background:linear-gradient(145deg,#f2b42217,#10100e 60%);padding:24px}.compliance-icon{border:1px solid var(--line-gold);width:48px;height:48px;color:var(--gold);border-radius:13px;place-items:center;margin-bottom:20px;display:grid}.compliance-card h2{margin:5px 0 8px;font-family:Georgia,serif;font-size:23px;font-weight:500}.compliance-card p{color:#9b9890;font-size:11px;line-height:1.65}.compliance-card ul{gap:9px;margin:20px 0 0;padding:0;list-style:none;display:grid}.compliance-card li{color:#c0bdb5;align-items:center;gap:8px;font-size:10px;display:flex}.compliance-card li svg{color:var(--gold)}.employee-table{width:100%;overflow:hidden}.employee-table-head,.employee-row{grid-template-columns:minmax(230px,1.45fr) minmax(180px,1fr) minmax(130px,.8fr) 130px 34px;align-items:center;gap:14px;display:grid}.employee-table-head{border-bottom:1px solid var(--line);color:#68665f;letter-spacing:.12em;text-transform:uppercase;min-height:38px;padding:0 22px;font-size:8px;font-weight:800}.employee-row{border:0;border-bottom:1px solid var(--line);color:#bbb8b1;text-align:left;cursor:pointer;background:0 0;width:100%;min-height:68px;padding:10px 22px;transition:background .13s}.employee-row:last-child{border-bottom:0}.employee-row:hover{background:#f2b42209}.employee-row>span>strong,.employee-row>span>small{display:block}.employee-row>span>strong{color:#e9e6df;font-size:10px;font-weight:650}.employee-row>span>small{color:#77746e;margin-top:4px;font-size:9px}.employee-person{align-items:center;gap:11px;display:flex!important}.employee-person strong{font-size:11px!important}.employee-person small{letter-spacing:.08em;font-weight:750;color:var(--gold-dark)!important}.row-arrow{color:#66645f}.employee-row:hover .row-arrow{color:var(--gold)}.status{border:1px solid var(--line);color:#aaa79f;white-space:nowrap;border-radius:999px;align-items:center;gap:6px;width:max-content;padding:5px 8px;font-size:8px;font-weight:700;display:inline-flex!important}.status>span{background:currentColor;border-radius:50%;width:5px;height:5px}.status--active,.status--approved{color:var(--green);background:#72dea40d;border-color:#72dea433}.status--onboarding,.status--review,.status--processing{color:var(--gold);background:#f2b4220d;border-color:#f2b42238}.status--failed,.status--exited{color:var(--danger);background:#ff8f860a;border-color:#ff8f8633}.status--on-leave,.status--pending{color:var(--blue)}.page-intro{justify-content:space-between;align-items:flex-end;gap:30px;margin:8px 0 25px;display:flex}.page-intro h2{letter-spacing:-.035em;margin:5px 0 7px;font-family:Georgia,serif;font-size:clamp(29px,4vw,44px);font-weight:500}.page-intro p{max-width:680px;color:var(--muted);margin:0;font-size:12px;line-height:1.6}.record-count{border:1px solid var(--line);white-space:nowrap;border-radius:11px;align-items:baseline;gap:8px;padding:12px 15px;display:flex}.record-count strong{color:var(--gold);font-family:Georgia,serif;font-size:25px;font-weight:500}.record-count span{color:var(--muted);font-size:9px}.directory-panel,.document-panel{overflow:hidden}.directory-tools{border-bottom:1px solid var(--line);gap:12px;padding:17px 21px;display:flex}.search-box{border:1px solid var(--line);color:#74716a;background:#0c0c0c;border-radius:9px;flex:1;align-items:center;gap:9px;min-height:43px;padding:0 13px;display:flex}.search-box:focus-within{border-color:var(--line-gold)}.search-box input{width:100%;color:var(--paper);background:0 0;border:0;outline:0;font-size:11px}select,input,textarea{border:1px solid var(--line);color:var(--paper);background:#0c0c0c;border-radius:9px}select{min-height:43px;padding:0 35px 0 12px;font-size:10px}input,textarea{width:100%;padding:11px 12px}input{min-height:43px}textarea{resize:vertical;line-height:1.55}input::placeholder,textarea::placeholder{color:#5c5a55}.onboarding-intro{align-items:center}.stepper{align-items:flex-start;display:flex}.stepper span{border:1px solid var(--line);color:#77746e;border-radius:50%;place-items:center;width:30px;height:30px;font-size:10px;font-weight:800;display:grid}.stepper span.done{border-color:var(--gold);background:var(--gold);color:var(--ink)}.stepper span.current{border-color:var(--gold);color:var(--gold)}.stepper small{color:#85827b;margin-top:55px;font-size:8px;font-weight:650;position:absolute}.stepper i{background:var(--line);width:48px;height:1px;margin-top:15px}.intake-grid{grid-template-columns:minmax(0,1.25fr) minmax(300px,.75fr);gap:20px;display:grid}.upload-panel{padding-bottom:24px}.upload-panel>.drop-zone,.upload-panel>.select-field,.upload-panel>.form-error,.upload-panel>.button,.upload-panel>.manual-link{margin-inline:24px}.drop-zone{text-align:center;cursor:pointer;background:radial-gradient(circle,#f2b42213,#0000 66%);border:1px dashed #f2b4226b;border-radius:15px;flex-direction:column;justify-content:center;align-items:center;gap:9px;min-height:250px;margin-top:24px;padding:24px;display:flex;position:relative}.drop-zone input{opacity:0;width:1px;height:1px;position:absolute}.drop-zone strong{overflow-wrap:anywhere;max-width:90%;font-size:13px}.drop-zone small{color:#77746e;font-size:9px}.drop-zone .button{margin-top:8px}.drop-icon{border:1px solid var(--line-gold);width:58px;height:58px;color:var(--gold);background:#f2b42214;border-radius:50%;place-items:center;margin-bottom:5px;display:grid}.drop-zone--ready{background:radial-gradient(circle,#72dea414,#0000 66%);border-style:solid}.drop-zone--ready .drop-icon{color:var(--green);background:#72dea412;border-color:#72dea44d}.select-field{gap:7px;margin-top:16px;display:grid}.select-field>span,.form-section label>span{color:#9a978f;font-size:9px;font-weight:700}.manual-link{width:calc(100% - 48px);display:flex;margin-top:12px!important}.process-panel{padding:27px}.process-panel h2{margin:7px 0 22px;font-family:Georgia,serif;font-size:28px;font-weight:500}.process-panel ol{gap:18px;margin:0;padding:0;list-style:none;display:grid}.process-panel li{grid-template-columns:37px 1fr;gap:13px;display:grid}.process-panel li>span{color:var(--gold);font-family:Georgia,serif;font-size:13px}.process-panel li strong{font-size:11px;display:block}.process-panel li p{color:#85827b;margin:4px 0 0;font-size:10px;line-height:1.55}.privacy-note{color:var(--blue);background:#7ab8ff0a;border:1px solid #7ab8ff2e;border-radius:11px;gap:10px;margin-top:25px;padding:13px;display:flex}.privacy-note span,.privacy-note strong{display:block}.privacy-note span{color:#87847d;font-size:9px;line-height:1.5}.privacy-note strong{color:#a9c7e8;margin-bottom:2px;font-size:10px}.form-error{color:var(--danger);background:#ff8f860d;border:1px solid #ff8f863d;border-radius:9px;align-items:center;gap:8px;margin-top:15px;padding:11px 13px;font-size:10px;display:flex}.review-layout{grid-template-columns:minmax(0,1fr) 320px;align-items:start;gap:20px;display:grid}.review-main{gap:15px;display:grid}.extraction-banner{color:var(--green);background:#72dea40d;border:1px solid #72dea433;border-radius:11px;align-items:flex-start;gap:11px;padding:14px 16px;display:flex}.extraction-banner span,.extraction-banner strong{display:block}.extraction-banner span{color:#94918a;font-size:9px;line-height:1.5}.extraction-banner strong{color:#bad9c8;margin-bottom:2px;font-size:10px}.extraction-banner--failed{color:var(--danger);background:#ff8f860a;border-color:#ff8f8638}.form-section{padding:23px}.form-section-title{color:var(--gold);align-items:center;gap:9px;margin-bottom:18px;display:flex}.form-section-title h3{color:var(--paper);margin:0;font-family:Georgia,serif;font-size:17px;font-weight:500}.form-section label{gap:7px;display:grid}.form-section label b{color:var(--gold);margin-left:3px}.inline-select{margin-top:15px}.review-summary{position:sticky;top:112px}.summary-card{padding:23px}.proposed-id{border:1px solid var(--line-gold);color:var(--gold);background:#f2b4220e;border-radius:11px;align-items:center;gap:10px;margin:14px 0 20px;padding:13px;display:flex}.proposed-id small,.proposed-id strong{display:block}.proposed-id small{color:#89867f;font-size:8px}.proposed-id strong{color:var(--gold-light);margin-top:2px;font-size:11px}.summary-person{border-bottom:1px solid var(--line);align-items:center;gap:11px;padding-bottom:18px;display:flex}.summary-person strong,.summary-person span{display:block}.summary-person strong{font-size:12px}.summary-person span{color:var(--muted);margin-top:4px;font-size:9px}.summary-card dl{margin:12px 0 18px}.summary-card dl div{justify-content:space-between;gap:14px;padding:8px 0;display:flex}.summary-card dt,.summary-card dd{margin:0;font-size:9px}.summary-card dt{color:#77746e}.summary-card dd{color:#cac7c0;text-align:right}.confirm-note{color:#88857e;align-items:center;gap:7px;margin-bottom:12px;font-size:9px;display:flex}.confirm-note svg{color:var(--green)}.completion-card{border:1px solid var(--line-gold);background:radial-gradient(circle at 50% 10%, #f2b4221f, transparent 32%), var(--panel);text-align:center;max-width:680px;box-shadow:var(--shadow);border-radius:22px;flex-direction:column;align-items:center;margin:44px auto;padding:54px 35px;display:flex}.success-ring{width:72px;height:72px;color:var(--green);background:#72dea412;border:1px solid #72dea459;border-radius:50%;place-items:center;margin-bottom:22px;display:grid}.completion-card h2{color:var(--gold);letter-spacing:.03em;margin:7px 0;font-family:Georgia,serif;font-size:48px;font-weight:500}.completion-card p{color:var(--muted);margin:0;font-size:12px}.completion-details{flex-wrap:wrap;justify-content:center;gap:10px;margin:25px 0;display:flex}.completion-details span{border:1px solid var(--line);color:#b7b4ac;border-radius:8px;align-items:center;gap:7px;padding:9px 11px;font-size:9px;display:flex}.completion-details svg{color:var(--gold)}.document-list{overflow-x:auto}.document-head,.document-row{grid-template-columns:minmax(260px,1.5fr) minmax(130px,.7fr) minmax(180px,1fr) 120px 38px;align-items:center;gap:13px;min-width:850px;display:grid}.document-head{border-bottom:1px solid var(--line);color:#68665f;letter-spacing:.11em;text-transform:uppercase;min-height:40px;padding:0 22px;font-size:8px;font-weight:800}.document-row{border-bottom:1px solid var(--line);min-height:70px;padding:10px 22px}.document-row:last-child{border-bottom:0}.document-row>span>strong,.document-row>span>small{display:block}.document-row>span>strong{color:#dedbd4;font-size:10px}.document-row>span>small{color:#74716b;margin-top:4px;font-size:9px}.document-name{align-items:center;gap:11px;display:flex!important}.file-icon{border:1px solid var(--line-gold);width:38px;height:42px;color:var(--gold);background:#f2b4220d;border-radius:7px;flex:none;place-items:center;display:grid!important}.security-grid{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.security-feature{padding:25px}.security-feature>span{border:1px solid var(--line-gold);width:47px;height:47px;color:var(--gold);border-radius:12px;place-items:center;margin-bottom:18px;display:grid}.security-feature h3{margin:0 0 8px;font-family:Georgia,serif;font-size:20px;font-weight:500}.security-feature p{min-height:48px;color:var(--muted);margin:0 0 15px;font-size:10px;line-height:1.6}.security-feature small{color:#77746e;font-size:9px}.release-checklist{grid-template-columns:.8fr 1.2fr;gap:25px;margin-top:18px;padding:28px;display:grid}.release-checklist h2{margin:6px 0 0;font-family:Georgia,serif;font-size:26px;font-weight:500}.release-checklist ol{gap:9px;margin:0;padding:0;list-style:none;display:grid}.release-checklist li{border:1px solid var(--line);color:#aaa79f;border-radius:9px;align-items:center;gap:9px;padding:10px 12px;font-size:10px;display:flex}.release-checklist li svg{width:16px;color:var(--gold)}.employee-drawer{z-index:60;border-left:1px solid var(--line-gold);background:#0d0d0d;width:min(440px,100%);animation:.18s ease-out drawer-in;position:fixed;inset:0 0 0 auto;overflow-y:auto;box-shadow:-30px 0 70px #00000080}@keyframes drawer-in{0%{transform:translate(100%)}}.drawer-scrim{z-index:59;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#000000a3;border:0;position:fixed;inset:0}.drawer-close{z-index:1;position:absolute;top:17px;right:17px}.drawer-hero{border-bottom:1px solid var(--line);text-align:center;background:radial-gradient(circle at 50% 26%,#f2b42224,#0000 38%);flex-direction:column;justify-content:center;align-items:center;min-height:300px;padding:55px 25px 30px;display:flex}.drawer-hero .section-kicker{margin:16px 0 2px}.drawer-hero h2{margin:5px 0;font-family:Georgia,serif;font-size:30px;font-weight:500}.drawer-hero p{color:var(--muted);margin:0 0 14px;font-size:10px}.drawer-section{border-bottom:1px solid var(--line);padding:22px 25px}.drawer-section h3{margin:0 0 14px;font-family:Georgia,serif;font-size:17px;font-weight:500}.drawer-section dl{margin:0}.drawer-section dl div{border-bottom:1px solid #ffffff0b;justify-content:space-between;gap:20px;padding:9px 0;display:flex}.drawer-section dt,.drawer-section dd{margin:0;font-size:9px}.drawer-section dt{color:#74716b}.drawer-section dd{color:#d1cec7;text-align:right}.drawer-section p{margin:0;font-size:11px}.drawer-section>span{color:var(--muted);margin-top:5px;font-size:9px;display:block}.drawer-footer{color:#75726c;align-items:center;gap:8px;padding:20px 25px;font-size:9px;display:flex}.drawer-footer svg{color:var(--gold)}.empty-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:220px;padding:25px;display:flex}.empty-icon{border:1px solid var(--line-gold);width:50px;height:50px;color:var(--gold);border-radius:50%;place-items:center;margin-bottom:13px;display:grid}.empty-state h3{margin:0 0 6px;font-family:Georgia,serif;font-size:18px;font-weight:500}.empty-state p{max-width:380px;color:var(--muted);margin:0 0 15px;font-size:10px;line-height:1.55}.loading-panel{min-height:220px;color:var(--muted);justify-content:center;align-items:center;gap:9px;font-size:10px;display:flex}.spin{animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.app-loading,.auth-error{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:16px;min-height:100vh;padding:30px;display:flex}.app-loading strong{color:var(--muted);font-size:11px}.auth-error h1{margin:6px 0 0;font-family:Georgia,serif;font-weight:500}.auth-error p{color:var(--danger);margin:0}.auth-error small{color:var(--muted)}.password-gate{background:radial-gradient(circle at 50% 0,#f2b42226,#0000 34%),linear-gradient(145deg,#080808,#0d0b07);place-items:center;min-height:100vh;padding:30px 18px;display:grid}.password-card{border:1px solid var(--line-gold);background:linear-gradient(145deg,#191919fa,#0b0b0bfa);border-radius:22px;width:min(520px,100%);padding:35px;box-shadow:0 30px 90px #0000008c}.password-brand{border-bottom:1px solid var(--line);align-items:center;gap:12px;padding-bottom:24px;display:flex}.password-brand strong,.password-brand small{display:block}.password-brand strong{letter-spacing:.02em;font-family:Georgia,serif;font-size:18px}.password-brand small{color:var(--gold);letter-spacing:.15em;margin-top:5px;font-size:8px;font-weight:800}.password-icon{border:1px solid var(--line-gold);width:58px;height:58px;color:var(--gold);background:#f2b42212;border-radius:15px;place-items:center;margin:30px 0 20px;display:grid}.password-card h1{letter-spacing:-.035em;margin:8px 0 12px;font-family:Georgia,serif;font-size:clamp(30px,7vw,42px);font-weight:500;line-height:1.05}.password-card>p{color:var(--muted);margin:0 0 25px;font-size:11px;line-height:1.7}.password-card form{gap:15px;display:grid}.password-card label{gap:7px;display:grid}.password-card label span{color:#aaa79f;font-size:9px;font-weight:700}.password-rule{color:#77746e;font-size:9px;line-height:1.5}.password-assurance{border-top:1px solid var(--line);color:var(--green);align-items:center;gap:8px;margin-top:20px;padding-top:18px;display:flex}.password-assurance span{color:#8d8a83;font-size:9px}@media (width<=1120px){.metric-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid{grid-template-columns:1fr}.panel--wide{grid-column:auto}.action-panel,.compliance-card{min-height:320px}.intake-grid{grid-template-columns:1fr}.process-panel ol{grid-template-columns:repeat(2,1fr)}.review-layout{grid-template-columns:minmax(0,1fr) 285px}.employee-table-head,.employee-row{grid-template-columns:minmax(220px,1.3fr) minmax(160px,1fr) 120px 34px}.employee-table-head>:nth-child(3),.employee-row>:nth-child(3){display:none}}@media (width<=860px){:root{--sidebar:0px}.sidebar{width:280px;transition:transform .18s;transform:translate(-100%)}.sidebar--open{transform:translate(0)}.sidebar-scrim{z-index:29;background:#000000ad;border:0;display:block;position:fixed;inset:0}.sidebar-close{margin-left:auto;display:inline-grid}.main-shell{margin-left:0}.mobile-menu{display:inline-grid!important}.topbar{padding:13px 18px}.topbar-title{margin-left:12px;margin-right:auto}.connection-pill,.topbar-actions>.avatar{display:none}.page-content{padding:24px 18px 42px}.welcome-band{padding:35px 30px}.review-layout{flex-direction:column;display:flex}.review-main,.review-summary{width:100%}.review-summary{order:-1;position:static}.summary-card dl,.summary-card .confirm-note,.summary-card>.button{display:none}.summary-card{grid-template-columns:1fr 1fr;align-items:center;gap:12px;padding:18px;display:grid}.summary-card>.section-kicker{grid-column:1/-1}.proposed-id,.summary-person{border:1px solid var(--line);border-radius:9px;margin:0;padding:11px}.summary-person{padding-bottom:11px}.security-grid,.release-checklist{grid-template-columns:1fr}}@media (width<=620px){.topbar-title span{display:none}.topbar-title h1{font-size:19px}.topbar-actions .button span{display:none}.topbar-actions .button{width:40px;min-height:40px;padding:0}.welcome-band{flex-direction:column;justify-content:flex-end;align-items:flex-start;min-height:310px;padding:28px 24px}.welcome-band h2{font-size:37px}.metric-grid{grid-template-columns:1fr}.metric-card{min-height:102px}.page-intro{flex-direction:column;align-items:flex-start}.record-count{justify-content:center;align-self:stretch}.directory-tools{flex-direction:column}.employee-table-head{display:none}.employee-row{grid-template-columns:minmax(0,1fr) auto 24px;min-height:78px;padding-inline:14px}.employee-row>:nth-child(2),.employee-row>:nth-child(3){display:none}.employee-row>:nth-child(4){display:inline-flex}.activity-item{grid-template-columns:28px 1fr}.activity-item time{display:none}.process-panel ol,.form-grid{grid-template-columns:1fr}.field-wide{grid-column:auto}.stepper{align-self:center;margin:0 auto 20px}.onboarding-intro{padding-bottom:18px}.summary-card{grid-template-columns:1fr}.summary-card>.section-kicker{grid-column:auto}.completion-card{margin:10px auto;padding-inline:22px}.completion-card h2{font-size:37px}.password-card{padding:26px 22px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.connection-pill i,.status>i{background:currentColor;border-radius:50%;width:6px;height:6px;box-shadow:0 0 10px}.employee-table-head,.employee-row{grid-template-columns:minmax(240px,1.4fr) minmax(180px,1fr) minmax(130px,.8fr) 150px}.employee-row{appearance:none}.employee-row>span:last-child{justify-self:start}.toolbar{border-bottom:1px solid var(--line);color:var(--muted);justify-content:space-between;align-items:center;gap:16px;padding:18px 22px;font-size:11px;display:flex}.search-field{border:1px solid var(--line);width:min(560px,100%);color:var(--muted);border-radius:10px;align-items:center;gap:9px;padding:0 12px;display:flex}.search-field input{background:0 0;border:0}.admin-form{gap:20px;margin-bottom:20px;padding:24px;display:grid}.admin-form>.panel-head{margin:-24px -24px 0}.admin-form label,.review-modal label{gap:7px;display:grid}.admin-form label>span,.review-modal label>span,.employee-grid label>span{color:#aaa79f;font-size:9px;font-weight:750}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;display:grid}.field-wide{grid-column:1/-1}.form-grid label b{color:var(--gold);margin-left:3px}.notification-row{border:0;border-bottom:1px solid var(--line);width:100%;color:var(--gold);text-align:left;cursor:pointer;background:0 0;grid-template-columns:30px 1fr;gap:10px;padding:14px 20px;display:grid}.notification-row strong,.notification-row small{display:block}.notification-row strong{color:#e7e4dd;font-size:10px}.notification-row small{color:var(--muted);margin-top:4px;font-size:9px;line-height:1.45}.record-table{overflow:hidden}.record-head,.record-row{grid-template-columns:1.3fr .8fr .65fr 30px;align-items:center;gap:14px;display:grid}.record-head{border-bottom:1px solid var(--line);color:#6e6b65;letter-spacing:.12em;text-transform:uppercase;min-height:42px;padding:0 22px;font-size:8px;font-weight:800}.record-row{border:0;border-bottom:1px solid var(--line);color:#c6c2bb;text-align:left;background:0 0;width:100%;min-height:68px;padding:12px 22px}button.record-row{cursor:pointer}button.record-row:hover{background:#f2b42209}.record-row strong,.record-row small{display:block}.record-row strong{color:#eeeae2;font-size:10px}.record-row small{color:var(--muted);margin-top:4px;font-size:9px}.modal-layer{z-index:80;position:fixed;inset:0}.review-modal{z-index:81;border:1px solid var(--line-gold);background:#0e0e0e;border-radius:18px;width:min(720px,100% - 40px);padding:34px;position:fixed;inset:20px 20px 20px auto;overflow-y:auto;box-shadow:-20px 0 80px #0009}.small-modal{width:min(520px,100% - 40px)}.modal-close{position:absolute;top:18px;right:18px}.review-modal h2{margin:5px 0 12px;font-family:Georgia,serif;font-size:31px;font-weight:500}.application-readout{border:1px solid var(--line);background:var(--line);border-radius:12px;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;margin:22px 0;display:grid;overflow:hidden}.application-readout div{background:#111;padding:11px 13px}.application-readout dt{color:#77746e;text-transform:uppercase;font-size:8px}.application-readout dd{color:#ddd9d1;white-space:pre-wrap;margin:5px 0 0;font-size:10px}.esign-box{border:1px solid var(--line-gold);color:var(--gold);background:#f2b4220a;border-radius:12px;grid-template-columns:36px 1fr;gap:12px;margin:20px 0;padding:16px;display:grid}.esign-box p{color:var(--muted);margin:5px 0 0;font-size:9px;line-height:1.5}.esign-box .field-wide,.esign-box .checkbox-line{grid-column:1/-1}.checkbox-line{color:#aaa79f;align-items:center;gap:9px;font-size:10px;flex-direction:row!important;display:flex!important}.checkbox-line input{width:17px;height:17px;min-height:0;accent-color:var(--gold)}.button-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.button--danger{color:var(--danger);background:#ff8f860f;border-color:#ff8f864d}.button--tiny{min-height:32px;padding-inline:10px;font-size:9px}.attendance-head,.attendance-row{grid-template-columns:1.1fr .8fr .7fr 1.2fr .7fr .7fr .85fr;align-items:center;gap:10px;display:grid}.attendance-head{border-bottom:1px solid var(--line);color:#6e6b65;text-transform:uppercase;min-height:42px;padding:0 20px;font-size:8px;font-weight:800}.attendance-row{border-bottom:1px solid var(--line);color:#c6c2bb;min-height:66px;padding:10px 20px;font-size:9px}.attendance-row strong,.attendance-row small{display:block}.attendance-row small{color:#77746e;margin-top:4px}.overrun{color:var(--danger)!important}.leave-head,.leave-row{grid-template-columns:1.1fr 1.2fr .8fr .7fr 30px}.vault-table{overflow-x:auto}.vault-head,.vault-row{grid-template-columns:130px minmax(190px,1.2fr) 100px 130px 70px 55px 120px 150px 35px;align-items:center;gap:10px;min-width:1080px;display:grid}.vault-head{border-bottom:1px solid var(--line);color:#6e6b65;text-transform:uppercase;min-height:42px;padding:0 18px;font-size:8px;font-weight:800}.vault-row{border-bottom:1px solid var(--line);color:#c4c0b8;min-height:70px;padding:10px 18px;font-size:9px}.vault-row strong,.vault-row small{display:block}.vault-row small{color:#77746e;margin-top:4px}.file-picker{border:1px dashed var(--line-gold);min-height:90px;color:var(--gold);cursor:pointer;border-radius:12px;justify-content:center;align-items:center;gap:10px;display:flex!important}.file-picker input,.file-action input{opacity:0;width:1px;height:1px;position:absolute}.file-action{cursor:pointer;position:relative}.offer-head,.offer-row{grid-template-columns:1.2fr .35fr .65fr .55fr 1.4fr}.account-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:18px;display:grid}.account-card{border:1px solid var(--line);background:#ffffff05;border-radius:12px;grid-template-columns:42px 1fr auto;align-items:center;gap:12px;padding:15px;display:grid}.account-card strong,.account-card span,.account-card small{display:block}.account-card strong{font-size:11px}.account-card span{color:var(--muted);margin-top:3px;font-size:9px}.account-card small{color:var(--gold);margin-top:3px;font-size:8px}.account-card .text-button{grid-column:2/-1;justify-self:start}.employee-record-page{width:min(1460px,100%);margin:0 auto;padding:30px 34px 52px}.record-page-title{justify-content:space-between;align-items:end;gap:20px;margin-bottom:22px;display:flex}.record-page-title h2{margin:8px 0 3px;font-family:Georgia,serif;font-size:38px;font-weight:500}.record-page-title p{color:var(--muted);margin:0}.employee-record-hero{border:1px solid var(--line-gold);background:linear-gradient(110deg,#151007,#131313 62%,#19130a);border-radius:17px 17px 0 0;overflow:hidden}.record-identity{grid-template-columns:75px 1fr auto;align-items:center;gap:16px;padding:26px;display:grid}.record-identity span,.record-identity strong,.record-identity small{display:block}.record-identity span{color:var(--gold);letter-spacing:.12em;font-size:8px;font-weight:800}.record-identity strong{font-family:Georgia,serif;font-size:27px;font-weight:500}.record-identity small{color:#ddd9d1}.record-tabs{border-top:1px solid var(--line);background:#0e0e0e;display:flex;overflow-x:auto}.record-tabs button{color:#aaa79f;cursor:pointer;background:0 0;border:0;border-bottom:3px solid #0000;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:8px;min-width:130px;min-height:98px;padding:13px;display:flex}.record-tabs button svg{width:23px;height:23px}.record-tabs button strong{font-size:9px}.record-tabs button.active{border-bottom-color:var(--gold);color:var(--gold-light);background:#f2b4220f}.employee-record-body{border:1px solid var(--line);background:#0a0a0a;border-top:0;border-radius:0 0 17px 17px;min-height:360px;padding:22px}.record-info-grid{grid-template-columns:1fr 1fr;gap:18px;display:grid}.record-info-grid .panel{padding:24px}.record-info-grid h2{margin:5px 0 20px;font-family:Georgia,serif;font-weight:500}.detail-list{margin:0}.detail-list div{border-bottom:1px solid var(--line);justify-content:space-between;gap:20px;padding:11px 0;display:flex}.detail-list dt{color:#77746e;font-size:9px}.detail-list dd{color:#e1ded7;text-align:right;margin:0;font-size:10px}.record-action-bar{justify-content:space-between;align-items:end;gap:20px;margin-bottom:16px;display:flex}.record-action-bar h2{margin:5px 0 0;font-family:Georgia,serif;font-weight:500}.employee-portal{background:radial-gradient(circle at 70% -10%,#f2b4221a,#0000 32%),#090909;min-height:100vh}.employee-topbar{z-index:30;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#080808f0;grid-template-columns:auto 1fr auto;align-items:center;gap:24px;min-height:88px;padding:10px 28px;display:grid;position:sticky;top:0}.employee-brand{align-items:center;gap:10px;display:flex}.employee-brand .company-logo{width:92px;height:66px}.employee-brand strong,.employee-brand small{display:block}.employee-brand strong{font-family:Georgia,serif}.employee-brand small{color:var(--gold);font-size:9px;font-weight:800}.employee-topbar nav{justify-content:center;gap:5px;display:flex}.employee-topbar nav button{color:#99968f;cursor:pointer;background:0 0;border:0;border-radius:9px;align-items:center;gap:7px;padding:10px 13px;font-size:10px;font-weight:750;display:flex}.employee-topbar nav button.active{color:var(--gold-light);background:#f2b4221a}.employee-main{width:min(1180px,100%);margin:0 auto;padding:30px 24px 55px}.employee-main>*+*{margin-top:20px}.employee-welcome{justify-content:space-between;align-items:end;gap:20px;display:flex}.employee-welcome h1{margin:5px 0;font-family:Georgia,serif;font-size:43px;font-weight:500}.employee-welcome p{color:var(--muted);margin:0}.attendance-console{border:1px solid var(--line-gold);box-shadow:var(--shadow);background:linear-gradient(120deg,#181208,#101010 56%,#0b0b0b);border-radius:17px;padding:24px}.attendance-summary h2{margin:5px 0;font-family:Georgia,serif;font-size:29px;font-weight:500}.attendance-summary p{color:var(--muted);margin:0}.attendance-summary>strong{color:var(--green);margin-top:8px;display:block}.attendance-actions{grid-template-columns:repeat(4,1fr);gap:10px;margin-top:20px;display:grid}.attendance-actions button{border:1px solid var(--line);min-height:80px;color:var(--gold);text-align:left;cursor:pointer;background:#ffffff06;border-radius:12px;align-items:center;gap:11px;padding:14px;display:flex}.attendance-actions button:disabled{opacity:.35;cursor:not-allowed}.attendance-actions strong,.attendance-actions small{display:block}.attendance-actions strong{color:#ece8e0;font-size:10px}.attendance-actions small{color:#77746e;margin-top:4px;font-size:8px}.submitted-card{color:var(--gold);grid-template-columns:45px 1fr auto;align-items:center;gap:16px;padding:25px;display:grid}.submitted-card h2{margin:4px 0;font-family:Georgia,serif;font-weight:500}.submitted-card p{color:var(--muted);margin:0;font-size:10px}.employee-grid{grid-template-columns:.85fr 1.15fr;gap:18px;display:grid}.employee-grid>*{padding:24px}.employee-grid h2{margin:5px 0 20px;font-family:Georgia,serif;font-weight:500}.employee-grid form{gap:15px;display:grid}.leave-history{border-bottom:1px solid var(--line);justify-content:space-between;align-items:start;gap:20px;padding:15px 0;display:flex}.leave-history strong,.leave-history span,.leave-history small{display:block}.leave-history strong{font-size:10px}.leave-history span{color:var(--gold);margin-top:4px;font-size:9px}.leave-history small{color:var(--muted);margin-top:4px;font-size:9px}.leave-history>div:last-child{justify-items:end;gap:5px;display:grid}.official-form{border:1px solid var(--line-gold);background:#121212;border-radius:18px;overflow:hidden}.exact-form-intro{border-bottom:1px solid var(--line);justify-content:space-between;align-items:end;gap:20px;padding:22px;display:flex}.exact-form-intro h2{margin:4px 0;font-family:Georgia,serif;font-weight:500}.exact-form-intro p{color:var(--muted);margin:0;font-size:10px}.correction-banner{color:var(--danger);background:#ff8f860f;border-bottom:1px solid #ff8f8640;gap:12px;padding:16px 22px;display:flex}.correction-banner p{color:#c7a19d;margin:5px 0 0;font-size:10px}.pdf-scroll{background:#292929;min-height:500px;padding:22px;overflow:auto}.pdf-page-shell{transform-origin:top;background:#fff;margin:0 auto;position:relative;box-shadow:0 18px 45px #00000073}.pdf-page-shell canvas{display:block;position:absolute;inset:0}.pdf-widget{z-index:2;color:#111;resize:none;background:#fffae1d1;border:1px solid #b87a0880;border-radius:1px;min-height:0;padding:1px 3px;font-family:Arial,sans-serif;font-size:10px;position:absolute}.pdf-widget:focus{outline-offset:0;background:#fff;outline:2px solid #e6a91c}.pdf-choice{z-index:3;cursor:pointer;place-items:center;display:grid;position:absolute}.pdf-choice input{opacity:0;width:1px;height:1px;min-height:0;position:absolute}.pdf-choice span{background:#fffae1bf;border:1px solid #b87a08b3;width:min(75%,16px);height:min(75%,16px)}.pdf-choice input:checked+span{background:#e6a91c;box-shadow:inset 0 0 0 3px #fff}.pdf-signature-note{z-index:2;color:#6c5a2b;text-align:center;background:#fffae1c7;border:1px dashed #9e760f;place-items:center;font-size:7px;display:grid;position:absolute;overflow:hidden}.optional-uploads{border-top:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:10px;padding:18px 22px;display:flex}.optional-uploads>div{flex:1;min-width:240px}.optional-uploads strong,.optional-uploads p{margin:0;display:block}.optional-uploads p{color:var(--muted);margin-top:4px;font-size:9px}.uploaded-chips{flex-wrap:wrap;gap:7px;padding:0 22px 16px;display:flex}.uploaded-chips span{border:1px solid var(--line);color:#aaa79f;border-radius:999px;align-items:center;gap:6px;padding:7px 9px;font-size:8px;display:flex}.form-footer{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding:18px 22px;display:flex}.form-footer>span{gap:5px;display:flex}.form-footer>span button{border:1px solid var(--line);color:#77746e;cursor:pointer;background:0 0;border-radius:50%;width:28px;height:28px}.form-footer>span button.active{border-color:var(--gold);background:var(--gold);color:#111}.filter-row{flex-wrap:wrap;align-items:end;gap:12px;display:flex}.filter-row label{min-width:190px}.filter-row label>span{color:#77746e;text-transform:uppercase;margin-bottom:7px;font-size:8px;font-weight:800;display:block}.attendance-summary-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin-bottom:16px;display:grid}.attendance-summary-grid article{border:1px solid var(--line);background:linear-gradient(145deg,#151515,#101010);border-radius:12px;padding:16px}.attendance-summary-grid span,.attendance-summary-grid strong{display:block}.attendance-summary-grid span{color:#77746e;text-transform:uppercase;font-size:8px;font-weight:800}.attendance-summary-grid strong{color:#e6e1d8;margin-top:8px;font-family:Georgia,serif;font-size:19px;font-weight:500}.holiday-head,.holiday-row{grid-template-columns:.75fr 1.5fr .75fr 1.2fr}.payroll-head,.payroll-row{grid-template-columns:1.25fr .9fr .7fr .85fr .6fr 30px}.payroll-row{text-align:left;cursor:pointer;background:0 0;border:0;width:100%}.payroll-editor{margin-bottom:18px}.payroll-rule{border:1px solid var(--line-gold);color:var(--gold);background:#f2b4220a;border-radius:12px;align-items:center;gap:12px;padding:14px 16px;display:flex}.payroll-rule strong,.payroll-rule span{display:block}.payroll-rule strong{font-size:10px}.payroll-rule span{color:var(--muted);margin-top:4px;font-size:9px}.payroll-calculation{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.payroll-calculation span{border:1px solid var(--line);color:#77746e;text-transform:uppercase;border-radius:10px;padding:14px;font-size:8px;font-weight:800}.payroll-calculation strong{color:var(--gold-light);text-transform:none;margin-top:7px;font-family:Georgia,serif;font-size:20px;font-weight:500;display:block}.success-note{color:var(--green);background:#67dfa60f;border:1px solid #67dfa640;border-radius:10px;align-items:center;gap:8px;padding:12px;font-size:10px;display:flex}.employee-notice-grid{grid-template-columns:1fr 1fr;gap:18px;display:grid}.holiday-employee-row{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:14px;padding:13px 0;display:flex}.holiday-employee-row strong,.holiday-employee-row span{display:block}.holiday-employee-row strong{font-size:10px}.holiday-employee-row span{color:var(--muted);margin-top:4px;font-size:9px}@media (width<=1120px){.attendance-head,.attendance-row{grid-template-columns:1.1fr .8fr .7fr 1fr .7fr .8fr}.attendance-head>:nth-child(6),.attendance-row>:nth-child(6){display:none}.attendance-actions{grid-template-columns:repeat(2,1fr)}.account-grid{grid-template-columns:1fr}.attendance-summary-grid{grid-template-columns:repeat(3,1fr)}}@media (width<=860px){.employee-topbar{grid-template-columns:1fr auto}.employee-topbar nav{z-index:40;border-top:1px solid var(--line);background:#0b0b0b;padding:8px;position:fixed;bottom:0;left:0;right:0}.employee-topbar .user-card{display:none}.employee-main{padding-inline:15px;padding-bottom:100px}.record-info-grid,.employee-grid,.employee-notice-grid{grid-template-columns:1fr}.record-page-title{flex-direction:column;align-items:start}.employee-record-page{padding:22px 15px 45px}.record-tabs button{min-width:110px}.vault-table,.record-table{overflow-x:auto}.leave-head,.leave-row,.offer-head,.offer-row,.holiday-head,.holiday-row,.payroll-head,.payroll-row{min-width:820px}}@media (width<=620px){.form-grid,.application-readout{grid-template-columns:1fr}.field-wide{grid-column:auto}.attendance-actions{grid-template-columns:1fr 1fr}.attendance-actions button{min-height:70px}.employee-welcome h1{font-size:34px}.attendance-summary-grid,.payroll-calculation{grid-template-columns:1fr 1fr}.record-identity{grid-template-columns:58px 1fr}.record-identity .status{grid-column:1/-1}.record-tabs button{min-width:92px}.review-modal{width:calc(100% - 16px);padding:24px 18px;inset:8px}.form-footer{flex-direction:column;align-items:stretch}.form-footer>span{order:-1;justify-content:center}.pdf-scroll{padding:10px}.pdf-page-shell{zoom:.72}}
