:root{--color-primary:#147d72;--color-primary-hover:#0f6c63;--color-primary-soft:#dff4ef;--color-night:#3158a7;--color-night-soft:#e7edfb;--color-warning:#b86b17;--color-warning-soft:#fff1d8;--color-danger:#bc3f4b;--color-surface:#fff;--color-background:#f5f7f9;--color-text:#172033;--color-muted:#687486;--color-border:#dfe5e8;--shadow-card:0 18px 55px #202e4217;--radius-card:24px;--radius-control:14px;--touch-target-min:44px}*{box-sizing:border-box}html{color:var(--color-text);background:var(--color-background);text-rendering:optimizelegibility;font-family:Inter,Segoe UI,system-ui,sans-serif}body{min-width:320px;min-height:100vh;margin:0}button,input,select,textarea{font:inherit}button{-webkit-tap-highlight-color:transparent}.site-shell{background:radial-gradient(circle at 8% 0%, #147d721a, transparent 25%), var(--color-background);min-height:100vh;padding:0 28px 36px}.site-shell--compact{background:linear-gradient(135deg, #147d7214, transparent 44%), var(--color-background)}.topbar{justify-content:space-between;align-items:center;width:min(1180px,100%);height:84px;margin:0 auto;display:flex}.brand{color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:12px;padding:0;display:flex}.brand__mark{background:var(--color-primary);color:#fff;border-radius:13px;place-items:center;width:42px;height:42px;font-size:.78rem;font-weight:800;display:grid;box-shadow:0 9px 20px #147d723d}.brand strong,.brand small{display:block}.brand strong{letter-spacing:-.02em;font-size:1rem}.brand small{color:var(--color-muted);margin-top:1px;font-size:.72rem}.msk-pill{color:var(--color-primary);background:#ffffffb8;border:1px solid #cfe4df;border-radius:999px;padding:8px 12px;font-size:.78rem;font-weight:800}.msk-pill span{font-size:.55rem}.auth-layout{grid-template-columns:1.05fr .95fr;align-items:center;gap:clamp(44px,8vw,100px);width:min(1040px,100%);min-height:calc(100vh - 120px);margin:0 auto;padding:42px 0 96px;display:grid}.auth-copy h2,.choice-card h2,.dashboard h2{letter-spacing:-.055em;margin:10px 0 18px;font-size:clamp(2.25rem,6vw,4.8rem);line-height:.98}.auth-copy p,.choice-card>p,.dashboard__heading p{color:var(--color-muted);font-size:1.05rem;line-height:1.7}.eyebrow{color:var(--color-primary);letter-spacing:.12em;text-transform:uppercase;font-size:.78rem;font-weight:800}.trust-list{color:#475568;gap:14px;margin:32px 0 0;padding:0;list-style:none;display:grid}.trust-list span{background:var(--color-primary-soft);width:25px;height:25px;color:var(--color-primary);border-radius:50%;place-items:center;margin-right:9px;font-weight:800;display:inline-grid}.auth-card,.choice-card,.schedule-card{border-radius:var(--radius-card);box-shadow:var(--shadow-card);background:#fffffff0;border:1px solid #d2dce0d9}.auth-card{padding:clamp(24px,5vw,42px)}.step-indicator{color:var(--color-muted);justify-content:space-between;margin-bottom:30px;font-size:.82rem;display:flex}.step-indicator strong{color:var(--color-primary)}.field{gap:9px;margin-bottom:20px;display:grid}.field__label{font-size:.86rem;font-weight:700}.field__input{border:1px solid var(--color-border);border-radius:var(--radius-control);width:100%;min-height:52px;color:var(--color-text);background:#fff;outline:none;padding:0 15px;transition:border-color .18s,box-shadow .18s}.field__input:focus{border-color:var(--color-primary);box-shadow:0 0 0 4px #147d721f}.field__message{color:var(--color-muted);font-size:.76rem}.field__message--error{color:var(--color-danger)}.button{min-height:var(--touch-target-min);border-radius:var(--radius-control);background:var(--color-primary);color:#fff;cursor:pointer;border:1px solid #0000;padding:12px 18px;font-weight:800;transition:transform .16s,background .16s,opacity .16s}.button:hover:not(:disabled){background:var(--color-primary-hover);transform:translateY(-1px)}.button:focus-visible,.day-card:focus-visible,.brand:focus-visible,.text-link:focus-visible{outline-offset:3px;outline:3px solid #147d724d}.button:disabled{opacity:.45;cursor:not-allowed}.button--secondary{border-color:var(--color-border);color:var(--color-text);background:#fff}.button--secondary:hover:not(:disabled){background:#f7faf9}.button--quiet{color:var(--color-primary);background:0 0}.button--danger{background:var(--color-danger)}.button--full{width:100%}.form-note{color:var(--color-muted);text-align:center;margin:16px 0 0;font-size:.76rem;line-height:1.55}.form-context{color:var(--color-muted);overflow-wrap:anywhere;margin:0 0 20px;font-size:.88rem;line-height:1.55}.form-error{color:var(--color-danger);background:#fbeaec;border-radius:12px;margin:0 0 16px;padding:11px 13px;font-size:.8rem;line-height:1.45}.text-link{width:100%;min-height:44px;color:var(--color-primary);cursor:pointer;background:0 0;border:0;margin-top:8px;font-weight:700}.name-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.consent-row{color:#4d596a;cursor:pointer;grid-template-columns:auto 1fr;align-items:start;gap:10px;margin:0 0 20px;font-size:.78rem;line-height:1.45;display:grid}.consent-row input{width:18px;height:18px;accent-color:var(--color-primary);margin:1px 0 0}.security-note{background:var(--color-primary-soft);border:1px solid #d8e5e2;border-radius:14px;margin-bottom:20px;padding:15px}.security-note p{color:#4d6d68;margin:5px 0 12px;font-size:.78rem;line-height:1.45}.security-note code{color:#25534e;overflow-wrap:anywhere;-webkit-user-select:all;user-select:all;background:#ffffffbf;border-radius:9px;padding:10px;font-family:ui-monospace,Consolas,monospace;font-size:.75rem;display:block}.center-page{place-items:center;min-height:calc(100vh - 120px);padding:36px 0 90px;display:grid}.route-loading{color:var(--color-primary);box-shadow:var(--shadow-card);background:#fff;border-radius:999px;padding:14px 18px;font-weight:800}.choice-card{text-align:center;width:min(100%,520px);padding:clamp(28px,6vw,52px)}.choice-card__icon{color:#fff;background:linear-gradient(145deg,#7156e8,#4b37aa);border-radius:20px;place-items:center;width:68px;height:68px;margin:0 auto 25px;font-size:1.8rem;font-weight:800;display:grid;box-shadow:0 14px 30px #503aae3d}.choice-card h2{font-size:clamp(2rem,7vw,3.4rem)}.stack-actions{gap:11px;margin-top:30px;display:grid}.dashboard{width:min(1180px,100%);margin:0 auto;padding:42px 0 80px}.dashboard__heading{justify-content:space-between;align-items:end;gap:32px;display:flex}.dashboard__heading h2{max-width:760px;font-size:clamp(2rem,5vw,4rem)}.deadline-card{background:var(--color-warning-soft);border:1px solid #ecd8b9;border-radius:17px;min-width:160px;padding:16px 18px}.deadline-card span,.deadline-card strong,.deadline-card small{display:block}.deadline-card span,.deadline-card small{color:#8b5b22;font-size:.72rem}.deadline-card strong{margin:3px 0}.project-banner{background:var(--color-primary-soft);border:1px solid #d4e5e1;border-radius:18px;grid-template-columns:auto 1fr auto;align-items:center;gap:16px;margin:34px 0 20px;padding:18px 20px;display:grid}.project-banner__icon{width:42px;height:42px;color:var(--color-primary);background:#fff;border-radius:12px;place-items:center;display:grid}.project-banner p{color:#4d6d68;margin:4px 0 0;font-size:.83rem}.status-badge{color:var(--color-primary);background:#fff;border-radius:999px;padding:7px 10px;font-size:.72rem;font-weight:800}.schedule-card{padding:clamp(20px,4vw,34px)}.schedule-card__top{justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px;display:flex}.schedule-card h3{margin:0 0 5px;font-size:1.2rem}.schedule-card p{color:var(--color-muted);margin:0;font-size:.82rem}.legend{color:var(--color-muted);gap:14px;font-size:.75rem;display:flex}.legend span{align-items:center;gap:6px;display:flex}.legend i{border-radius:50%;width:9px;height:9px}.legend__day{background:var(--color-primary)}.legend__night{background:var(--color-night)}.week-grid{grid-template-columns:repeat(7,1fr);gap:10px;display:grid}.day-card{border:1px solid var(--color-border);min-height:142px;color:var(--color-text);cursor:pointer;background:#fafbfc;border-radius:17px;flex-direction:column;justify-content:center;align-items:center;gap:7px;transition:transform .16s,border .16s,background .16s;display:flex}.day-card:hover{transform:translateY(-2px)}.day-card span{color:var(--color-muted);font-size:.75rem}.day-card strong{font-size:1.6rem}.day-card small{color:var(--color-muted);font-size:.7rem;font-weight:700}.day-card--day{background:var(--color-primary-soft);color:#075c54;border-color:#8bc8bd}.day-card--night{background:var(--color-night-soft);color:var(--color-night);border-color:#9badd9}.schedule-actions{border-top:1px solid var(--color-border);justify-content:space-between;align-items:center;gap:20px;margin-top:24px;padding-top:22px;display:flex}.locked-note{background:#f2f5f7;border-radius:13px;padding:13px 15px;color:#536171!important;margin:18px 0 0!important}.success-summary{background:var(--color-primary-soft);color:#075c54;border:1px solid #b7ddd4;border-radius:14px;margin:0 0 18px;padding:13px 15px;font-size:.86rem;font-weight:700}.error-summary:focus{outline:3px solid #ab283b2e}.submitted-shifts{gap:12px;margin-top:22px;display:grid}.section-heading{margin:12px 0 4px}.section-heading h3{margin:0 0 4px}.section-heading p{color:var(--color-muted);margin:0;font-size:.82rem}.shift-card{border:1px solid var(--color-border);background:#fff;border-radius:17px;justify-content:space-between;align-items:center;gap:18px;padding:18px 20px;display:flex}.shift-card>div{align-items:center;gap:18px;display:flex}.shift-card strong,.shift-card small{display:block}.shift-card small{color:var(--color-muted)}.shift-kind{border-radius:999px;padding:7px 10px;font-size:.75rem;font-weight:800}.shift-kind--day{background:var(--color-primary-soft);color:#075c54}.shift-kind--night{background:var(--color-night-soft);color:var(--color-night)}.text-action{min-height:44px;color:var(--color-primary);cursor:pointer;background:0 0;border:0;font-weight:800}.dialog-backdrop{z-index:20;background:#131e2d8c;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.dialog-card{background:#fff;border-radius:22px;width:min(100%,520px);max-height:calc(100vh - 36px);padding:28px;overflow:auto;box-shadow:0 26px 80px #101c2b40}.dialog-card h3{margin:0 0 8px;font-size:1.5rem}.dialog-card>p{color:var(--color-muted);margin:0 0 22px;line-height:1.55}.field__textarea{resize:vertical;min-height:100px;padding-top:12px}.dialog-actions{justify-content:flex-end;gap:10px;margin-top:22px;display:flex}.admin-dashboard .dashboard__heading{align-items:center}.metric-grid{grid-template-columns:repeat(4,1fr);gap:14px;margin:34px 0 20px;display:grid}.metric-card{border:1px solid var(--color-border);background:#fff;border-radius:19px;flex-direction:column;min-height:182px;padding:20px;display:flex;box-shadow:0 8px 30px #202e420d}.metric-card>span{min-height:38px;color:var(--color-muted);font-size:.8rem;line-height:1.4}.metric-card>strong{letter-spacing:-.05em;margin:11px 0 20px;font-size:2.7rem}.metric-card button{min-height:44px;color:var(--color-primary);text-align:left;cursor:pointer;background:0 0;border:0;margin:auto 0 -10px;padding:10px 0;font-weight:800}.metric-hint{color:var(--color-muted);margin-top:auto;font-size:.76rem;font-weight:700}.queue-list{gap:12px;margin:0 0 22px;display:grid}.queue-item{border:1px solid var(--color-border);background:#fff;border-radius:17px;justify-content:space-between;align-items:center;gap:18px;padding:18px 20px;display:flex}.queue-item p{color:var(--color-muted);margin:5px 0}.queue-item small{color:var(--color-muted);overflow-wrap:anywhere}.queue-actions{gap:8px;display:flex}.queue-actions button{border:1px solid var(--color-border);min-height:44px;color:var(--color-primary);cursor:pointer;background:#fff;border-radius:11px;padding:9px 12px;font-weight:800}.empty-panel{background:#ffffffad;border:1px dashed #cad7d5;border-radius:20px;grid-template-columns:auto 1fr auto;align-items:center;gap:18px;padding:26px;display:grid}.empty-panel__icon{background:var(--color-primary-soft);width:48px;height:48px;color:var(--color-primary);border-radius:15px;place-items:center;font-size:1.3rem;font-weight:800;display:grid}.empty-panel h3{margin:0 0 5px}.empty-panel p{color:var(--color-muted);margin:0;font-size:.84rem;line-height:1.5}.employee-toolbar{border:1px solid var(--color-border);background:#fff;border-radius:18px;grid-template-columns:1fr 230px;gap:14px;margin:34px 0 20px;padding:18px;display:grid}.employee-toolbar label{color:var(--color-muted);gap:7px;font-size:.72rem;font-weight:700;display:grid}.employee-toolbar input,.employee-toolbar select{border:1px solid var(--color-border);width:100%;min-height:46px;color:var(--color-text);background:#fff;border-radius:12px;padding:0 13px}@media (width<=820px){.site-shell{padding:0 18px 24px}.topbar{height:72px}.auth-layout{grid-template-columns:1fr;gap:28px;min-height:auto;padding:30px 0 68px}.auth-copy h2{font-size:2.8rem}.trust-list{display:none}.dashboard{padding-top:28px}.dashboard__heading{flex-direction:column;align-items:stretch}.deadline-card{width:fit-content}.project-banner{grid-template-columns:auto 1fr}.status-badge{grid-column:2;width:fit-content}.week-grid{grid-template-columns:repeat(4,1fr)}.metric-grid{grid-template-columns:repeat(2,1fr)}.empty-panel{grid-template-columns:auto 1fr}.empty-panel .status-badge{grid-column:2;width:fit-content}}@media (width<=520px){.brand small{display:none}.auth-copy h2,.dashboard__heading h2{font-size:2.35rem}.auth-copy p{font-size:.95rem}.auth-card,.choice-card,.schedule-card{border-radius:20px}.project-banner{align-items:start;padding:16px}.week-grid{grid-template-columns:repeat(2,1fr)}.day-card{min-height:112px}.schedule-card__top,.schedule-actions{flex-direction:column;align-items:stretch}.schedule-actions .button{width:100%}.name-grid,.metric-grid,.employee-toolbar{grid-template-columns:1fr}.admin-dashboard .dashboard__heading{align-items:stretch}.admin-dashboard .dashboard__heading .button{width:100%}.empty-panel{align-items:start;padding:19px}.shift-card,.shift-card>div{flex-direction:column;align-items:flex-start}.shift-card .text-action{text-align:left;width:100%}.dialog-actions{flex-direction:column-reverse}.dialog-actions .button{width:100%}.queue-item,.queue-actions{flex-direction:column;align-items:stretch}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important}}