:root{color:#f5f8fb;background:#020611;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--cyan: #27dce5;--blue: #5f88f6;--cyan-soft: #aaf7fb;--ink: #020611;--muted: #aeb9c7;--panel: rgba(7, 14, 29, .8);--line: rgba(82, 212, 232, .18);--line-strong: rgba(82, 212, 232, .34)}*{box-sizing:border-box}html{min-width:320px;background:#020611}body{min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}button{border:0;cursor:pointer}a,button{color:inherit}.page-shell{min-height:100vh;overflow-x:hidden;background:radial-gradient(circle at 16% 16%,rgba(95,136,246,.24),transparent 34%),radial-gradient(circle at 82% 20%,rgba(39,220,229,.18),transparent 30%),linear-gradient(135deg,#020611,#071225 48%,#01030a)}.hero{width:min(1180px,calc(100% - 40px));min-height:100vh;margin:0 auto;padding:30px 0 56px;display:flex;flex-direction:column}.topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:10px 0}.brand{display:inline-flex;align-items:center;width:clamp(150px,16vw,184px);text-decoration:none}.brand-button{padding:0;background:transparent}.brand-logo{display:block;width:100%;height:auto;mix-blend-mode:screen}.demo-badge{border:1px solid var(--line);border-radius:999px;color:var(--muted);font-size:.82rem;padding:8px 12px;background:#78bfff0f}.hero-grid{flex:1;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(320px,.72fr);align-items:center;gap:56px;padding:54px 0 24px}.hero-copy{max-width:760px}.eyebrow{margin:0 0 18px;color:#6ef2ff;font-size:clamp(.98rem,1.4vw,1.08rem);font-weight:800;letter-spacing:.08em;text-transform:uppercase}h1{max-width:760px;margin:0;color:#f7fbff;font-size:clamp(3.2rem,8vw,6.9rem);line-height:.93;letter-spacing:0}.supporting-copy{max-width:660px;margin:26px 0 0;color:var(--muted);font-size:clamp(1.05rem,2vw,1.26rem);line-height:1.6}.button-row{display:flex;flex-wrap:wrap;gap:14px;margin-top:34px}.button{min-height:52px;display:inline-flex;align-items:center;justify-content:center;border-radius:8px;padding:0 22px;text-decoration:none;font-weight:800;border:0;transition:transform .18s ease,border-color .18s ease,background .18s ease}.button:hover{transform:translateY(-2px)}.button:disabled{cursor:not-allowed;opacity:.52;transform:none}.primary{color:var(--ink);background:linear-gradient(135deg,var(--blue) 0%,var(--cyan) 100%);box-shadow:0 14px 34px #27dce52e}.secondary{border:1px solid var(--line);color:#f5fbff;background:#78bfff0f}.preview-panel{border:1px solid var(--line);border-radius:8px;padding:24px;background:var(--panel);box-shadow:0 30px 90px #0000006b,0 0 0 1px #5f88f60d inset;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.metric-row,.insight-grid div{display:flex;align-items:center;justify-content:space-between;gap:18px;color:var(--muted);font-size:.94rem}.metric-row strong{color:#fff;font-size:2.6rem}.balance-visual{height:180px;margin:24px 0;border-radius:8px;background:linear-gradient(180deg,#27dce538,#5f88f608),repeating-linear-gradient(90deg,rgba(170,247,251,.12) 0,rgba(170,247,251,.12) 1px,transparent 1px,transparent 28px);position:relative;overflow:hidden}.balance-visual span{position:absolute;left:0;right:0;bottom:0;height:56%;background:linear-gradient(90deg,var(--blue),var(--cyan));clip-path:polygon(0 70%,18% 48%,38% 58%,58% 26%,78% 38%,100% 10%,100% 100%,0 100%)}.insight-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.insight-grid div{min-height:84px;align-items:flex-start;flex-direction:column;border:1px solid var(--line);border-radius:8px;padding:16px;background:#78bfff0d}.insight-grid strong{color:#fff;font-size:1.4rem}.prototype-note{margin:20px 0 0;color:#8fa4b9;font-size:.9rem;line-height:1.5}.landing-page{width:min(1220px,calc(100% - 40px));gap:18px}.landing-page .brand{width:clamp(205px,20vw,248px)}.landing-hero-grid{flex:0 0 auto;min-height:calc(100vh - 92px);grid-template-columns:minmax(0,1fr) minmax(320px,.52fr);align-items:start;gap:38px;padding:14px 0 24px}.landing-page h1{max-width:820px;font-size:clamp(2.85rem,5.8vw,5.15rem)}.landing-page .supporting-copy{max-width:760px;margin-top:18px}.landing-page .button-row{margin-top:22px}.pilot-note{max-width:620px;margin:16px 0 0;color:#8fa4b9;font-size:.92rem;line-height:1.5}.landing-signal-panel,.demo-path-card,.landing-section,.privacy-reassurance,.landing-footer{border:1px solid var(--line);border-radius:8px;background:#070e1dc7;box-shadow:0 24px 80px #00000042}.landing-signal-panel{padding:18px;background:linear-gradient(135deg,#5f88f624,#27dce50f),#070e1dd1}.landing-signal-panel>span,.landing-signal-grid span,.landing-footer span{display:block;color:var(--muted);line-height:1.4}.landing-signal-panel>span{color:#6ef2ff;font-size:.78rem;font-weight:900;letter-spacing:.08em}.landing-signal-panel>strong{display:block;margin-top:8px;color:#fff;font-size:clamp(1.35rem,2.2vw,1.85rem);line-height:1.12}.landing-signal-panel p{margin:14px 0 0;color:#d8e7f0;font-size:.94rem;line-height:1.5}.landing-signal-grid{display:grid;gap:10px;margin-top:18px}.landing-signal-grid div{border:1px solid rgba(82,212,232,.12);border-radius:8px;padding:11px 12px;background:#78bfff0d}.landing-signal-grid strong{display:block;margin-top:5px;color:#fff;line-height:1.3}.demo-path-grid,.workflow-grid,.why-grid,.landing-roadmap-grid{display:grid;gap:14px}.demo-path-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.demo-path-card{display:grid;align-content:start;gap:18px;padding:clamp(22px,3vw,28px)}.demo-path-card .eyebrow{margin-bottom:10px;font-size:.78rem}.demo-path-card h2,.landing-section-heading h2,.privacy-reassurance h2{margin:0;color:#fff;font-size:clamp(1.65rem,3vw,2.35rem);line-height:1.08}.demo-path-card p,.demo-path-card li,.landing-section-heading p,.workflow-grid p,.why-grid p,.landing-roadmap-grid p,.privacy-reassurance p,.landing-footer p{color:var(--muted);line-height:1.55}.demo-path-card p{margin:12px 0 0}.demo-path-card ul{display:grid;gap:9px;margin:0;padding:0;list-style:none}.demo-path-card li{position:relative;padding-left:20px}.demo-path-card li:before{content:"";position:absolute;left:0;top:.72em;width:8px;height:8px;border-radius:50%;background:linear-gradient(135deg,var(--blue),var(--cyan));transform:translateY(-50%)}.landing-section{padding:clamp(22px,4vw,32px)}.landing-section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:18px}.landing-section-heading p{max-width:420px;margin:0}.workflow-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.why-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.landing-roadmap-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.workflow-grid article,.why-grid article,.landing-roadmap-grid article{border:1px solid rgba(82,212,232,.12);border-radius:8px;padding:16px;background:#78bfff0a}.workflow-grid strong,.why-grid strong,.landing-roadmap-grid strong{display:block;color:#fff;line-height:1.3}.workflow-grid p,.why-grid p,.landing-roadmap-grid p{margin:10px 0 0}.roadmap-preview{background:linear-gradient(135deg,#5f88f61a,#27dce50a),#070e1dc7}.privacy-reassurance{padding:clamp(22px,4vw,30px);border-color:var(--line-strong);background:linear-gradient(135deg,#5f88f61f,#27dce50f),#070e1dd1}.privacy-reassurance p{max-width:930px;margin:14px 0 0}.privacy-reassurance span{display:block;margin-top:12px;color:#dffbff;font-weight:850}.landing-footer{display:grid;grid-template-columns:180px minmax(220px,.45fr) minmax(0,1fr);align-items:center;gap:22px;margin-top:12px;padding:20px}.footer-logo{width:160px;height:auto;mix-blend-mode:screen}.landing-footer strong{display:block;color:#fff;line-height:1.35}.landing-footer p{margin:0}.auth-screen,.dashboard-screen{width:min(1180px,calc(100% - 40px));min-height:100vh;margin:0 auto;padding:30px 0 56px}.demo-topbar{margin-bottom:64px}.auth-card{width:min(560px,100%);border:1px solid var(--line);border-radius:8px;padding:clamp(24px,5vw,38px);background:#070e1dd1;box-shadow:0 30px 90px #00000061,0 0 0 1px #5f88f60d inset;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.screen-title{max-width:100%;font-size:clamp(2.4rem,6vw,4.3rem);line-height:.98}.screen-copy{margin:18px 0 0;color:var(--muted);font-size:1.08rem;line-height:1.6}.demo-form{display:grid;gap:16px;margin-top:28px}.demo-form label,.amount-field{display:grid;gap:8px;color:#d8e7f0;font-weight:750}.demo-form label span,.amount-field span{color:var(--muted);font-size:.9rem}.demo-form input,.amount-field input{width:100%;min-height:52px;border:1px solid var(--line);border-radius:8px;color:#f7fbff;background:#020611b8;padding:0 14px;outline:none}.demo-form input:focus,.amount-field input:focus{border-color:var(--line-strong);box-shadow:0 0 0 3px #27dce51f}.form-button{width:100%;margin-top:6px}.text-link{display:inline-flex;align-items:center;margin-top:22px;padding:0;color:#87f4ff;background:transparent;font-weight:800;text-decoration:none}.text-link:hover{color:#f5fbff}.demo-disclaimer{margin:22px 0 0;color:#8fa4b9;font-size:.9rem;line-height:1.5}.dashboard-screen{width:min(1240px,calc(100% - 40px))}.dashboard-header,.dashboard-header-actions,.dashboard-brand,.dashboard-layout,.dashboard-intro,.section-heading,.activity-item{display:flex}.dashboard-header{align-items:center;justify-content:space-between;gap:18px;padding:10px 0 28px}.dashboard-brand{align-items:center;gap:10px;font-weight:900;letter-spacing:.06em}.brand-mark{width:38px;height:38px;object-fit:contain;mix-blend-mode:screen}.dashboard-header-actions{align-items:center;gap:14px;flex-wrap:wrap;justify-content:flex-end}.compact-link{margin-top:0;font-size:.9rem}.dashboard-layout{align-items:flex-start;gap:24px}.dashboard-nav{width:184px;position:sticky;top:24px;display:grid;gap:8px;border:1px solid var(--line);border-radius:8px;padding:10px;background:#070e1dbd}.nav-item{min-height:42px;border-radius:8px;padding:0 12px;color:var(--muted);background:transparent;text-align:left;font-weight:800}.nav-item.active,.nav-item:hover{color:#f7fbff;background:#78bfff1a}.dashboard-content{flex:1;min-width:0}.dashboard-intro{align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:24px}.dashboard-title{font-size:clamp(2.3rem,5vw,4.8rem);line-height:1}.pay-cycle{min-width:230px;border:1px solid var(--line);border-radius:8px;padding:16px;background:#78bfff0d}.pay-cycle span,.available-card span,.summary-card span,.section-heading span,.activity-item span,.payday-main span,.shift-grid span{color:var(--muted)}.pay-cycle strong,.available-card strong,.summary-card strong{display:block;margin-top:7px;color:#fff}.pay-cycle p,.summary-card p{margin:8px 0 0;color:var(--muted);font-size:.94rem}.dashboard-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.care-context-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:14px}.available-card,.summary-card,.progress-panel,.activity-panel,.context-card{border:1px solid var(--line);border-radius:8px;background:#070e1dc7;box-shadow:0 20px 70px #0000003d}.context-card{min-height:182px;padding:20px}.compact-heading{margin-bottom:16px}.compact-heading h2{font-size:1.02rem}.payday-main strong,.shift-card>strong{display:block;margin-top:5px;color:#fff;font-size:clamp(1.7rem,3vw,2.35rem)}.cycle-progress{height:14px;margin-top:24px;border:1px solid var(--line);border-radius:999px;background:#020611db;overflow:hidden}.cycle-progress span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--blue),var(--cyan));box-shadow:0 0 22px #27dce538}.status-label{border:1px solid rgba(39,220,229,.3);border-radius:999px;padding:5px 9px;color:#9af7ff;background:#27dce514;font-size:.78rem;font-weight:850}.wellbeing-status{display:inline-flex;align-items:center;gap:7px;border:1px solid rgba(95,230,150,.3);border-radius:999px;padding:5px 9px;color:#a7ffc9;background:#5fe69614;font-size:.78rem;font-weight:850}.wellbeing-status i{width:8px;height:8px;border-radius:50%;background:#64e995;box-shadow:0 0 14px #64e995b8}.wellbeing-card p{margin:0;color:#d8e7f0;line-height:1.55}.wellbeing-card small{display:block;margin-top:16px;color:var(--muted);line-height:1.45}.shift-grid{display:grid;grid-template-columns:1fr;gap:10px;margin-top:18px}.shift-grid span{border:1px solid rgba(82,212,232,.12);border-radius:8px;padding:12px;background:#78bfff0a;line-height:1.35}.available-card{grid-column:span 3;padding:clamp(22px,4vw,32px);background:linear-gradient(135deg,#5f88f633,#27dce514),#070e1de0}.available-card strong{font-size:clamp(3rem,8vw,5.8rem);line-height:.95}.available-card p{margin:12px 0 0;color:var(--muted)}.dashboard-button{margin-top:24px}.summary-card{min-height:126px;padding:20px}.summary-card strong{font-size:clamp(1.6rem,3vw,2.2rem)}.allowance-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:16px}.allowance-stats div{border:1px solid rgba(82,212,232,.12);border-radius:8px;padding:14px;background:#78bfff0a}.allowance-stats span,.allowance-stats strong{display:block}.allowance-stats span{color:#fff;font-size:1.35rem;font-weight:900}.allowance-stats strong{margin-top:4px;color:var(--muted);font-size:.86rem}.progress-panel,.activity-panel{margin-top:14px;padding:22px}.section-heading{align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}.section-heading h2{margin:0;font-size:1.15rem}.progress-track{height:18px;border:1px solid var(--line);border-radius:999px;background:#020611db;overflow:hidden;position:relative}.allowance-track{height:22px}.earned-progress,.available-progress,.accessed-progress,.remaining-progress{position:absolute;inset:0 auto 0 0;border-radius:inherit}.earned-progress{width:82%;background:linear-gradient(90deg,#5f88f6ad,#27dce5cc)}.available-progress{width:40%;background:linear-gradient(90deg,#5f88f6,#27dce5);box-shadow:0 0 24px #27dce547}.accessed-progress{background:linear-gradient(90deg,#5f88f6,#7fa3ff)}.remaining-progress{background:linear-gradient(90deg,#26bfe0,#27dce5);box-shadow:0 0 24px #27dce538}.progress-legend{display:flex;justify-content:space-between;gap:12px;margin-top:12px;color:var(--muted);font-size:.9rem}.activity-list{display:grid;gap:10px}.activity-item{align-items:center;justify-content:space-between;gap:16px;border:1px solid rgba(82,212,232,.12);border-radius:8px;padding:14px;background:#78bfff0a}.activity-item div{display:grid;gap:4px}.activity-item em{color:#b7f8ff;font-style:normal;font-weight:850;white-space:nowrap}.screen-copy{max-width:540px;margin:10px 0 0;color:var(--muted);font-size:1rem;line-height:1.55}.earned-pay-page{gap:0}.earned-pay-hero{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(340px,.95fr);gap:14px}.earned-balance-card{grid-column:auto;min-height:100%}.calculation-path{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:20px}.calculation-path span{border:1px solid rgba(82,212,232,.14);border-radius:8px;padding:12px;color:#dff7ff;background:#78bfff0d;font-size:.92rem;font-weight:800;line-height:1.35}.request-builder,.history-panel,.reassurance-card{border:1px solid var(--line);border-radius:8px;background:#070e1dc7;box-shadow:0 20px 70px #0000003d}.request-builder{padding:clamp(20px,3vw,28px)}.quick-amounts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:12px}.quick-amount{min-height:40px;border:1px solid rgba(82,212,232,.18);border-radius:8px;color:#f7fbff;background:#78bfff0f;font:inherit;font-size:.9rem;font-weight:850;cursor:pointer}.quick-amount:hover:not(:disabled),.quick-amount:focus-visible:not(:disabled){border-color:var(--line-strong);background:#27dce51f}.quick-amount:disabled{opacity:.42;cursor:not-allowed}.earned-request-summary{margin-top:16px}.earned-pay-lower-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(280px,.95fr);gap:14px;margin-top:14px}.history-panel,.reassurance-card{padding:22px}.history-list{display:grid;gap:10px}.history-item{display:grid;grid-template-columns:96px minmax(0,1fr) auto;align-items:center;gap:12px;border:1px solid rgba(82,212,232,.12);border-radius:8px;padding:14px;background:#78bfff0a}.history-item span{color:var(--muted);font-size:.9rem}.history-item strong{color:#fff;line-height:1.35}.history-item em{color:#b7f8ff;font-style:normal;font-weight:850;white-space:nowrap}.reassurance-card p{margin:0;color:#d8e7f0;line-height:1.55}.reassurance-card small{display:block;margin-top:14px;color:var(--muted);line-height:1.45}.my-pay-page{gap:0}.pay-outlook-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.estimate-outlook-card{margin-top:14px;border:1px solid var(--line-strong);border-radius:8px;padding:clamp(22px,4vw,30px);background:linear-gradient(135deg,#5f88f629,#27dce512),#070e1dd1;box-shadow:0 24px 80px #00000047}.estimate-outlook-card .eyebrow{margin-bottom:8px}.estimate-outlook-card h2{margin:0;color:#fff;font-size:clamp(1.45rem,3vw,2rem)}.estimate-outlook-amount{display:block;color:#fff;font-size:clamp(3rem,7vw,5rem);line-height:.95}.estimate-outlook-card p{max-width:760px;margin:14px 0 0;color:#d8e7f0;line-height:1.6}.estimate-outlook-card small{display:block;margin-top:12px;color:var(--muted);line-height:1.45}.estimate-breakdown{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:20px}.estimate-breakdown div{border:1px solid rgba(82,212,232,.14);border-radius:8px;padding:14px;background:#78bfff0d}.estimate-breakdown span,.estimate-breakdown strong{display:block}.estimate-breakdown span{color:var(--muted);font-size:.84rem;font-weight:850}.estimate-breakdown strong{margin-top:6px;color:#fff;font-size:1.25rem}.estimate-track{height:20px;border:1px solid var(--line);border-radius:999px;background:#020611db;overflow:hidden;position:relative;margin-top:18px}.verified-estimate-progress,.scheduled-estimate-progress{position:absolute;inset:0 auto 0 0;border-radius:inherit}.verified-estimate-progress{background:linear-gradient(90deg,#5f88f6,#7fa3ff)}.scheduled-estimate-progress{background:linear-gradient(90deg,#26bfe0,#27dce5);box-shadow:0 0 24px #27dce538}.shift-ledger-panel{margin-top:14px;border:1px solid var(--line);border-radius:8px;padding:22px;background:#070e1dc7;box-shadow:0 20px 70px #0000003d}.shift-ledger{display:grid;gap:8px;overflow-x:auto}.shift-ledger-header,.shift-ledger-row{display:grid;grid-template-columns:minmax(150px,1.25fr) minmax(100px,.8fr) minmax(90px,.7fr) minmax(96px,.75fr) minmax(96px,.8fr) minmax(112px,.8fr);align-items:center;gap:12px;min-width:760px}.shift-ledger-header{padding:0 14px 4px;color:var(--muted);font-size:.82rem;font-weight:850}.shift-ledger-row{border:1px solid rgba(82,212,232,.12);border-radius:8px;padding:14px;background:#78bfff0a}.shift-ledger-row span{color:#d8e7f0}.shift-ledger-row strong{color:#fff}.pending-shift-card{display:grid;gap:12px}.pending-shift-card div{display:grid;gap:4px;border:1px solid rgba(82,212,232,.12);border-radius:8px;padding:14px;background:#78bfff0a}.pending-shift-card strong{color:#fff}.pending-shift-card span{color:var(--muted)}.wellbeing-page{gap:0}.payday-plan-card{border:1px solid var(--line-strong);border-radius:8px;padding:clamp(22px,4vw,32px);background:linear-gradient(135deg,#5f88f62e,#27dce514),#070e1de0;box-shadow:0 24px 80px #00000047}.payday-plan-card h2{margin:0;color:#fff;font-size:clamp(2rem,4vw,3.2rem);line-height:1}.payday-plan-card p{max-width:760px;margin:14px 0 0;color:#d8e7f0;font-size:1.05rem;line-height:1.6}.payday-plan-card small{display:block;margin-top:16px;color:var(--muted);line-height:1.45}.payday-plan-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-top:22px}.payday-plan-grid div{border:1px solid rgba(82,212,232,.14);border-radius:8px;padding:14px;background:#78bfff0d}.payday-plan-grid span,.payday-plan-grid strong{display:block}.payday-plan-grid span{color:var(--muted);font-size:.82rem;font-weight:850}.payday-plan-grid strong{margin-top:6px;color:#fff;font-size:1.2rem}.wellbeing-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:14px}.wellbeing-focus-card,.planner-card,.guidance-panel,.guides-card{border:1px solid var(--line);border-radius:8px;padding:22px;background:#070e1dc7;box-shadow:0 20px 70px #0000003d}.wellbeing-focus-card p,.guidance-grid p,.guides-card span{color:#d8e7f0;line-height:1.55}.wellbeing-focus-card p{margin:0;font-size:1.02rem}.wellbeing-focus-card small{display:block;margin-top:14px;color:var(--muted);line-height:1.45}.check-in-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.check-in-option{min-height:44px;border:1px solid rgba(82,212,232,.18);border-radius:8px;color:#f7fbff;background:#78bfff0f;font:inherit;font-size:.9rem;font-weight:850;cursor:pointer}.check-in-option.active,.check-in-option:hover,.check-in-option:focus-visible{border-color:var(--line-strong);background:linear-gradient(135deg,#5f88f65c,#27dce524)}.check-in-message{margin-top:16px;border:1px solid rgba(82,212,232,.14);border-radius:8px;padding:14px;background:#78bfff0d}.planner-form{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(120px,.5fr) auto;gap:10px}.planner-form input{width:100%;border:1px solid rgba(82,212,232,.2);border-radius:8px;padding:13px 14px;color:#fff;background:#020611bd;font:inherit}.planner-form input::placeholder{color:#d8e7f08c}.planner-form input:focus{border-color:var(--line-strong);outline:none}.planner-list{display:grid;gap:8px;margin-top:14px}.planner-item{display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid rgba(82,212,232,.12);border-radius:8px;padding:12px;background:#78bfff0a}.planner-item span{color:#fff;font-weight:850}.planner-item button{border:0;color:#9af7ff;background:transparent;font:inherit;font-size:.86rem;font-weight:850;cursor:pointer}.planner-card small{display:block;margin-top:14px;color:var(--muted);line-height:1.45}.planning-list{display:grid;gap:10px}.planning-list p{border:1px solid rgba(82,212,232,.12);border-radius:8px;padding:12px;background:#78bfff0a}.payday-timeline{display:grid;grid-template-columns:auto minmax(80px,1fr) auto;align-items:center;gap:12px;margin-top:18px;color:#dff7ff;font-size:.92rem;font-weight:850}.payday-timeline i{height:10px;border:1px solid var(--line);border-radius:999px;background:linear-gradient(90deg,var(--blue),var(--cyan)),#020611db;box-shadow:0 0 22px #27dce52e}.guidance-panel{margin-top:14px}.guidance-grid,.guide-list{display:grid;gap:10px}.guidance-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.guidance-grid article,.guidance-grid div,.guide-list div{border:1px solid rgba(82,212,232,.12);border-radius:8px;padding:14px;background:#78bfff0a}.guidance-grid strong,.guide-list strong{display:block;color:#fff}.guidance-grid div span{display:block;margin-top:8px;color:var(--muted);line-height:1.55}.guidance-grid p{margin:8px 0 0}.guide-list span{display:block;margin-top:5px;color:var(--muted)}.wellbeing-guides{margin-top:14px}.roadmap-panel{margin-top:14px;border:1px dashed rgba(82,212,232,.28);border-radius:8px;padding:clamp(20px,3vw,26px);background:linear-gradient(135deg,#5f88f614,#27dce50a),#040a16c7;box-shadow:inset 0 0 0 1px #ffffff05}.roadmap-panel>p{max-width:780px;margin:0;color:var(--muted);line-height:1.6}.roadmap-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:18px}.roadmap-grid article{border:1px solid rgba(82,212,232,.14);border-radius:8px;padding:16px;background:#78bfff09}.roadmap-badge{display:inline-flex;width:fit-content;border:1px solid rgba(39,220,229,.26);border-radius:999px;padding:5px 9px;color:#9af7ff;background:#27dce512;font-size:.76rem;font-weight:850}.roadmap-grid strong{display:block;margin-top:12px;color:#fff;font-size:1.05rem}.roadmap-grid p,.roadmap-grid small{color:var(--muted);line-height:1.55}.roadmap-grid p{margin:8px 0 0}.roadmap-grid small{display:block;margin-top:12px}.employer-screen{width:min(1320px,calc(100% - 40px))}.employer-header{align-items:flex-start}.employer-identity{display:flex;align-items:flex-start;gap:12px;flex-wrap:wrap;justify-content:flex-end;margin-left:auto}.employer-identity div{min-width:180px;border:1px solid var(--line);border-radius:8px;padding:10px 12px;background:#78bfff0d}.employer-identity span,.employer-identity small{display:block;color:var(--muted);font-size:.82rem;line-height:1.35}.employer-identity strong{display:block;margin-top:4px;color:#fff;line-height:1.35}.employer-dashboard-content{display:grid;gap:14px}.employer-intro{margin-bottom:10px}.employer-context-card p{margin-top:8px}.employer-summary-grid,.workforce-activity-grid,.employer-roadmap-grid{display:grid;gap:14px}.employer-summary-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.employer-metric-card,.employer-panel,.activity-card{border:1px solid var(--line);border-radius:8px;background:#070e1dc7;box-shadow:0 20px 70px #0000003d}.employer-metric-card{min-height:148px;padding:20px}.employer-metric-card span,.activity-card span,.pay-cycle-status-grid span{display:block;color:var(--muted);line-height:1.4}.employer-metric-card strong{display:block;margin-top:14px;color:#fff;font-size:clamp(2rem,3vw,2.8rem);line-height:1;white-space:nowrap}.employer-metric-card p,.activity-card p,.employer-note,.privacy-note,.employer-placeholder-panel p{color:var(--muted);line-height:1.55}.employer-metric-card p{margin:12px 0 0}.employer-main-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(320px,.65fr);gap:14px}.employer-panel{padding:22px}.pay-cycle-status-card{background:linear-gradient(135deg,#5f88f629,#27dce50f),#070e1dd6}.pay-cycle-status-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.pay-cycle-status-grid div,.engagement-list div,.activity-card,.employer-roadmap-grid article{border:1px solid rgba(82,212,232,.12);border-radius:8px;padding:14px;background:#78bfff0a}.pay-cycle-status-grid strong{display:block;margin-top:5px;color:#fff;line-height:1.35}.pay-cycle-status-grid small,.activity-card small{display:block;margin-top:8px;color:var(--muted);font-size:.82rem;line-height:1.45}.employer-note{margin:18px 0 0}.employer-action{margin-top:18px}.engagement-list{display:grid;gap:10px}.engagement-list div{display:grid;grid-template-columns:58px minmax(0,1fr);align-items:center;gap:12px}.engagement-list strong{color:#fff;font-size:1.75rem;line-height:1}.engagement-list span{color:#d8e7f0;line-height:1.45}.privacy-note{margin:16px 0 0;border-left:3px solid var(--cyan);padding-left:12px;color:#dffbff;font-weight:750}.workforce-activity-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.activity-card{box-shadow:none}.activity-card strong{display:block;margin-top:10px;color:#fff;font-size:2rem}.employer-card-action{width:100%;margin-top:14px}.employee-snapshot-table{display:grid;gap:8px;overflow-x:auto}.employee-snapshot-header,.employee-snapshot-row{display:grid;grid-template-columns:minmax(150px,1.15fr) minmax(140px,.9fr) minmax(130px,.9fr) minmax(140px,.9fr) minmax(140px,.9fr) minmax(150px,1fr);gap:10px;align-items:center;min-width:900px}.employee-snapshot-header{padding:0 14px 4px;color:var(--muted);font-size:.82rem;font-weight:850}.employee-snapshot-row{border:1px solid rgba(82,212,232,.12);border-radius:8px;padding:14px;background:#78bfff0a}.employee-snapshot-row strong,.employee-snapshot-row span{color:#fff;line-height:1.35}.employee-snapshot-row span{color:#d8e7f0}.employee-snapshot-row em{justify-self:flex-start;border:1px solid rgba(82,212,232,.2);border-radius:999px;padding:5px 9px;color:#b7f8ff;background:#27dce514;font-style:normal;font-size:.82rem;font-weight:850;line-height:1.2}.employee-snapshot-row em.ready{border-color:#5fe6964d;color:#a7ffc9;background:#5fe69614}.compact-metric-card{min-height:132px}.compact-metric-card strong{font-size:clamp(1.9rem,3vw,2.65rem)}.employee-controls-panel{display:grid;grid-template-columns:minmax(240px,1.25fr) repeat(3,minmax(150px,.75fr));gap:12px;align-items:end}.employee-controls-panel label{display:grid;gap:8px;color:var(--muted);font-size:.84rem;font-weight:850}.employee-controls-panel input,.employee-controls-panel select{width:100%;min-height:46px;border:1px solid rgba(82,212,232,.2);border-radius:8px;padding:0 12px;color:#fff;background:#020611bd;font:inherit;outline:none}.employee-controls-panel input:focus,.employee-controls-panel select:focus{border-color:var(--line-strong);box-shadow:0 0 0 3px #27dce51f}.employee-status-table{display:grid;gap:8px;overflow-x:auto}.employee-status-header,.employee-status-row{display:grid;grid-template-columns:minmax(170px,1.2fr) minmax(115px,.8fr) minmax(105px,.75fr) minmax(125px,.85fr) minmax(85px,.7fr) minmax(115px,.8fr) minmax(130px,.9fr) minmax(90px,.65fr);gap:10px;align-items:center;min-width:1020px}.employee-status-header{padding:0 14px 4px;color:var(--muted);font-size:.8rem;font-weight:850}.employee-status-row{width:100%;border:1px solid rgba(82,212,232,.12);border-radius:8px;padding:14px;color:#d8e7f0;background:#78bfff0a;text-align:left}.employee-status-row:hover,.employee-status-row:focus-visible{border-color:var(--line-strong);background:#78bfff14}.employee-status-row strong,.employee-status-row span{line-height:1.35}.employee-status-row strong{display:block;color:#fff}.employee-status-row small{display:block;margin-top:4px;color:var(--muted);line-height:1.35}.employee-status-badge{display:inline-flex;border:1px solid rgba(82,212,232,.2);border-radius:999px;padding:5px 9px;color:#b7f8ff;background:#27dce514;font-style:normal;font-size:.78rem;font-weight:850;line-height:1.2;white-space:nowrap}.employee-status-badge.ready{border-color:#5fe6964d;color:#a7ffc9;background:#5fe69614}.employee-status-badge.no-activity{border-color:#aeb9c740;color:#d8e7f0;background:#aeb9c714}.employee-status-badge.pending-verification,.employee-status-badge.review-pending-shift{border-color:#ffc26b57;color:#ffdca3;background:#ffc26b1a}.employee-status-badge.payroll-review{border-color:#ff80a057;color:#ffc1d0;background:#ff80a01a}.table-action-text{color:#87f4ff;font-weight:850}.attention-list{display:grid;gap:10px}.attention-list div{display:grid;grid-template-columns:minmax(150px,.6fr) minmax(0,1fr) auto;gap:12px;align-items:center;border:1px solid rgba(82,212,232,.12);border-radius:8px;padding:14px;background:#78bfff0a}.attention-list strong{color:#fff}.attention-list span{color:#d8e7f0;line-height:1.45}.employee-privacy-card{margin-top:0}.employer-employee-modal{width:min(720px,calc(100% - 32px));max-height:calc(100vh - 40px);overflow-y:auto}.employee-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:18px}.employee-detail-grid div{border:1px solid rgba(82,212,232,.12);border-radius:8px;padding:14px;background:#78bfff0a}.employee-detail-grid .wide-detail{grid-column:1 / -1}.employee-detail-grid span,.employee-detail-grid strong{display:block}.employee-detail-grid span{color:var(--muted);line-height:1.4}.employee-detail-grid strong{margin-top:5px;color:#fff;line-height:1.35}.employer-roadmap-panel{background:linear-gradient(135deg,#5f88f61a,#27dce50a),#070e1dc7}.employer-roadmap-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.employer-roadmap-grid strong{display:block;margin-top:12px;color:#fff}.employer-roadmap-grid p{margin:10px 0 0;color:#d8e7f0;line-height:1.55}.pay-cycle-timeline-card{border:1px solid var(--line-strong);border-radius:8px;padding:clamp(22px,4vw,30px);background:linear-gradient(135deg,#5f88f629,#27dce512),#070e1dd1;box-shadow:0 24px 80px #00000047}.pay-cycle-timeline-card p{max-width:820px;margin:18px 0 0;color:#d8e7f0;line-height:1.6}.pay-cycle-timeline-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;position:relative}.pay-cycle-timeline-steps div{border:1px solid rgba(82,212,232,.14);border-radius:8px;padding:16px;background:#78bfff0d}.pay-cycle-timeline-steps div.current{border-color:var(--line-strong);background:linear-gradient(135deg,#5f88f63d,#27dce51a)}.pay-cycle-timeline-steps span,.pay-cycle-timeline-steps strong{display:block}.pay-cycle-timeline-steps span{color:#87f4ff;font-size:.84rem;font-weight:850}.pay-cycle-timeline-steps strong{margin-top:8px;color:#fff;line-height:1.35}.pay-cycle-status-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;border:1px solid var(--line-strong);border-radius:8px;padding:16px;background:linear-gradient(135deg,#5f88f61f,#27dce50d),#070e1dd1}.pay-cycle-status-strip div{border:1px solid rgba(82,212,232,.12);border-radius:8px;padding:12px;background:#78bfff0a}.pay-cycle-status-strip span,.pay-cycle-status-strip strong{display:block}.pay-cycle-status-strip span{color:var(--muted);font-size:.82rem;font-weight:850}.pay-cycle-status-strip strong{margin-top:5px;color:#fff;line-height:1.35}.pay-cycle-status-strip p{grid-column:1 / -1;margin:2px 0 0;color:#d8e7f0;line-height:1.45}.pay-cycle-financial-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.readiness-list{display:grid;gap:10px}.readiness-list article{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;align-items:center;border:1px solid rgba(82,212,232,.12);border-radius:8px;padding:14px;background:#78bfff0a}.readiness-list strong{display:block;color:#fff}.readiness-list p{margin:6px 0 0;color:var(--muted);line-height:1.5}.attention-payroll-panel{border-color:var(--line-strong)}.payroll-attention-list{display:grid;gap:10px}.payroll-attention-list article{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;align-items:center;border:1px solid rgba(82,212,232,.12);border-radius:8px;padding:14px;background:#78bfff0a}.payroll-attention-list strong,.payroll-attention-list p{display:block}.payroll-attention-list strong{color:#fff}.payroll-attention-list p{margin:6px 0 0;color:var(--muted);line-height:1.45}.payroll-attention-list .button{min-width:170px}.positive-status-line{margin:16px 0 0;border-left:3px solid #64e995;padding-left:12px;color:#dffbff;font-weight:850;line-height:1.45}.deduction-table{display:grid;gap:8px;overflow-x:auto}.deduction-table-header,.deduction-table-row{display:grid;grid-template-columns:minmax(180px,1.2fr) minmax(150px,.9fr) minmax(110px,.75fr) minmax(150px,.9fr) minmax(160px,.95fr);gap:10px;align-items:center;min-width:820px}.deduction-table-header{padding:0 14px 4px;color:var(--muted);font-size:.82rem;font-weight:850}.deduction-table-row{border:1px solid rgba(82,212,232,.12);border-radius:8px;padding:14px;background:#78bfff0a}.deduction-table-row strong,.deduction-table-row span{color:#fff;line-height:1.35}.deduction-table-row small{display:block;margin-top:4px;color:var(--muted)}.deduction-table-row.totals-row{border-color:var(--line-strong);background:#27dce514;font-weight:850}.compact-deduction-table .deduction-table-header,.compact-deduction-table .deduction-table-row{grid-template-columns:minmax(220px,1fr) minmax(140px,.5fr) minmax(180px,.75fr);min-width:620px}.expandable-link{margin-top:14px}.expanded-deduction-records{margin-top:14px;border-top:1px solid rgba(82,212,232,.12);padding-top:14px}.payroll-actions-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.payroll-actions-bar{padding-bottom:18px}.payroll-action-controls{display:flex;align-items:flex-start;flex-wrap:wrap;gap:12px}.payroll-action-controls>div{display:grid;gap:7px}.payroll-action-controls small{color:var(--muted);font-size:.82rem;line-height:1.35}.disabled-look{opacity:.68}.expandable-info-row{border:1px solid var(--line);border-radius:8px;background:#070e1d9e}.expandable-info-row>button{width:100%;min-height:56px;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:0 18px;color:#fff;background:transparent;text-align:left;font-weight:900}.expandable-info-row>button strong{color:#87f4ff;font-size:.9rem}.expandable-info-row>div{border-top:1px solid rgba(82,212,232,.12);padding:18px}.expandable-info-row p,.expandable-info-row small{color:#d8e7f0;line-height:1.55}.expandable-info-row p{margin:0}.expandable-info-row small{display:block;margin-top:12px;color:var(--muted)}.payroll-clarification-card{margin-top:0}.payroll-clarification-card small{display:block;margin-top:12px;color:var(--muted);line-height:1.45}.payroll-demo-modal{width:min(560px,100%)}.employer-demo-notice{margin-top:0}.report-intro{align-items:flex-start}.date-range-selector{display:inline-flex;flex-wrap:wrap;gap:6px;justify-content:flex-end;border:1px solid var(--line);border-radius:8px;padding:6px;background:#070e1dc7}.date-range-selector button{min-height:36px;border:1px solid transparent;border-radius:7px;padding:0 12px;color:var(--muted);background:transparent;font-size:.82rem;font-weight:850}.date-range-selector button.active,.date-range-selector button:hover,.date-range-selector button:focus-visible{border-color:#52d4e847;color:#fff;background:#27dce51a}.report-summary-grid .employer-metric-card strong{font-size:clamp(1.75rem,2.5vw,2.4rem)}.report-chart-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,.35fr);gap:16px;align-items:stretch}.weekly-bar-chart,.report-side-summary,.site-activity-grid,.report-action-list{display:grid;gap:10px}.weekly-bar-row{display:grid;grid-template-columns:72px minmax(0,1fr) 110px;gap:12px;align-items:center;border:1px solid rgba(82,212,232,.12);border-radius:8px;padding:13px 14px;background:#78bfff0a}.weekly-bar-row span,.weekly-bar-row strong{color:#fff;line-height:1.3}.weekly-bar-row span{color:var(--muted);font-size:.86rem;font-weight:850}.weekly-bar-row strong{justify-self:end}.weekly-bar-row div,.site-activity-meter{height:10px;overflow:hidden;border-radius:999px;background:#78bfff1a}.weekly-bar-row i,.site-activity-meter i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--blue),var(--cyan));box-shadow:0 0 18px #27dce538}.report-side-summary{grid-template-columns:1fr}.report-side-summary div{border:1px solid rgba(82,212,232,.12);border-radius:8px;padding:13px 14px;background:#78bfff0a}.report-side-summary span,.report-side-summary strong{display:block}.report-side-summary span{color:var(--muted);font-size:.82rem;line-height:1.35}.report-side-summary strong{margin-top:6px;color:#fff;font-size:1.2rem;line-height:1.2}.site-activity-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.site-activity-grid article{border:1px solid rgba(82,212,232,.12);border-radius:8px;padding:16px;background:#78bfff0a}.site-card-topline{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:14px}.site-card-topline strong{color:#fff;line-height:1.3}.site-card-topline span{border:1px solid rgba(255,194,107,.28);border-radius:999px;padding:5px 8px;color:#ffdca3;background:#ffc26b14;font-size:.78rem;font-weight:850;line-height:1.2;white-space:nowrap}.site-activity-grid dl{display:grid;gap:8px;margin:16px 0 0}.site-activity-grid dl div{display:flex;align-items:center;justify-content:space-between;gap:10px}.site-activity-grid dt,.site-activity-grid dd{margin:0;line-height:1.35}.site-activity-grid dt{color:var(--muted)}.site-activity-grid dd{color:#fff;font-weight:850}.report-action-list article{display:grid;grid-template-columns:minmax(0,1fr) minmax(180px,.4fr) auto;gap:14px;align-items:center;border:1px solid rgba(82,212,232,.12);border-radius:8px;padding:14px;background:#78bfff0a}.report-action-list strong,.report-action-list span{color:#fff;line-height:1.35}.report-action-list p{margin:6px 0 0;color:var(--muted);line-height:1.45}.report-action-list>article>span{color:#dffbff;font-weight:850}.report-engagement-list{grid-template-columns:repeat(4,minmax(0,1fr))}.report-engagement-list div{grid-template-columns:1fr;align-content:flex-start}.export-report-panel{display:flex;align-items:center;justify-content:space-between;gap:18px}.export-report-panel h2{margin:0;color:#fff}.settings-page{gap:14px}.settings-policy-card{border-color:var(--line-strong);background:linear-gradient(135deg,#5f88f61f,#27dce50d),#070e1dd1}.settings-policy-grid,.settings-info-list,.settings-org-grid{display:grid;gap:10px}.settings-policy-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.settings-info-list{grid-template-columns:repeat(3,minmax(0,1fr))}.settings-org-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.settings-policy-grid div,.settings-info-list div,.settings-org-grid div,.settings-info-row{border:1px solid rgba(82,212,232,.12);border-radius:8px;padding:13px;background:#78bfff0a}.settings-policy-grid span,.settings-info-list span,.settings-org-grid span,.settings-info-row p{color:var(--muted);line-height:1.45}.settings-policy-grid strong,.settings-info-list strong,.settings-org-grid strong,.settings-info-row strong{display:block;color:#fff;line-height:1.35}.settings-policy-grid strong,.settings-info-list strong,.settings-org-grid strong{margin-top:4px}.settings-select-field{display:grid;max-width:280px;gap:8px;margin-top:18px;color:var(--muted);font-size:.84rem;font-weight:850}.settings-select-field select{width:100%;min-height:46px;border:1px solid rgba(82,212,232,.2);border-radius:8px;padding:0 12px;color:#fff;background:#020611bd;font:inherit;outline:none}.settings-select-field select:focus{border-color:var(--line-strong);box-shadow:0 0 0 3px #27dce51f}.settings-update-message{margin:14px 0 0;border-left:3px solid var(--cyan);padding-left:12px;color:#dffbff;font-weight:850;line-height:1.45}.settings-card small{display:block;margin-top:14px;color:var(--muted);line-height:1.45}.settings-info-row{margin-top:10px}.settings-info-row p{margin:6px 0 0}.settings-status-card{background:linear-gradient(135deg,#5f88f61a,#27dce50a),#070e1dc7}.settings-roadmap-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.employer-placeholder-panel h2{margin:0;color:#fff}.profile-page{gap:0}.profile-hero-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(340px,.95fr);gap:14px}.profile-card,.profile-section,.demo-account-notice{border:1px solid var(--line);border-radius:8px;padding:22px;background:#070e1dc7;box-shadow:0 20px 70px #0000003d}.profile-card{display:grid;grid-template-columns:auto minmax(0,1fr);gap:18px;align-items:flex-start}.profile-summary-card{grid-template-columns:1fr}.profile-avatar{width:62px;height:62px;display:grid;place-items:center;border:1px solid var(--line-strong);border-radius:50%;color:#fff;background:linear-gradient(135deg,#5f88f69e,#27dce547);font-weight:900}.profile-card p,.demo-account-notice p{margin:14px 0 0;color:var(--muted);line-height:1.55}.profile-details,.profile-summary-list,.preference-list,.profile-info-list{display:grid;gap:10px}.profile-details{grid-template-columns:repeat(3,minmax(0,1fr))}.profile-summary-list{grid-template-columns:repeat(2,minmax(150px,1fr))}.profile-details div,.profile-summary-list div,.profile-info-list div{border:1px solid rgba(82,212,232,.12);border-radius:8px;padding:13px;background:#78bfff0a}.profile-details span,.profile-summary-list span,.profile-info-list span{display:block;color:var(--muted);line-height:1.45}.profile-details strong,.profile-summary-list strong,.profile-info-list strong{display:block;margin-top:4px;color:#fff;line-height:1.35}.profile-section,.demo-account-notice{margin-top:14px}.preference-row{display:flex;align-items:center;justify-content:space-between;gap:16px;border:1px solid rgba(82,212,232,.12);border-radius:8px;padding:14px;background:#78bfff0a}.preference-row strong,.preference-row span{display:block}.preference-row strong{color:#fff}.preference-row span{margin-top:4px;color:var(--muted);line-height:1.45}.profile-section small{display:block;margin-top:14px;color:var(--muted);line-height:1.45}.toggle-switch{width:54px;height:30px;flex:0 0 auto;border:1px solid rgba(82,212,232,.22);border-radius:999px;padding:3px;background:#020611bd;cursor:pointer}.toggle-switch span{display:block;width:22px;height:22px;border-radius:50%;background:#d8e7f0;transition:transform .16s ease,background .16s ease}.toggle-switch.active{border-color:var(--line-strong);background:linear-gradient(135deg,#5f88f69e,#27dce557)}.toggle-switch.active span{transform:translate(24px);background:#fff}.privacy-action{margin-top:16px}.support-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.support-grid article{border:1px solid rgba(82,212,232,.12);border-radius:8px;padding:14px;background:#78bfff0a}.support-grid strong{display:block;color:#fff}.support-grid p{margin:8px 0 0;color:var(--muted);line-height:1.55}.demo-account-notice{border-color:#27dce53d;background:linear-gradient(135deg,#5f88f61f,#27dce50f),#070e1dcc}.demo-account-notice h2{margin:0;color:#fff;font-size:1.15rem}.privacy-modal{width:min(560px,100%)}.modal-backdrop{position:fixed;inset:0;z-index:20;display:grid;place-items:center;padding:20px;background:#01030ab8;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.request-modal{width:min(520px,100%);border:1px solid var(--line-strong);border-radius:8px;padding:clamp(24px,5vw,34px);background:#07101f;box-shadow:0 30px 110px #0000008a}.request-modal h2{margin:0;font-size:clamp(2rem,5vw,3rem);line-height:1}.amount-field{margin-top:24px}.request-summary{display:grid;gap:10px;margin-top:18px}.request-summary div{display:flex;align-items:center;justify-content:space-between;gap:16px;border:1px solid rgba(82,212,232,.12);border-radius:8px;padding:12px 14px;background:#78bfff0a}.request-summary span{color:var(--muted)}.request-summary strong{color:#fff;white-space:nowrap}.modal-copy{margin:18px 0 0;color:var(--muted);line-height:1.6}.modal-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}.success-mark{width:54px;height:54px;display:grid;place-items:center;margin:0 0 20px;border-radius:50%;color:var(--ink);background:linear-gradient(135deg,var(--blue),var(--cyan));font-size:1.7rem;font-weight:900}@media(max-width:860px){.hero{width:min(100% - 28px,680px);min-height:auto}.hero-grid{grid-template-columns:1fr;gap:34px;padding-top:44px}.landing-hero-grid{min-height:auto;padding-top:36px}h1{font-size:clamp(3rem,15vw,4.9rem)}.preview-panel{width:100%}.auth-screen,.dashboard-screen{width:min(100% - 28px,680px);padding-top:20px}.demo-topbar{margin-bottom:38px}.dashboard-layout,.dashboard-intro{flex-direction:column;align-items:stretch}.dashboard-nav{width:100%;position:static;grid-template-columns:repeat(5,minmax(0,1fr))}.nav-item{text-align:center;padding:0 8px}.pay-cycle{min-width:0}.dashboard-grid,.care-context-grid,.earned-pay-hero,.earned-pay-lower-grid,.pay-outlook-grid,.wellbeing-grid,.guidance-grid,.roadmap-grid,.employer-summary-grid,.employer-main-grid,.employee-controls-panel,.workforce-activity-grid,.employer-roadmap-grid,.pay-cycle-status-strip,.pay-cycle-financial-grid,.pay-cycle-timeline-steps,.payroll-actions-grid,.pay-cycle-status-grid,.report-chart-layout,.site-activity-grid,.report-engagement-list,.settings-policy-grid,.settings-info-list,.settings-org-grid,.profile-hero-grid,.profile-details,.profile-summary-list,.support-grid,.payday-plan-grid,.estimate-breakdown,.demo-path-grid,.workflow-grid,.why-grid,.landing-roadmap-grid,.landing-footer{grid-template-columns:1fr}.landing-section-heading{align-items:flex-start;flex-direction:column}.available-card{grid-column:span 1}.allowance-stats{grid-template-columns:1fr}.attention-list div{grid-template-columns:1fr;justify-items:flex-start}.readiness-list article{grid-template-columns:1fr;justify-items:flex-start}.payroll-attention-list article{grid-template-columns:1fr;justify-items:flex-start}.report-action-list article{grid-template-columns:1fr;justify-items:flex-start}.export-report-panel{align-items:flex-start;flex-direction:column}.settings-roadmap-grid{grid-template-columns:1fr}}@media(max-width:520px){.hero{padding-top:20px}.topbar{align-items:flex-start}.brand{width:142px}.landing-page{width:min(100% - 28px,680px)}.landing-page .brand{width:clamp(184px,56vw,230px)}.landing-page h1{font-size:clamp(2.9rem,14vw,4.4rem)}.button-row{flex-direction:column}.button{width:100%}.insight-grid{grid-template-columns:1fr}.dashboard-header{align-items:flex-start;flex-direction:column}.dashboard-header-actions{justify-content:flex-start}.employer-identity{justify-content:flex-start;margin-left:0}.employer-identity div{min-width:min(100%,220px)}.dashboard-nav{grid-template-columns:repeat(2,minmax(0,1fr))}.section-heading,.progress-legend,.activity-item,.modal-actions,.preference-row,.report-intro,.site-card-topline{align-items:flex-start;flex-direction:column}.landing-footer{align-items:flex-start}.date-range-selector{justify-content:flex-start}.weekly-bar-row{grid-template-columns:1fr}.weekly-bar-row strong{justify-self:flex-start}.calculation-path,.quick-amounts,.check-in-options,.planner-form{grid-template-columns:repeat(2,minmax(0,1fr))}.planner-form .button{grid-column:1 / -1}.history-item{grid-template-columns:1fr;justify-items:flex-start}.profile-card,.preference-row{grid-template-columns:1fr}.profile-card,.preference-row{align-items:flex-start}.employee-detail-grid{grid-template-columns:1fr}.payday-timeline{grid-template-columns:1fr;gap:8px}.payday-timeline i{width:100%}.check-in-options,.planner-form{grid-template-columns:1fr}.modal-actions .button{width:100%}.shift-grid{grid-template-columns:1fr}.request-summary div{align-items:flex-start;flex-direction:column;gap:5px}}