.availability-editor{margin-top:1rem}.availability-fieldset{border:0;min-width:0;margin:1.5rem 0;padding:0}.availability-fieldset legend{font-size:1.1rem;font-weight:700}.availability-day{border-bottom:1px solid #e2e8f0;grid-template-columns:7rem minmax(0,1fr) minmax(0,1fr);gap:1rem;padding:1rem 0;display:grid}.availability-day h4{margin:.5rem 0}.availability-day label,.availability-add label{flex-direction:column;gap:.35rem;font-size:.85rem;display:flex}.availability-day input,.availability-day select,.availability-add input{border:1px solid #cbd5e1;border-radius:.4rem;max-width:100%;padding:.5rem}.availability-caption{margin-bottom:.5rem;display:block}.availability-window{flex-wrap:wrap;align-items:end;gap:.5rem;margin:.7rem 0;display:flex}.availability-window label{max-width:12rem}.availability-window .availability-checkbox{flex-direction:row;align-items:center}.availability-window .availability-checkbox input{flex:0 0 18px;width:18px;height:18px;min-height:18px;margin:0;padding:0}.availability-add{flex-wrap:wrap;align-items:end;gap:.7rem;margin-top:1rem;display:flex}.availability-exception{margin-bottom:1rem}.shift-conflict{color:#9f1239;font-size:.85rem}@media (width<=760px){.availability-day{grid-template-columns:1fr;gap:.5rem}}.assignment-proposal{margin-top:1rem}.assignment-proposal .panel-header{align-items:flex-start;gap:1rem}.assignment-proposal .panel-header p{margin-bottom:0}.proposal-summary{color:#475569;flex-wrap:wrap;gap:1rem;padding:.8rem 0;display:flex}.proposal-row{border-top:1px solid #e2e8f0;grid-template-columns:auto minmax(9rem,.8fr) minmax(12rem,1fr) minmax(12rem,auto);align-items:center;gap:.8rem;padding:.8rem;display:grid}.proposal-row>span{flex-direction:column;gap:.2rem;display:flex}.proposal-row small{color:#64748b}.proposal-unfilled{color:#9f1239;grid-template-columns:auto 1fr}.proposal-actions{justify-content:flex-end;gap:.7rem;margin-top:1rem;display:flex}@media (width<=650px){.proposal-row{grid-template-columns:auto 1fr}.proposal-row>span{grid-column:2}.proposal-actions{flex-direction:column-reverse}.proposal-actions button{width:100%}}:root{color:#172033;font-synthesis:none;text-rendering:optimizelegibility;--accent:#3157e5;--accent-dark:#2342b8;--accent-soft:#e9eeff;--mint:#35d6b4;--mint-dark:#087c68;--coral:#ff6b5e;--ink:#172033;--muted:#626b7b;--line:#dfe3eb;--panel:#fff;background:#f8f7f3;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,input,select{font:inherit}a{color:inherit;text-decoration:none}.app-shell{grid-template-columns:268px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{border-right:1px solid var(--line);background:#fffffff5;flex-direction:column;height:100vh;padding:24px 18px 16px;display:flex;position:sticky;top:0}.brand{color:var(--ink);letter-spacing:-.04em;align-items:center;gap:10px;font-size:21px;font-weight:850;display:inline-flex}.brand-mark{flex:none;width:38px;height:38px;overflow:visible}.brand-mark-ring{fill:none;stroke:var(--accent);stroke-width:6px;stroke-linecap:round}.brand-mark-notch{fill:none;stroke:var(--coral);stroke-width:5px;stroke-linecap:round}.brand-mark-dot{fill:var(--mint)}.brand-name{display:inline-flex}.brand-name-accent{color:var(--accent)}.desktop-navigation{align-content:start;gap:20px;margin-top:22px;display:grid;overflow-y:auto}.nav-section{gap:4px;display:grid}.nav-section>p{color:#8a92a1;letter-spacing:.1em;text-transform:uppercase;margin:0 12px 5px;font-size:10px;font-weight:850}.organization-switcher{border:1px solid var(--line);background:#f7f8fc;border-radius:10px;gap:7px;margin-top:24px;padding:11px 12px;display:grid}.organization-switcher label{color:var(--muted);text-transform:uppercase;font-size:12px;font-weight:800}.organization-switcher select{border:1px solid var(--line);width:100%;min-height:38px;color:var(--ink);background:#fff;border-radius:8px}.organization-switcher small{color:var(--accent-dark);font-weight:750}.role-preview-control{background:#fff8dc;border:1px solid #e4b94d;border-radius:10px;gap:7px;margin-top:10px;padding:11px 12px;display:grid}.role-preview-control label{color:#74530f;text-transform:uppercase;font-size:12px;font-weight:800}.role-preview-control select{width:100%;min-height:38px;color:var(--ink);background:#fff;border:1px solid #dfc677;border-radius:8px}.role-preview-control small{color:#74530f;font-size:11px}.nav-link{min-height:44px;color:var(--muted);border-radius:9px;align-items:center;gap:12px;padding:0 12px;font-size:14px;font-weight:680;display:flex}.nav-link:hover{color:var(--ink);background:#f3f5fc}.nav-link.active{color:var(--accent-dark);background:var(--accent-soft);box-shadow:inset 3px 0 0 var(--accent)}.nav-icon{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:20px;height:20px}.sidebar-footer{border-top:1px solid var(--line);align-items:center;gap:10px;margin-top:auto;padding:14px 8px 2px;display:flex}.sidebar-footer div,.account-link{gap:2px;min-width:0;display:grid}.sidebar-footer strong{font-size:13px}.sidebar-footer small,.account-link small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.account-link{border-radius:7px;flex:1;padding:4px}.account-link:hover{color:var(--accent-dark);background:var(--accent-soft)}.avatar{width:38px;height:38px;color:var(--accent-dark);background:var(--accent-soft);border-radius:50%;flex:none;place-items:center;font-size:12px;font-weight:800;display:grid}.icon-button{border:1px solid var(--line);width:34px;height:34px;color:var(--muted);cursor:pointer;background:#fff;border-radius:8px;flex:none;place-items:center;margin-left:auto;font-weight:800;display:grid}.icon-button:hover{color:var(--accent-dark);border-color:#b9c6f5}.content-shell{min-width:0}.role-preview-banner{z-index:9;color:#62460d;background:#ffefad;justify-content:center;align-items:center;gap:12px;min-height:44px;padding:7px 20px;font-size:12px;display:flex;position:sticky;top:0;box-shadow:0 2px 8px #62460d1f}.role-preview-banner span{color:#74530f}.role-preview-banner button{color:#62460d;cursor:pointer;background:#fff;border:1px solid #cfad4b;border-radius:7px;min-height:30px;padding:0 10px;font-weight:750}.role-preview-active .topbar{top:44px}.topbar{z-index:7;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#f8f7f3e6;border-bottom:1px solid #dfe3ebc7;justify-content:flex-end;align-items:center;gap:20px;min-height:76px;padding:12px max(28px,50vw - 652px);display:flex;position:sticky;top:0}.mobile-brand{display:none}.topbar-context{gap:2px;margin-right:auto;display:grid}.topbar-context strong{font-size:14px}.topbar-context span{color:var(--muted);font-size:11px;font-weight:750}.page-content{width:min(100%,1120px);margin:0 auto;padding:24px 42px 64px}.mobile-navigation,.mobile-more-sheet,.mobile-sheet-backdrop{display:none}.attendance-widget{border:1px solid var(--line);background:#fff;border-radius:14px;align-items:center;gap:10px;min-height:46px;padding:5px 6px 5px 13px;display:flex;box-shadow:0 8px 24px #17203312}.attendance-widget-dot{background:#98a0ae;border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 4px #f0f1f4}.attendance-widget.is-working .attendance-widget-dot{background:#20a467;box-shadow:0 0 0 4px #e2f5eb}.attendance-widget.is-offline .attendance-widget-dot{background:#d09323;box-shadow:0 0 0 4px #fff3d8}.attendance-widget-status{gap:1px;min-width:94px;display:grid}.attendance-widget-status span{color:var(--muted);letter-spacing:.04em;text-transform:uppercase;font-size:10px;font-weight:800}.attendance-widget-status strong{font-variant-numeric:tabular-nums;letter-spacing:.03em;font-size:14px}.attendance-widget button{min-height:34px;color:var(--accent-dark);background:var(--accent-soft);cursor:pointer;border:0;border-radius:9px;padding:0 13px;font-size:12px;font-weight:800}.attendance-widget.is-working button{color:#7d1e2b;background:#fff0f2}.attendance-widget button:disabled{cursor:not-allowed}.page-card{background:var(--panel);border:1px solid #dfe3ebd9;border-radius:28px;min-height:520px;padding:clamp(28px,5vw,56px);box-shadow:0 24px 70px #17203314}.eyebrow{color:var(--accent);letter-spacing:.09em;text-transform:uppercase;margin:0 0 10px;font-size:12px;font-weight:800}h1{letter-spacing:-.045em;max-width:720px;margin:0;font-size:clamp(34px,6vw,58px);line-height:1.02}.page-intro{max-width:620px;color:var(--muted);margin:18px 0 0;font-size:18px;line-height:1.6}.empty-state{min-height:230px;color:var(--muted);text-align:center;background:#f7f8fc;border:1px dashed #cbd3e5;border-radius:22px;place-items:center;margin-top:44px;display:grid}.empty-state span{color:#93a5e8;font-size:48px;line-height:1}.empty-state p{margin:-50px 20px 0}.login-shell{background:radial-gradient(circle at 10% 10%,#3157e524 0,#0000 35%),radial-gradient(circle at 90% 85%,#35d6b42b 0,#0000 38%),radial-gradient(circle at 88% 8%,#ff6b5e1a 0,#0000 24%),#f8f7f3;place-items:center;min-height:100vh;padding:24px;display:grid}.login-card{border:1px solid var(--line);text-align:center;background:#fffffff2;border-radius:28px;width:min(100%,480px);padding:42px;box-shadow:0 24px 80px #1720331f}.brand-centered{justify-content:center;margin-bottom:38px}.login-card h1{font-size:clamp(34px,8vw,50px)}.login-card .page-intro{margin-bottom:30px}.primary-button,.secondary-button,.danger-button{cursor:pointer;border:0;border-radius:14px;width:100%;min-height:50px;margin-top:10px;font-weight:750}.compact-button{width:auto;min-width:150px;padding:0 18px}.primary-button{color:var(--ink);background:var(--mint)}.primary-button:hover:not(:disabled){background:#28c9a7}.secondary-button{color:var(--accent-dark);background:var(--accent-soft)}.secondary-button:hover:not(:disabled){background:#dce4ff}.danger-button{color:#8b1f2d;background:#fff0f2}button:disabled{cursor:not-allowed;opacity:.48}.config-note{color:#6e5d24;background:#fff8dc;border-radius:12px;margin:20px 0 0;padding:12px;font-size:13px;line-height:1.45}.error-note{color:#7d1e2b;background:#fff0f2;border-radius:12px;margin:16px 0 0;padding:12px;font-size:13px;line-height:1.45}.success-note{color:#235c3d;background:#edf9f2;border-radius:12px;margin:16px 0 0;padding:12px;font-size:13px;line-height:1.45}.login-form{text-align:left;gap:8px;margin-top:28px;display:grid}.login-form label{color:var(--muted);font-size:13px;font-weight:750}.login-form input{border:1px solid var(--line);min-height:48px;color:var(--ink);background:#fff;border-radius:10px;padding:0 14px}.login-form input:focus,.organization-switcher select:focus{border-color:var(--accent);outline:3px solid #3157e533}.center-shell{place-items:center;min-height:100vh;padding:24px;display:grid}.status-panel{border:1px solid var(--line);background:#fff;border-radius:8px;width:min(100%,560px);padding:34px;box-shadow:0 18px 60px #1720331a}.status-panel h1{font-size:clamp(30px,6vw,44px)}.page-heading{margin-bottom:24px}.attendance-page h1{font-size:clamp(32px,5vw,52px)}.attendance-grid{grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);align-items:start;gap:18px;display:grid}.today-page .attendance-grid{grid-template-columns:minmax(0,720px)}.today-page .workday-panel{grid-row:auto}.panel{border:1px solid var(--line);background:var(--panel);border-radius:8px;min-width:0;padding:22px;box-shadow:0 18px 48px #17203312}.workday-panel{grid-row:span 2}.correction-panel{grid-column:1/-1}.panel-header{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:18px;display:flex}.panel h2{margin:0;font-size:22px;line-height:1.2}.panel input,.panel textarea{border:1px solid var(--line);width:100%;min-height:42px;color:var(--ink);background:#fff;border-radius:8px;padding:0 12px}.panel textarea{resize:vertical;min-height:96px;padding:10px 12px}.panel input:focus,.panel textarea:focus{border-color:var(--accent);outline:3px solid #3157e533}.state-pill{white-space:nowrap;border-radius:999px;align-items:center;min-height:34px;padding:0 11px;font-size:13px;font-weight:800;display:inline-flex}.state-not_started{color:#5b526a;background:#f1eef7}.state-working{color:#145437;background:#e4f6ed}.state-on_break{color:#74530f;background:#fff3c9}.state-completed{color:#334160;background:#eaf0ff}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0;display:grid}.metric-grid div{border:1px solid var(--line);background:#f7f8fc;border-radius:8px;padding:14px}.metric-grid dt{color:var(--muted);text-transform:uppercase;font-size:12px;font-weight:800}.metric-grid dd{margin:6px 0 0;font-size:24px;font-weight:850}.command-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:18px;display:grid}.command-button{border-radius:8px;min-height:54px;margin:0}.overview-list{gap:10px;display:grid}.notification-row{border:1px solid var(--line);background:#f7f8fc;border-radius:8px;justify-content:space-between;align-items:center;gap:16px;padding:14px;display:flex}.notification-row p{color:var(--muted);margin:5px 0 0;font-size:13px}.notification-warning{background:#fffaf0;border-color:#e7c76b}.notification-row .day-link{white-space:nowrap;align-items:center;text-decoration:none;display:inline-flex}.summary-row,.session-row{border:1px solid var(--line);background:#f7f8fc;border-radius:8px;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:12px;padding:12px;display:grid}.summary-row span,.session-row small{color:var(--muted);font-size:13px}.session-row strong{font-size:14px}.compact-empty{border-radius:8px;min-height:160px;margin-top:0}.compact-empty p{margin-top:-42px}.hint-text{color:var(--muted);margin:12px 0 0;font-size:13px}.correction-form{grid-template-columns:repeat(4,minmax(0,1fr));align-items:end;gap:14px;display:grid}.correction-form label{color:var(--muted);gap:7px;font-size:13px;font-weight:750;display:grid}.correction-form label:has(textarea){grid-column:span 2}.correction-form button{align-self:end;margin:0}.employee-admin-grid{grid-template-columns:minmax(280px,.75fr) minmax(0,1.25fr);align-items:start;gap:18px;display:grid}.employee-form{gap:14px;margin-top:18px;display:grid}.employee-form label{color:var(--muted);gap:7px;font-size:13px;font-weight:750;display:grid}.employee-form input,.employee-form select{border:1px solid var(--line);width:100%;min-height:42px;color:var(--ink);background:#fff;border-radius:8px;padding:0 12px}.employee-form fieldset{border:1px solid var(--line);border-radius:8px;margin:4px 0 0;padding:14px}.profile-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.employee-form legend{color:var(--ink);padding:0 6px;font-weight:750}.weekday-grid{grid-template-columns:repeat(7,minmax(54px,1fr));gap:8px;display:grid}.employee-list{gap:8px;margin-top:22px;display:grid}.status-badge{background:var(--surface-muted);border-radius:999px;align-items:center;width:fit-content;padding:4px 9px;font-size:.78rem;font-weight:700;display:inline-flex}.status-badge.published{color:#17643b;background:#e6f7ed}.status-badge.cancelled{color:#8a2d2d;background:#fdeaea}.employee-card{border:1px solid var(--line);width:100%;color:var(--ink);text-align:left;cursor:pointer;background:#f7f8fc;border-radius:8px;gap:4px;padding:13px;display:grid}.employee-card.selected{border-color:var(--accent);background:var(--accent-soft)}.employee-card span{color:var(--muted);font-size:12px}.monthly-overview{grid-column:1/-1}.month-controls{align-items:center;gap:10px;display:flex}.month-controls input{min-width:160px}.month-open{color:#145437;background:#e4f6ed}.month-closed{color:#334160;background:#eaf0ff}.month-metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0 0 18px;display:grid}.month-metrics div{border:1px solid var(--line);background:#f7f8fc;border-radius:8px;padding:14px}.month-metrics dt,.month-day small{color:var(--muted);text-transform:uppercase;font-size:11px;font-weight:800}.month-metrics dd{margin:5px 0 0;font-size:21px;font-weight:850}.negative-balance{color:#a22b3b}.positive-balance{color:#23724b}.issue-banner{color:#7d5411;background:#fff4cf;border-radius:8px;padding:11px 13px;font-size:13px;font-weight:700}.monthly-days{gap:7px;display:grid}.month-day{border:1px solid var(--line);border-radius:8px;grid-template-columns:minmax(150px,1.4fr) repeat(3,minmax(100px,1fr)) auto;align-items:center;gap:12px;padding:11px 12px;display:grid}.month-day>div,.month-day>span{gap:3px;display:grid}.month-day.day-issue{background:#fffaf0;border-color:#e7c76b}.month-day .issue-text{color:#9a6311}.day-link{min-height:34px;color:var(--accent-dark);background:var(--accent-soft);cursor:pointer;border:0;border-radius:8px;padding:0 12px;font-weight:750}.report-table-wrap{overflow-x:auto}.report-table{border-collapse:collapse;width:100%}.report-table th,.report-table td{border-bottom:1px solid var(--line);text-align:right;white-space:nowrap;padding:12px}.report-table th:first-child,.report-table td:first-child{text-align:left}.report-table thead th{color:var(--muted);text-transform:uppercase;font-size:12px}.report-table tfoot th{color:var(--ink);border-bottom:0}.report-table+.issue-banner{margin-top:18px}.settings-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:18px;display:grid}.settings-facts{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.settings-facts span{border:1px solid var(--line);color:var(--muted);background:#f7f8fc;border-radius:8px;gap:4px;padding:12px;font-size:12px;display:grid}.settings-facts strong{color:var(--ink);font-size:14px}.settings-sign-out{margin-top:20px}.settings-developer{background:#fffdf5;border-color:#e4b94d;grid-column:1/-1}.settings-role-preview{color:#74530f;gap:7px;max-width:360px;font-size:13px;font-weight:750;display:grid}.settings-role-preview select{min-height:42px;color:var(--ink);background:#fff;border:1px solid #dfc677;border-radius:8px;padding:0 12px}.scheduling-heading{justify-content:space-between;align-items:flex-end;gap:24px;display:flex}.scheduling-heading .page-heading{margin-bottom:0}.scheduling-create{flex:none;margin:0 0 6px}.schedule-toolbar{align-items:center;gap:24px;margin-top:26px;padding:14px 16px;display:flex;box-shadow:0 10px 30px #1720330d}.week-navigation{align-items:center;gap:10px;display:flex}.week-navigation>div{gap:2px;min-width:190px;display:grid}.week-navigation span,.week-date-picker{color:var(--muted);letter-spacing:.06em;text-transform:uppercase;font-size:11px;font-weight:800}.week-navigation strong{font-size:15px}.week-arrow{border:1px solid var(--line);width:36px;height:36px;color:var(--ink);cursor:pointer;background:#fff;border-radius:9px;place-items:center;font-size:18px;display:grid}.week-arrow:hover,.shift-actions button:hover{color:var(--accent-dark);background:var(--accent-soft);border-color:#b9c6f5}.today-button{min-height:36px;color:var(--accent-dark);background:var(--accent-soft);cursor:pointer;border:0;border-radius:9px;padding:0 12px;font-size:12px;font-weight:800}.schedule-summary{align-items:center;gap:16px;margin-left:auto;display:flex}.schedule-summary span{color:var(--muted);white-space:nowrap;font-size:12px}.schedule-summary strong{color:var(--ink);font-size:15px}.schedule-summary .summary-warning,.schedule-summary .summary-warning strong{color:#9a6311}.week-date-picker{gap:3px;display:grid}.week-date-picker input{width:142px;min-height:36px}.shift-create-panel{background:#fbfcff;border-color:#cbd5f5;margin-top:16px}.shift-create-form{grid-template-columns:1.5fr repeat(4,minmax(100px,.65fr));align-items:end;gap:14px;display:grid}.shift-create-form label{color:var(--muted);gap:7px;font-size:12px;font-weight:750;display:grid;position:relative}.shift-create-form select{border:1px solid var(--line);width:100%;min-height:42px;color:var(--ink);background:#fff;border-radius:8px;padding:0 12px}.shift-create-form label small{color:var(--muted);font-size:10px;font-weight:650;position:absolute;bottom:14px;right:10px}.shift-create-form>label:nth-of-type(6),.shift-create-form>label:nth-of-type(7){grid-column:span 2}.shift-notes-field{grid-column:span 3}.shift-form-actions{grid-column:4/-1;justify-content:flex-end;gap:10px;display:flex}.shift-form-actions button{min-height:42px;margin:0}.schedule-board-panel{margin-top:16px;padding:0;position:relative;overflow:hidden}.schedule-board{grid-template-columns:repeat(7,minmax(128px,1fr));min-height:430px;display:grid;overflow-x:auto}.schedule-day{border-right:1px solid var(--line);background:#fcfcfd;min-width:0}.schedule-day:last-child{border-right:0}.schedule-day>header{border-bottom:1px solid var(--line);background:#fff;justify-content:center;align-items:center;gap:7px;min-height:58px;display:flex}.schedule-day>header span{color:var(--muted);text-transform:uppercase;font-size:12px;font-weight:800}.schedule-day>header strong{border-radius:50%;place-items:center;width:30px;height:30px;font-size:14px;display:grid}.schedule-day.is-today>header span{color:var(--accent)}.schedule-day.is-today>header strong{color:#fff;background:var(--accent)}.schedule-day-content{align-content:start;gap:8px;min-height:370px;padding:8px;display:grid}.schedule-day-empty{color:#a2a9b6;text-align:center;padding-top:18px;font-size:11px}.shift-card{border:1px solid #cdd8fb;border-left:3px solid var(--accent);background:#f1f4ff;border-radius:8px;gap:5px;padding:10px;display:grid}.shift-card.shift-published{background:#eef9f2;border-color:#bce4cd #bce4cd #bce4cd #26955a}.shift-card.shift-cancelled{opacity:.65;background:#fcf5f6;border-color:#ead6d9 #ead6d9 #ead6d9 #bd6b75}.shift-card-time{color:var(--accent-dark);font-size:12px;font-weight:850}.shift-published .shift-card-time{color:#17643b}.shift-card>strong{text-overflow:ellipsis;font-size:13px;overflow:hidden}.shift-card-person{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.shift-card>small{color:var(--muted);font-size:10px}.shift-card-footer{justify-content:space-between;align-items:center;gap:6px;margin-top:3px;display:flex}.shift-card-footer .status-badge{padding:3px 6px;font-size:9px}.shift-actions{gap:3px;display:flex}.shift-actions button{border:1px solid var(--line);width:25px;height:25px;color:var(--muted);cursor:pointer;background:#fff;border-radius:6px;place-items:center;padding:0;font-weight:900;display:grid}.schedule-loading{min-height:430px;color:var(--muted);place-items:center;display:grid}.schedule-empty-overlay{border:1px solid var(--line);text-align:center;background:#fffffff5;border-radius:12px;justify-items:center;gap:7px;padding:22px 28px;display:grid;position:absolute;top:150px;left:50%;transform:translate(-50%);box-shadow:0 12px 35px #1720331a}.schedule-empty-overlay span{color:var(--muted);font-size:13px}.schedule-empty-overlay button{margin-top:6px}@media (width<=760px){.app-shell{display:block}.sidebar{display:none}.role-preview-banner{flex-direction:column;align-items:flex-start;gap:2px;padding:8px 92px 8px 14px}.role-preview-banner button{position:absolute;top:9px;right:12px}.role-preview-active .topbar{top:54px}.topbar{background:#fffffff0;gap:10px;min-height:62px;padding:8px 14px}.mobile-brand{letter-spacing:-.04em;align-items:center;gap:7px;margin-right:auto;font-size:16px;font-weight:850;display:inline-flex}.mobile-brand .brand-mark{width:30px;height:30px}.topbar-context{display:none}.topbar .attendance-widget{min-height:42px;box-shadow:none;padding:4px}.topbar .attendance-widget-dot{margin-left:5px}.topbar .attendance-widget-status{min-width:0}.topbar .attendance-widget-status span{display:none}.topbar .attendance-widget-status strong{padding:0 4px;font-size:12px}.topbar .attendance-widget button{min-height:32px;padding:0 10px}.page-content{padding:22px 14px calc(94px + env(safe-area-inset-bottom))}.mobile-navigation{z-index:20;padding:6px max(6px, env(safe-area-inset-right)) max(6px, env(safe-area-inset-bottom)) max(6px, env(safe-area-inset-left));border-top:1px solid var(--line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fffffff7;grid-template-columns:repeat(4,1fr);display:grid;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -8px 30px #17203314}.mobile-navigation .nav-link{min-height:58px;box-shadow:none;background:0 0;border:0;border-radius:8px;flex-direction:column;justify-content:center;gap:3px;padding:4px 2px;font-size:10px}.mobile-navigation .nav-link.active{color:var(--accent);background:var(--accent-soft)}.mobile-navigation .nav-icon{width:21px;height:21px}.mobile-more-button{cursor:pointer;background:0 0;border:0;width:100%}.mobile-sheet-backdrop{z-index:28;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0f172a61;border:0;display:block;position:fixed;inset:0}.mobile-more-sheet{z-index:30;right:8px;bottom:calc(76px + env(safe-area-inset-bottom));border:1px solid var(--line);visibility:hidden;background:#fff;border-radius:20px;max-height:calc(100vh - 110px);padding:8px 16px 16px;transition:transform .22s,visibility .22s;display:block;position:fixed;left:8px;overflow-y:auto;transform:translateY(calc(100% + 110px));box-shadow:0 24px 70px #1720333d}.mobile-more-sheet.is-open{visibility:visible;transform:translateY(0)}.mobile-sheet-handle{background:#d7dbe3;border-radius:999px;width:38px;height:4px;margin:2px auto 12px}.mobile-sheet-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.mobile-sheet-header>div{gap:3px;display:grid}.mobile-sheet-header strong{font-size:22px}.mobile-sheet-header span{color:var(--muted);font-size:12px}.sheet-close{width:36px;height:36px;color:var(--muted);cursor:pointer;background:#f0f2f6;border:0;border-radius:50%;font-size:24px;line-height:1}.mobile-more-sheet nav{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.mobile-more-sheet nav .nav-link{border:1px solid var(--line);background:#f8f9fc;min-height:60px}.mobile-more-sheet nav .nav-link.active{background:var(--accent-soft);box-shadow:none;border-color:#c8d3fb}.mobile-account{border-top:1px solid var(--line);grid-template-columns:auto minmax(0,1fr);align-items:center;gap:10px;margin-top:16px;padding-top:14px;display:grid}.mobile-account>div,.mobile-account>a{min-width:0;display:grid}.mobile-account small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.mobile-account>a>span{color:var(--accent-dark);margin-top:2px;font-size:12px;font-weight:750}.mobile-account>button{color:#7d1e2b;background:#fff0f2;border:0;border-radius:9px;grid-column:1/-1;justify-content:center;align-items:center;gap:8px;min-height:42px;font-weight:750;display:flex}.page-card{border-radius:22px;min-height:460px;padding:28px 22px}.login-card{padding:34px 24px}.attendance-grid{grid-template-columns:1fr;gap:14px}.panel{padding:18px}.panel-header{gap:12px;display:grid}.panel-header input{max-width:none}.workday-panel,.correction-panel{grid-area:auto}.metric-grid,.command-grid,.correction-form{grid-template-columns:1fr}.summary-row,.session-row{grid-template-columns:1fr;gap:5px}.notification-row{flex-direction:column;align-items:stretch}.correction-form label:has(textarea){grid-column:auto}.employee-admin-grid,.profile-grid,.settings-grid,.settings-facts{grid-template-columns:1fr}.settings-developer{grid-column:auto}.weekday-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.month-controls{flex-direction:column;align-items:stretch}.month-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.month-day{grid-template-columns:repeat(3,1fr)}.month-day>div,.month-day .day-link{grid-column:1/-1}.scheduling-heading{flex-direction:column;align-items:stretch;gap:4px}.scheduling-create{align-self:flex-start;margin:0}.schedule-toolbar{flex-direction:column;align-items:stretch;gap:14px}.week-navigation>div{flex:1;min-width:0}.today-button{display:none}.schedule-summary{border-top:1px solid var(--line);order:3;justify-content:space-between;margin-left:0;padding-top:12px}.week-date-picker{display:none}.shift-create-form{grid-template-columns:repeat(2,minmax(0,1fr))}.shift-title-field,.shift-create-form>label:nth-of-type(6),.shift-create-form>label:nth-of-type(7),.shift-notes-field,.shift-form-actions{grid-column:1/-1}.shift-form-actions button{min-width:0}.schedule-board{grid-template-columns:repeat(7,190px)}.schedule-empty-overlay{width:calc(100vw - 60px);position:sticky;left:16px;transform:none}}