:root{--ink:#17231e;--muted:#718078;--line:#e6ebe7;--surface:#fff;--canvas:#f4f6f3;--green:#173f35;--green-2:#245e4f;--mint:#dcebe5;--violet:#6c5ec5;--orange:#c47443;--blue:#3f75a8;--shadow:0 12px 36px #1931280f}*{box-sizing:border-box}html{background:var(--canvas);color:var(--ink)}body{background:var(--canvas);color:var(--ink);margin:0;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit}.app-shell{grid-template-columns:248px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{z-index:20;color:#eef7f2;background:var(--green);flex-direction:column;width:248px;padding:28px 18px 20px;display:flex;position:fixed;inset:0 auto 0 0}.brand{align-items:center;gap:11px;padding:0 10px 30px;display:flex}.brand-mark{width:39px;height:39px;color:var(--green);letter-spacing:-.06em;background:#d8eee5;border-radius:12px;flex:none;place-items:center;font-size:18px;font-weight:800;display:inline-grid}.brand-name{color:#f5faf7;letter-spacing:-.02em;font-size:18px;font-weight:750}.brand-name span{color:#85a89a}.nav-label{color:#75998b;letter-spacing:.14em;text-transform:uppercase;margin:7px 13px 9px;font-size:10px;font-weight:750}.side-nav{flex-direction:column;gap:4px;display:flex}.nav-item{color:#a9c1b8;cursor:pointer;text-align:left;background:0 0;border:0;border-radius:10px;align-items:center;gap:12px;width:100%;padding:11px 12px;font-size:13px;font-weight:600;transition:all .18s;display:flex}.nav-item:hover{color:#fff;background:#ffffff0e}.nav-item.active{color:#fff;background:#dff2ea1f;box-shadow:inset 3px 0 #b8dfd0}.nav-icon{color:#8fb2a4;border-radius:7px;place-items:center;width:24px;height:24px;font-size:18px;display:grid}.nav-item.active .nav-icon{color:#dff2eb}.nav-count{color:#1f4439;text-align:center;background:#cfe6dd;border-radius:20px;min-width:21px;margin-left:auto;padding:2px 6px;font-size:10px}.sidebar-bottom{margin-top:auto}.help-card{background:#ffffff09;border:1px solid #ffffff14;border-radius:12px;align-items:center;gap:10px;margin:0 4px 14px;padding:12px;display:flex}.help-icon{color:#d8e9e2;background:#ffffff1a;border-radius:8px;place-items:center;width:28px;height:28px;font-weight:700;display:grid}.help-card strong,.user-card strong{color:#eff8f4;font-size:11px;display:block}.help-card small,.user-card small{color:#789b8e;margin-top:3px;font-size:9px;display:block}.user-card{border-top:1px solid #ffffff14;align-items:center;gap:10px;padding:15px 5px 0;display:flex}.user-copy{flex:1;min-width:0}.user-copy strong,.user-copy small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.avatar{color:#fff;letter-spacing:.03em;border-radius:11px;flex:none;place-items:center;width:36px;height:36px;font-size:10px;font-weight:750;display:inline-grid}.avatar-dark{color:#e5f2ed;background:#355d50}.logout-button{color:#789b8e;cursor:pointer;background:0 0;border:0;font-size:20px;transform:rotate(180deg)}.logout-button:hover{color:#fff}.main-content{grid-column:2;min-width:0}.topbar{z-index:10;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fafbf9eb;justify-content:space-between;align-items:center;gap:20px;height:76px;padding:0 38px;display:flex;position:sticky;top:0}.mobile-brand{align-items:center;gap:8px;display:none}.search-box{color:#8d9992;background:#fff;border:1px solid #e1e6e2;border-radius:10px;align-items:center;gap:9px;width:min(420px,46vw);height:40px;padding:0 12px;display:flex}.search-box input{width:100%;color:var(--ink);background:0 0;border:0;outline:0;font-size:12px}.search-box input::placeholder{color:#98a39d}.search-box kbd{color:#99a49f;white-space:nowrap;background:#f7f8f6;border:1px solid #e1e6e2;border-radius:5px;padding:2px 5px;font-size:9px}.top-actions{align-items:center;gap:12px;display:flex}.environment-pill{color:#547066;background:#f5f9f7;border:1px solid #dde6e0;border-radius:999px;align-items:center;gap:7px;padding:7px 10px;font-size:10px;font-weight:650;display:inline-flex}.environment-pill i{background:#4da479;border-radius:50%;width:6px;height:6px;box-shadow:0 0 0 3px #d9eee4}.icon-button{cursor:pointer;background:#fff;border:1px solid #e0e6e2;border-radius:10px;width:36px;height:36px;position:relative}.icon-button b{background:#cf7156;border:1px solid #fff;border-radius:50%;width:6px;height:6px;position:absolute;top:7px;right:8px}.page-wrap{max-width:1440px;margin:0 auto;padding:35px 38px 55px}.page-heading{justify-content:space-between;align-items:flex-end;gap:20px;min-height:66px;margin-bottom:27px;display:flex}.page-heading p,.eyebrow{color:#839087;letter-spacing:.12em;text-transform:uppercase;margin:0 0 6px;font-size:10px;font-weight:750}.page-heading h1{letter-spacing:-.045em;margin:0;font-family:Georgia,Times New Roman,serif;font-size:clamp(31px,3vw,43px);font-weight:500;line-height:1}.page-heading h1 span{color:#5e8d7b}.primary-button,.secondary-button{color:#fff;background:var(--green);cursor:pointer;border:0;border-radius:10px;min-height:40px;padding:0 16px;font-size:11px;font-weight:700;box-shadow:0 6px 15px #173f3524}.primary-button:hover{background:#205246}.primary-button.full{width:100%}.secondary-button{color:#46584f;box-shadow:none;background:#fff;border:1px solid #dfe5e1}.stats-grid{grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:16px;display:grid}.stat-card{border:1px solid var(--line);background:var(--surface);border-radius:14px;min-width:0;padding:18px 18px 17px 66px;position:relative;box-shadow:0 4px 16px #18322806}.stat-symbol{border-radius:10px;place-items:center;width:36px;height:36px;font-weight:750;display:grid;position:absolute;top:18px;left:17px}.stat-symbol.violet{color:#6659b7;background:#eeebfb}.stat-symbol.orange{color:#b56a3d;background:#f8ebe2}.stat-symbol.green{color:#347761;background:#e2f1eb}.stat-symbol.blue{color:#3f73a4;background:#e5eff7}.stat-card p{color:#7b8981;margin:0 0 7px;font-size:10px;font-weight:650}.stat-card strong{letter-spacing:-.04em;margin-bottom:4px;font-family:Georgia,serif;font-size:27px;font-weight:500;line-height:1;display:block}.stat-card small{color:#98a29d;white-space:nowrap;font-size:9px}.panel{border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow);border-radius:15px}.overview-grid{grid-template-columns:minmax(0,1.35fr) minmax(320px,.8fr);gap:16px;margin-bottom:16px;display:grid}.payroll-spotlight,.activity-panel,.team-panel,.requests-panel,.balance-card,.report-chart,.department-card,.role-panel,.security-card{padding:23px}.panel-heading{justify-content:space-between;align-items:flex-start;gap:18px;display:flex}.panel-heading h2,.balance-card h2,.security-card h2{letter-spacing:-.025em;margin:0;font-size:17px;font-weight:720}.status-pill{white-space:nowrap;border-radius:999px;align-items:center;min-height:23px;padding:0 9px;font-size:9px;font-weight:700;display:inline-flex}.status-pill.warning{color:#98603c;background:#f7eadd}.status-pill.success{color:#34735f;background:#e1f0ea}.payroll-progress{align-items:center;gap:12px;margin:24px 0 19px;display:flex}.payroll-progress>div{background:#edf0ed;border-radius:10px;flex:1;height:8px;overflow:hidden}.payroll-progress>div span{border-radius:inherit;background:linear-gradient(90deg,#2d6756,#75a793);height:100%;display:block}.payroll-progress strong{font-size:12px}.checklist{grid-template-columns:28px minmax(0,1fr) auto;align-items:center;gap:11px 10px;display:grid}.check{border-radius:50%;place-items:center;width:25px;height:25px;font-size:10px;font-weight:800;display:grid}.check.done{color:#2f755e;background:#e2f1eb}.check.pending{color:#a36b43;background:#f8eade}.checklist strong{font-size:11px;display:block}.checklist small{color:#8b9790;margin-top:2px;font-size:9px;display:block}.checklist>span{color:#6b7971;font-size:9px}.checklist>button{color:#91603e;cursor:pointer;background:#f8eade;border:0;border-radius:7px;padding:6px 9px;font-size:9px;font-weight:700}.text-button{color:#356c5b;cursor:pointer;background:0 0;border:0;padding:0;font-size:10px;font-weight:700}.payroll-spotlight>.text-button{margin-top:22px}.more-button{color:#8d9892;cursor:pointer;letter-spacing:2px;background:0 0;border:0}.activity-list{margin-top:15px}.activity-item{border-bottom:1px solid #edf0ee;grid-template-columns:10px minmax(0,1fr) auto;align-items:center;gap:10px;min-height:60px;display:grid}.activity-item:last-child{border:0}.activity-dot{border-radius:50%;width:7px;height:7px}.activity-dot.green{background:#5d9e85}.activity-dot.violet{background:#7768c6}.activity-dot.orange{background:#d28857}.activity-dot.blue{background:#5a8db7}.activity-item strong{font-size:10px;display:block}.activity-item small{color:#89958e;margin-top:3px;font-size:9px;display:block}.activity-item time{color:#a0aaa5;font-size:8px}.team-panel{padding-bottom:20px}.away-row{align-items:center;gap:24px;margin-top:19px;display:flex}.away-person{align-items:center;gap:10px;display:flex}.away-person strong{font-size:10px;display:block}.away-person small{color:#8c9791;margin-top:4px;font-size:9px;display:block}.away-summary{border-left:1px solid var(--line);margin-left:auto;padding-left:24px}.away-summary strong{font-family:Georgia,serif;font-size:23px;font-weight:500;display:block}.away-summary small{color:#8d9992;font-size:9px}.table-panel{overflow:hidden}.table-toolbar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:20px;min-height:68px;padding:0 20px;display:flex}.filter-tabs{align-items:center;gap:6px;display:flex}.filter-tabs button{color:#7f8c85;cursor:pointer;background:0 0;border:0;border-radius:8px;padding:8px 10px;font-size:10px}.filter-tabs button.selected{color:#284d41;background:#eaf2ee;font-weight:700}.filter-tabs span{color:#769185;margin-left:4px}.small-search{border:1px solid var(--line);color:#9aa49f;border-radius:8px;align-items:center;gap:7px;width:210px;padding:8px 10px;display:flex}.small-search input{border:0;outline:0;width:100%;font-size:10px}.table-scroll{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:10px}th{color:#89958e;letter-spacing:.08em;text-align:left;text-transform:uppercase;background:#f9faf8;padding:13px 18px;font-size:8px}td{color:#637169;white-space:nowrap;border-top:1px solid #edf0ee;padding:14px 18px}tbody tr:hover{background:#fbfcfa}.person-cell{align-items:center;gap:11px;min-width:180px;display:flex}.person-cell strong,.table-primary{color:#263b33;font-size:10px;display:block}.person-cell small,td>small{color:#98a29d;margin-top:3px;font-size:8px;display:block}.empty-state{text-align:center;padding:50px}.empty-state p{color:var(--muted);font-size:11px}.payroll-summary{grid-template-columns:1.45fr .8fr;gap:16px;margin-bottom:16px;display:grid}.payroll-hero{color:#fff;background:linear-gradient(135deg,#173f35 0%,#245f50 100%);border-radius:16px;min-height:200px;padding:27px;box-shadow:0 18px 40px #173f3529}.payroll-hero .eyebrow{color:#92b7a9}.payroll-hero h2{margin:0 0 27px;font-family:Georgia,serif;font-size:27px;font-weight:500}.hero-money{gap:50px;display:flex}.hero-money small{color:#a7c4b9;margin-bottom:5px;font-size:9px;display:block}.hero-money strong{font-size:19px}.payroll-hero button{color:#d5ebe2;cursor:pointer;background:0 0;border:0;margin-top:24px;padding:0;font-size:10px;font-weight:700}.deadline-card{align-items:center;gap:16px;padding:24px;display:flex}.calendar-icon{color:#a0603a;background:#f6e6dc;border-radius:12px;place-items:center;width:52px;height:57px;font-family:Georgia,serif;font-size:21px;display:grid}.deadline-card h3{margin:0;font-size:14px}.deadline-card p:not(.eyebrow){color:#7c8981;margin:5px 0 0;font-size:9px}.days-left{color:#a36642;margin-left:auto;font-size:9px;font-weight:700}.payroll-table .panel-heading{padding:21px 22px}.payroll-table .secondary-button{min-height:34px}.timeoff-layout{grid-template-columns:minmax(0,1.5fr) 330px;gap:16px;display:grid}.request-list{margin-top:14px}.request-item{border-top:1px solid #edf0ee;align-items:center;gap:12px;min-height:72px;display:flex}.request-copy{flex:1;min-width:130px}.request-copy strong{font-size:10px;display:block}.request-copy small{color:#87938c;margin-top:4px;font-size:9px;display:block}.day-count{text-align:center;min-width:40px;font-size:12px;font-weight:700}.day-count small{color:#8d9892;font-size:8px;font-weight:500;display:block}.request-actions{gap:6px;display:flex}.request-actions button{border:1px solid var(--line);color:#6e7b74;cursor:pointer;background:#fff;border-radius:7px;padding:7px 9px;font-size:8px}.request-actions button.approve{color:#fff;background:#285f4e;border-color:#285f4e}.balance-card{text-align:center}.balance-card .eyebrow,.balance-card h2{text-align:left}.balance-ring{border:12px solid #d9ebe4;border-right-color:#60937f;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:142px;height:142px;margin:24px auto;display:flex;transform:rotate(-20deg)}.balance-ring strong,.balance-ring small{transform:rotate(20deg)}.balance-ring strong{font-family:Georgia,serif;font-size:34px;font-weight:500}.balance-ring small{color:#7c8982;font-size:9px}.balance-lines{grid-template-columns:repeat(3,1fr);gap:5px;margin-bottom:20px;display:grid}.balance-lines small{color:#8c9891;font-size:8px;display:block}.balance-lines strong{margin-top:4px;font-size:10px;display:block}.balance-card .primary-button{width:100%}.reports-grid{grid-template-columns:minmax(0,1.4fr) minmax(300px,.7fr);gap:16px;display:grid}.report-chart{min-height:340px}.trend-pill{color:#34745f;background:#e1f0ea;border-radius:999px;padding:5px 8px;font-size:9px;font-weight:700;display:inline-flex}.trend-pill.neutral{color:#527189;background:#e8eff4}.chart-area{gap:12px;height:230px;margin-top:28px;display:flex}.y-labels{color:#9aa49f;flex-direction:column;justify-content:space-between;height:180px;font-size:8px;display:flex}.bars{border-bottom:1px solid var(--line);background:repeating-linear-gradient(#fff 0 44px,#edf0ee 45px);flex:1;justify-content:space-around;align-items:flex-end;gap:8px;height:180px;display:flex}.bar-column{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;gap:9px;height:100%;display:flex}.bar{background:#b9d2c8;border-radius:5px 5px 0 0;width:min(22px,80%)}.bar.current{background:#3f7b68}.bar-column small{color:#929d97;margin-bottom:-23px;font-size:7px}.department-card{min-height:340px}.department-row{grid-template-columns:8px 75px minmax(70px,1fr) 20px;align-items:center;gap:9px;margin-top:24px;font-size:9px;display:grid}.dept-dot{border-radius:50%;width:7px;height:7px}.dept-dot.violet{background:#7163c2}.dept-dot.orange{background:#cb7b4b}.dept-dot.green{background:#568d77}.dept-dot.blue{background:#5789b5}.dept-dot.slate{background:#8c9992}.department-row div{background:#edf0ee;border-radius:5px;height:6px}.department-row div i{border-radius:inherit;background:#87aa9c;max-width:100%;height:100%;display:block}.department-row>span:last-child{text-align:right;color:#738079}.report-kpi{min-height:130px;padding:20px;position:relative}.report-kpi>strong{margin-top:18px;font-family:Georgia,serif;font-size:27px;font-weight:500;display:block}.report-kpi em{font-family:inherit;font-size:11px;font-style:normal}.report-kpi .trend-pill{position:absolute;top:56px;right:20px}.report-kpi>small{color:#8d9892;font-size:8px}.admin-grid{grid-template-columns:1.2fr .8fr;gap:16px;display:grid}.connection-card{grid-column:1/-1;align-items:center;gap:17px;padding:24px;display:flex}.connection-logo{color:#fff;background:linear-gradient(135deg,#7467c7,#3c82bd);border-radius:12px;place-items:center;width:48px;height:48px;font-size:20px;font-weight:800;display:grid}.connection-card h2{margin:0;font-size:15px}.connection-card p:not(.eyebrow){color:#7b8881;margin:5px 0 0;font-size:9px}.connection-card>.status-pill{margin-left:auto}.muted-note{color:#8c9791;font-size:9px}.role-list{margin-top:14px}.role-row{border-top:1px solid #edf0ee;grid-template-columns:34px minmax(0,1fr) 70px 30px;align-items:center;gap:10px;min-height:62px;display:grid}.role-avatar{color:#3a6657;background:#e3efe9;border-radius:9px;place-items:center;width:31px;height:31px;font-size:8px;font-weight:750;display:grid}.role-row strong{font-size:10px;display:block}.role-row small{color:#8e9993;margin-top:3px;font-size:8px;display:block}.role-row>span{color:#75827b;font-size:9px}.security-card p:not(.eyebrow){color:#78867e;font-size:10px;line-height:1.65}.security-status{background:#eff6f2;border-radius:10px;align-items:center;gap:11px;margin-top:24px;padding:14px;display:flex}.security-status>span{color:#326f5b;background:#d9ebe4;border-radius:50%;place-items:center;width:27px;height:27px;display:grid}.security-status strong{font-size:10px;display:block}.security-status small{color:#779086;margin-top:3px;font-size:8px;display:block}.toast{z-index:50;color:#fff;background:#1c4438;border-radius:11px;align-items:center;gap:10px;padding:13px 17px;font-size:11px;animation:.22s ease-out toast-in;display:flex;position:fixed;bottom:25px;right:25px;box-shadow:0 16px 40px #0d2f2538}.toast span{color:#285b4b;background:#d9eee5;border-radius:50%;place-items:center;width:20px;height:20px;font-weight:800;display:grid}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}}.login-page{color:#f3f8f5;background:#133b31;min-height:100vh;padding:28px 5vw;overflow:hidden}.login-page .login-brand{align-items:center;gap:11px;width:min(1180px,100%);margin:0 auto;display:flex}.login-layout{grid-template-columns:minmax(0,1.1fr) 440px;align-items:center;gap:8vw;width:min(1180px,100%);min-height:calc(100vh - 105px);margin:26px auto 0;display:grid}.login-story{max-width:600px;position:relative}.story-kicker{color:#9fc0b4;letter-spacing:.11em;text-transform:uppercase;align-items:center;gap:8px;font-size:10px;font-weight:700;display:inline-flex}.story-kicker i{background:#76af98;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #76af981f}.login-story h1{letter-spacing:-.055em;margin:25px 0 20px;font-family:Georgia,serif;font-size:clamp(42px,5vw,68px);font-weight:400;line-height:.98}.login-story h1 em{color:#9ec2b3;font-style:italic}.login-story>p{color:#aac3ba;max-width:510px;font-size:14px;line-height:1.7}.story-preview{transform-origin:0;background:#ffffff0e;border:1px solid #ffffff1c;border-radius:15px 15px 0 0;width:88%;height:160px;margin-top:35px;overflow:hidden;transform:perspective(800px)rotateY(3deg);box-shadow:0 30px 70px #03191340}.preview-top{border-bottom:1px solid #ffffff14;align-items:center;gap:5px;height:27px;padding:0 12px;display:flex}.preview-top span{background:#ffffff47;border-radius:50%;width:5px;height:5px}.preview-content{grid-template-columns:75px 1fr;height:calc(100% - 27px);display:grid}.preview-side{background:#0000000d;border-right:1px solid #ffffff12}.preview-main{padding:22px}.preview-main>span{background:#ffffff38;border-radius:4px;width:65px;height:5px;display:block}.preview-main>strong{background:#fff9;border-radius:4px;width:160px;height:12px;margin-top:11px;display:block}.preview-main>div{gap:9px;margin-top:25px;display:flex}.preview-main i{background:#ffffff14;border-radius:7px;width:28%;height:48px}.trust-row{color:#83aa9b;gap:25px;margin-top:20px;font-size:9px;display:flex}.trust-row span:before{content:"✓";color:#b0d2c5;margin-right:6px}.login-card-wrap{width:100%}.login-card{color:var(--ink);background:#fff;border-radius:21px;padding:38px 40px 31px;box-shadow:0 32px 90px #00140e45}.login-heading p{color:#5e8b7a;letter-spacing:.1em;text-transform:uppercase;margin:0 0 7px;font-size:10px;font-weight:750}.login-heading h2{letter-spacing:-.035em;margin:0;font-family:Georgia,serif;font-size:28px;font-weight:500}.login-heading>span{color:#7c8882;margin-top:9px;font-size:10px;display:block}.microsoft-button{color:#283b34;background:#fff;border:1px solid #dfe4e1;border-radius:10px;justify-content:center;align-items:center;gap:12px;width:100%;height:48px;margin-top:27px;font-size:11px;font-weight:700;text-decoration:none;display:flex;box-shadow:0 3px 10px #1e372d0a}.microsoft-button:hover{background:#fbfdfc;border-color:#afc8bd}.microsoft-button.disabled{color:#8e9893;background:#f7f8f7}.ms-logo{grid-template-columns:1fr 1fr;gap:1px;width:17px;height:17px;display:grid}.ms-logo i:first-child{background:#f25022}.ms-logo i:nth-child(2){background:#7fba00}.ms-logo i:nth-child(3){background:#00a4ef}.ms-logo i:nth-child(4){background:#ffb900}.setup-note{color:#9a745c;text-align:center;margin:8px 0 0;font-size:8px}.divider{color:#9ba49f;text-transform:uppercase;letter-spacing:.09em;align-items:center;gap:12px;margin:26px 0 19px;font-size:8px;display:flex}.divider:before,.divider:after{content:"";background:#eaeeeb;flex:1;height:1px}.recovery-login summary{color:#49675c;text-align:center;cursor:pointer;font-size:10px;font-weight:700;list-style:none}.recovery-login summary::-webkit-details-marker{display:none}.recovery-login form{gap:12px;margin-top:18px;display:grid}.recovery-login label{color:#5f6f67;font-size:9px;font-weight:650}.recovery-login input{width:100%;height:40px;color:var(--ink);background:#fbfcfb;border:1px solid #dfe5e1;border-radius:8px;outline:none;margin-top:6px;padding:0 11px;font-size:10px}.recovery-login input:focus{border-color:#6f9989;box-shadow:0 0 0 3px #edf4f1}.recovery-login>p,.privacy-note{color:#9da6a1;text-align:center;margin:11px 0 0;font-size:8px}.privacy-note{margin-top:24px}.login-footer{color:#769b8d;text-align:center;margin:15px 0 0;font-size:8px}.login-footer a{color:#a7c8bc}.login-error{color:#874c3d;background:#f8e9e4;border-radius:8px;align-items:center;gap:9px;margin-top:17px;padding:10px 12px;font-size:9px;display:flex}.login-error strong{color:#fff;background:#b96852;border-radius:50%;place-items:center;width:19px;height:19px;display:grid}@media (max-width:1100px){.stats-grid{grid-template-columns:repeat(2,1fr)}.overview-grid,.reports-grid{grid-template-columns:1fr}.report-kpi{min-height:125px}.login-layout{grid-template-columns:1fr 400px;gap:5vw}.story-preview{width:100%}}@media (max-width:820px){.app-shell{display:block}.sidebar{flex-direction:row;width:auto;height:67px;padding:7px 10px;position:fixed;inset:auto 0 0}.brand,.sidebar-bottom,.nav-label{display:none}.side-nav{flex-direction:row;justify-content:space-around;gap:2px;width:100%}.nav-item{text-align:center;flex-direction:column;flex:1;gap:1px;width:auto;min-width:55px;padding:5px 3px;font-size:8px}.nav-icon{width:22px;height:22px;font-size:16px}.nav-count{min-width:16px;margin:-28px 0 0 18px;padding:1px 4px;position:absolute}.nav-item.active{box-shadow:inset 0 -2px #b8dfd0}.main-content{padding-bottom:72px}.topbar{height:66px;padding:0 18px}.mobile-brand{display:flex}.mobile-brand .brand-mark{border-radius:9px;width:31px;height:31px;font-size:14px}.mobile-brand strong{font-size:12px}.search-box,.environment-pill{display:none}.page-wrap{padding:25px 18px 40px}.page-heading{align-items:center}.page-heading h1{font-size:32px}.timeoff-layout,.payroll-summary,.admin-grid{grid-template-columns:1fr}.connection-card{grid-column:auto}.away-row{flex-wrap:wrap}.away-summary{border-left:0;border-top:1px solid var(--line);width:100%;margin:0;padding:13px 0 0}.login-page{padding:22px}.login-layout{min-height:auto;margin-top:40px;display:block}.login-story{display:none}.login-card-wrap{max-width:440px;margin:0 auto}}@media (max-width:560px){.stats-grid{grid-template-columns:1fr 1fr;gap:9px}.stat-card{min-height:118px;padding:55px 12px 12px}.stat-symbol{top:12px;left:12px}.stat-card strong{font-size:23px}.stat-card small{white-space:normal}.page-heading .primary-button{min-width:42px;padding:0 10px;font-size:0}.page-heading .primary-button:first-letter{font-size:17px}.payroll-spotlight,.activity-panel,.team-panel,.requests-panel,.balance-card,.report-chart,.department-card,.role-panel,.security-card{padding:18px}.checklist{grid-template-columns:27px 1fr}.checklist>span,.checklist>button{grid-column:2;justify-self:start}.request-item{flex-wrap:wrap;padding:12px 0}.request-actions{width:100%;padding-left:48px}.hero-money{gap:24px}.payroll-hero{padding:22px}.table-toolbar{flex-direction:column;align-items:stretch;padding:13px}.small-search{width:100%}.login-page{padding:18px 13px}.login-page .login-brand{padding-left:6px}.login-card{padding:29px 23px 24px}.login-heading h2{font-size:25px}.trust-row{flex-wrap:wrap}.toast{bottom:82px;left:15px;right:15px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}