:root{--ink:#111817;--muted:#63706d;--line:#dce2df;--paper:#f4f6f5;--panel:#fff;--red:#ed1c24;--red-dark:#c71219;--green:#15704d;--mint:#e4f4ec;--amber:#a76700;--blue:#155e91}*{box-sizing:border-box}html,body{background:var(--paper);min-height:100%;color:var(--ink);letter-spacing:0;margin:0;font-family:Arial,Helvetica,sans-serif}button,input,select,textarea{font:inherit}button{cursor:pointer}.authPage{background:#fff;grid-template-columns:minmax(360px,.9fr) minmax(480px,1.1fr);min-height:100vh;display:grid}.authBrand{color:#fff;background:#111817;flex-direction:column;justify-content:center;padding:clamp(40px,7vw,100px);display:flex;position:relative;overflow:hidden}.authBrand:after{content:"";background:linear-gradient(135deg,#0000 40%,#ffffff09);height:45%;position:absolute;inset:auto -20% -24% 20%;transform:skewY(-8deg)}.brandLogo{object-fit:contain;object-position:left center;z-index:1;width:min(310px,78%);height:auto;margin-bottom:70px;position:relative}.authBrand>p{color:#ff4b51;text-transform:uppercase;letter-spacing:1.5px;margin:0 0 14px;font-size:12px;font-weight:800}.authBrand h1{z-index:1;max-width:680px;margin:0 0 32px;font-size:clamp(36px,4.6vw,66px);line-height:1.02;position:relative}.authBrand ul{color:#d2d9d7;gap:14px;margin:10px 0 0;padding:0;list-style:none;display:grid}.authBrand li:before{content:"";background:var(--red);width:7px;height:7px;margin:0 12px 2px 0;display:inline-block}.authAssurance{color:#c9d1cf;align-items:center;gap:10px;max-width:500px;display:flex}.authPanel{flex-direction:column;justify-content:center;width:100%;max-width:760px;padding:clamp(40px,8vw,120px);display:flex}.authPanelHeading{align-items:center;gap:15px;margin-bottom:35px;display:flex}.authPanelHeading>svg{color:var(--red)}.authPanelHeading span,.panelTitle span{letter-spacing:1.2px;color:var(--red);font-size:11px;font-weight:900}.authPanelHeading h2,.panelTitle h2{margin:4px 0 0;font-size:28px}.stackedForm{gap:18px;display:grid}.stackedForm label{color:#394441;gap:8px;font-size:13px;font-weight:700;display:grid}.stackedForm input,.stackedForm select,.stackedForm textarea,.decisionActions input{min-height:48px;color:var(--ink);resize:none;background:#fff;border:1px solid #c9d1ce;border-radius:4px;outline:none;padding:13px 14px}.stackedForm input:focus,.stackedForm select:focus,.stackedForm textarea:focus{border-color:#1d2926;box-shadow:0 0 0 2px #11181714}.stackedForm small{color:#7a8582;font-weight:400}.formSplit{grid-template-columns:1fr 1fr;gap:14px;display:grid}.primaryButton,.quietButton{border:0;border-radius:3px;justify-content:center;align-items:center;gap:9px;min-height:46px;padding:0 18px;font-weight:800;display:inline-flex}.primaryButton{background:var(--red);color:#fff}.primaryButton:hover{background:var(--red-dark)}.primaryButton:disabled{opacity:.55;cursor:wait}.quietButton{color:#1b2422;background:#fff;border:1px solid #cbd3d0}.textButton{color:#56625f;background:0 0;border:0;font-weight:700}.formError{color:#9d171c;border-left:3px solid var(--red);background:#fdebed;margin:0;padding:11px 13px;font-size:13px}.formIntro{color:var(--muted)}.developmentCode{color:#745000;background:#fff5d9;padding:12px}.codeInput{text-align:center;letter-spacing:8px!important;font-size:25px!important}.checkRow{align-items:center;grid-template-columns:20px 1fr!important}.checkRow input{width:18px;height:18px;min-height:auto;padding:0}.portalShell{grid-template-columns:250px minmax(0,1fr);min-height:100vh;display:grid}.portalSidebar{color:#fff;z-index:20;background:#111817;flex-direction:column;height:100vh;min-height:100vh;display:flex;position:sticky;top:0}.portalIdentity{border-bottom:1px solid #29312f;align-items:center;gap:12px;min-height:98px;padding:20px 18px;display:flex}.portalIdentity>img{object-fit:contain;object-position:left center;width:92px;height:46px}.portalIdentity strong,.portalIdentity span{display:block}.portalIdentity strong{font-size:17px}.portalIdentity span{color:#8f9b98;margin-top:2px;font-size:11px}.portalNavigation{gap:5px;padding:18px 12px;display:grid}.portalNavigation button{color:#b8c1bf;text-align:left;background:0 0;border:0;border-radius:3px;align-items:center;gap:12px;min-height:44px;padding:0 12px;display:flex}.portalNavigation button:hover,.portalNavigation button.is-active{color:#fff;background:#202a27}.portalNavigation button.is-active{box-shadow:inset 3px 0 var(--red)}.portalNavigation button span{flex:1}.portalNavigation button b{background:var(--red);border-radius:50%;place-items:center;min-width:23px;height:23px;font-size:11px;display:grid}.portalUser{border-top:1px solid #29312f;grid-template-columns:40px 1fr 32px;align-items:center;gap:10px;margin-top:auto;padding:16px;display:grid}.portalUser strong,.portalUser span{display:block}.portalUser strong{font-size:13px}.portalUser span{color:#8f9b98;text-transform:capitalize;margin-top:3px;font-size:10px}.portalUser button{color:#9aa5a2;background:0 0;border:0;padding:6px}.avatar{color:#202a27;background:#eff2f1;border-radius:50%;place-items:center;width:40px;height:40px;font-weight:900;display:grid}.avatar.small{flex:none;width:36px;height:36px;font-size:12px}.portalMain{min-width:0}.portalTopbar{border-bottom:1px solid var(--line);z-index:15;background:#fff;justify-content:space-between;align-items:center;height:76px;padding:0 30px;display:flex;position:sticky;top:0}.portalTopbar>div:first-of-type span,.portalTopbar>div:first-of-type strong{display:block}.portalTopbar>div:first-of-type span{color:var(--red);text-transform:uppercase;font-size:10px;font-weight:900}.portalTopbar>div:first-of-type strong{margin-top:3px;font-size:18px}.topbarActions{gap:9px;display:flex}.menuButton{background:0 0;border:0;display:none}.portalContent{max-width:1700px;margin:0 auto;padding:34px}.pageIntro{justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:28px;display:flex}.pageIntro.compact{align-items:center}.eyebrow,.panelHeading span{color:var(--red);letter-spacing:1.3px;font-size:10px;font-weight:900}.pageIntro h1{margin:7px 0 6px;font-size:38px}.pageIntro p{color:var(--muted);margin:0}.availabilityBadge{color:#fff;background:#111817;grid-template-columns:1fr auto;align-items:end;min-width:155px;padding:18px 22px;display:grid}.availabilityBadge span{color:#9eaaa7;grid-column:1/-1;font-size:9px}.availabilityBadge strong{font-size:34px;line-height:1}.availabilityBadge small{color:#b8c1bf;font-size:11px}.metricGrid{background:var(--line);border:1px solid var(--line);grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;margin-bottom:24px;display:grid}.metricGrid button{text-align:left;background:#fff;border:0;grid-template-columns:1fr auto;min-height:150px;padding:20px;display:grid}.metricGrid svg{color:var(--red)}.metricGrid span{color:var(--muted);align-self:center;font-size:12px;font-weight:700}.metricGrid strong{grid-column:1/-1;font-size:34px}.metricGrid small{color:#7a8582;grid-column:1/-1}.dashboardColumns{grid-template-columns:1.15fr .85fr;gap:20px;display:grid}.contentPanel{border:1px solid var(--line);background:#fff}.panelHeading{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;min-height:78px;padding:18px 20px;display:flex}.panelHeading h2{margin:4px 0 0;font-size:19px}.panelHeading button{background:0 0;border:0;align-items:center;gap:6px;font-size:12px;font-weight:800;display:flex}.panelContext{color:var(--muted);border-bottom:1px solid var(--line);margin:0;padding:0 20px 14px;line-height:1.5}.availabilityRow,.taskRow{border-bottom:1px solid #edf0ef;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:11px;min-height:76px;padding:14px 20px;display:grid}.availabilityRow strong,.availabilityRow span,.taskRow strong,.taskRow span{display:block}.availabilityRow span,.taskRow span{color:var(--muted);margin-top:4px;font-size:12px}.availabilityRow>b{color:var(--amber);font-size:11px}.taskRow{text-align:left;background:#fff;border-width:0 0 1px;width:100%}.statusIcon{width:36px;height:36px;color:var(--green);background:#edf4f1;place-items:center;display:grid}.statusIcon svg{width:17px}.statusIcon.warning{color:var(--amber);background:#fff3df}.emptyState{color:#8a9592;align-items:center;gap:14px;padding:34px 22px;display:flex}.emptyState>svg{width:30px}.emptyState strong,.emptyState span{display:block}.emptyState strong{color:#44504d}.emptyState span{margin-top:4px;font-size:12px}.tableToolbar{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.tableToolbar>span{color:var(--muted);font-size:12px}.searchBox{border:1px solid var(--line);background:#fff;align-items:center;gap:10px;min-width:min(480px,100%);min-height:46px;padding:0 14px;display:flex}.searchBox input{border:0;outline:0;width:100%}.peopleTable{border:1px solid var(--line);background:#fff}.tableHeader,.personRow{grid-template-columns:1.4fr 1.25fr 1.3fr .55fr 20px;align-items:center;gap:18px;padding:0 18px;display:grid}.tableHeader{color:#61706c;text-transform:uppercase;background:#edf1ef;height:42px;font-size:9px;font-weight:900}.personRow{text-align:left;background:#fff;border:0;border-top:1px solid #edf0ef;width:100%;min-height:72px}.personRow:hover{background:#f8faf9}.personRow>div:first-child{align-items:center;gap:11px;display:flex}.personRow strong,.personRow small{overflow-wrap:anywhere;display:block}.personRow strong{font-size:13px}.personRow small{color:var(--muted);margin-top:4px;font-size:10px}.statusPill{text-transform:uppercase;color:#56615e;background:#ecefed;border-radius:2px;padding:6px 8px;font-size:9px;display:inline-flex}.statusPill.active,.statusPill.approved,.statusPill.returned{color:var(--green);background:var(--mint)}.statusPill.candidate,.statusPill.pending,.statusPill.open{color:var(--amber);background:#fff3dc}.statusPill.declined,.statusPill.inactive{color:#9f1c22;background:#fbeaec}.requestList{gap:12px;display:grid}.requestCard{border:1px solid var(--line);background:#fff;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:24px;padding:20px;display:grid}.requestCard h3{margin:10px 0 5px}.requestCard p{color:#46514e;margin:0 0 7px}.requestCard small{color:var(--muted)}.decisionActions{grid-template-columns:minmax(180px,1fr) auto auto;gap:8px;display:grid}.decisionActions button{background:var(--green);color:#fff;border:0;align-items:center;gap:5px;padding:0 12px;font-weight:800;display:flex}.decisionActions button.decline{color:#9f1c22;background:#fff;border:1px solid #efc9cb}.decisionSummary{color:var(--muted);max-width:260px;font-size:12px}.privateNote,.auditNote{color:#40504b;background:#f1f5f3;gap:9px;margin-top:14px;padding:12px;font-size:12px;display:flex}.privateNote b,.privateNote span,.auditNote b,.auditNote span{display:block}.privateNote b,.auditNote b{margin-bottom:3px}.tileGrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.documentTile,.noticeTile{border:1px solid var(--line);background:#fff;min-height:165px;padding:20px}.documentTile{grid-template-columns:36px 1fr;gap:13px;display:grid}.documentTile>svg{color:var(--red)}.documentTile span,.noticeTile>span{color:var(--red);text-transform:uppercase;font-size:9px;font-weight:900}.documentTile h3,.noticeTile h3{margin:8px 0;font-size:17px}.documentTile p,.noticeTile p{color:var(--muted);font-size:12px;line-height:1.45}.documentTile>b{color:var(--amber);grid-column:1/-1;align-self:end;font-size:9px}.adminMetrics{border:1px solid var(--line);background:var(--line);grid-template-columns:repeat(4,1fr);gap:1px;margin-bottom:20px;display:grid}.adminMetrics div{background:#fff;padding:18px}.adminMetrics span,.adminMetrics strong{display:block}.adminMetrics span{color:var(--muted);text-transform:uppercase;font-size:10px;font-weight:800}.adminMetrics strong{margin-top:8px;font-size:28px}.candidateRow{text-align:left;background:#fff;border:0;border-bottom:1px solid #edf0ef;grid-template-columns:38px minmax(0,1fr) auto 20px;align-items:center;gap:12px;width:100%;min-height:70px;padding:12px 18px;display:grid}.candidateRow div:nth-child(2)>strong,.candidateRow div:nth-child(2)>span{display:block}.candidateRow div:nth-child(2)>span{color:var(--muted);margin-top:4px;font-size:11px}.candidateRow>b{color:#7b8783;font-size:9px}.panelScrim{z-index:50;background:#060c0a94;justify-content:flex-end;display:flex;position:fixed;inset:0}.actionPanel{background:#fff;width:min(600px,100%);height:100%;padding:32px;position:relative;overflow:auto;box-shadow:-18px 0 60px #0003}.panelClose{border:1px solid var(--line);background:#fff;place-items:center;width:40px;height:40px;display:grid;position:absolute;top:20px;right:20px}.panelTitle{border-bottom:1px solid var(--line);align-items:flex-start;gap:13px;margin-bottom:25px;padding:10px 55px 25px 0;display:flex}.panelTitle>svg{color:var(--red)}.panelTitle p{color:var(--muted);margin:8px 0 0;font-size:12px;line-height:1.45}.mobileScrim{display:none}@media (max-width:1050px){.metricGrid{grid-template-columns:1fr 1fr}.dashboardColumns{grid-template-columns:1fr}.tileGrid{grid-template-columns:1fr 1fr}.tableHeader,.personRow{grid-template-columns:1.2fr 1fr 1fr .5fr 18px}.portalShell{grid-template-columns:220px minmax(0,1fr)}.topbarActions .quietButton{display:none}}@media (max-width:760px){.authPage{grid-template-columns:1fr}.authBrand{min-height:330px;padding:34px 24px}.brandLogo{margin-bottom:44px}.authBrand h1{font-size:38px}.authPanel{padding:38px 24px}.portalShell{display:block}.portalSidebar{width:250px;transition:left .2s;position:fixed;left:-260px}.portalSidebar.is-open{left:0}.mobileScrim{z-index:18;background:#00000073;border:0;display:block;position:fixed;inset:0}.portalTopbar{height:68px;padding:0 14px}.menuButton{display:block}.portalTopbar>div:first-of-type{flex:1;padding-left:8px}.topbarActions .primaryButton{width:44px;padding:0;font-size:0}.portalContent{padding:22px 14px}.pageIntro{align-items:flex-start}.pageIntro h1{font-size:30px}.availabilityBadge{display:none}.metricGrid{grid-template-columns:1fr 1fr}.metricGrid button{min-height:130px;padding:15px}.dashboardColumns{gap:14px}.tableToolbar{display:block}.tableToolbar>span{margin-top:8px;display:block}.tableHeader{display:none}.personRow{grid-template-columns:minmax(0,1fr) auto;gap:12px;padding:12px}.personRow>span:first-of-type,.personRow>span:nth-of-type(2){grid-column:1;padding-left:47px}.personRow>span:nth-of-type(3){grid-area:1/2}.personRow>svg{grid-area:2/2/4}.requestCard{grid-template-columns:1fr}.decisionActions{grid-template-columns:1fr 1fr}.decisionActions input{grid-column:1/-1}.tileGrid{grid-template-columns:1fr}.adminMetrics{grid-template-columns:1fr 1fr}.candidateRow{grid-template-columns:38px minmax(0,1fr) 18px}.candidateRow>b{display:none}.formSplit{grid-template-columns:1fr}.actionPanel{padding:24px 18px}.absenceCard .decisionSummary{max-width:none}.pageIntro.compact>.primaryButton{width:46px;padding:0;font-size:0}}
