:root{--c-primary:#213547;--c-primary-600:#1b2c3b;--c-primary-700:#15212d;--c-accent:#eda232;--c-accent-600:#d98f1d;--c-secondary:#597186;--c-dark:#2e3235;--c-light:#f1f1f1;--bg:#eceef0;--surface:#fff;--surface-2:#f7f8f9;--text:#2e3235;--muted:#6b7c8c;--border:#e2e6ea;--border-strong:#d3d9df;--ring:#eda23259;--ok-bg:#e6f4ec;--ok-text:#1f7a47;--warn-bg:#fdf1d8;--warn-text:#8a5e00;--danger:#c0392b;--danger-bg:#fdecea;--radius-sm:7px;--radius:10px;--radius-lg:14px;--shadow-sm:0 1px 2px #1018280f, 0 1px 3px #10182814;--shadow-md:0 4px 14px #10182814;--shadow-lg:0 18px 50px #10182838;--font:"Segoe UI", -apple-system, BlinkMacSystemFont, Roboto, Helvetica, Arial, sans-serif}*{box-sizing:border-box}html,body,#root{height:100%}body{font-family:var(--font);color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;margin:0;font-size:14px;line-height:1.5}h1,h2,h3{color:var(--c-primary);letter-spacing:-.01em}a{color:var(--c-secondary)}.app-shell{min-height:100vh;display:flex}.sidebar{background:var(--c-primary);color:#cdd6de;flex-direction:column;flex-shrink:0;width:250px;height:100vh;display:flex;position:sticky;top:0}.sidebar-brand{color:#fff;letter-spacing:-.01em;align-items:center;gap:11px;padding:20px 20px 18px;font-size:16px;font-weight:700;display:flex}.brand-mark{background:var(--c-accent);width:34px;height:34px;color:var(--c-primary-700);border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.brand-sub{color:#8aa0b1;letter-spacing:.02em;font-size:11px;font-weight:500}.sidebar-nav{flex-direction:column;flex:1;gap:2px;padding:8px 12px;display:flex;overflow-y:auto}.sidebar-nav a{border-radius:var(--radius-sm);color:#aebcc8;align-items:center;gap:11px;padding:9px 12px;font-size:14px;font-weight:500;text-decoration:none;transition:background .12s,color .12s;display:flex}.sidebar-nav a svg{opacity:.85;width:18px;height:18px}.sidebar-nav a:hover{color:#fff;background:#ffffff0f}.sidebar-nav a.active{color:#fff;box-shadow:inset 3px 0 0 var(--c-accent);background:#ffffff1a}.sidebar-foot{border-top:1px solid #ffffff14;padding:14px 18px;font-size:13px}.sidebar-foot .user-email{color:#cdd6de;text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.sidebar-foot .logout{color:var(--c-accent);font-weight:500;text-decoration:none}.sidebar-foot .logout:hover{text-decoration:underline}.main{flex-direction:column;flex:1;min-width:0;display:flex}.content{width:100%;max-width:1500px;margin:0 auto;padding:28px 32px}.mobile-topbar,.nav-backdrop{display:none}.hamburger{color:#fff;cursor:pointer;background:#ffffff1f;border:none;border-radius:8px;justify-content:center;align-items:center;width:38px;height:38px;display:inline-flex}.mobile-brand{color:#fff;align-items:center;gap:9px;font-weight:700;display:flex}.mobile-brand .brand-mark{border-radius:7px;width:28px;height:28px}@media (width<=860px){.app-shell{flex-direction:column}.mobile-topbar{z-index:30;background:var(--c-primary);align-items:center;gap:12px;height:56px;padding:0 14px;display:flex;position:sticky;top:0}.sidebar{z-index:40;width:270px;height:100vh;transition:transform .22s;position:fixed;top:0;left:0;transform:translate(-100%)}.sidebar.open{box-shadow:var(--shadow-lg);transform:translate(0)}.nav-backdrop{z-index:35;background:#141e2873;display:block;position:fixed;inset:0}.content{padding:18px 16px}.page-head h1{font-size:21px}}@media (width<=600px){.form-grid,.elig-grid,.team-list{grid-template-columns:1fr}.toolbar{width:100%}.field-inline{flex:1}.field-inline input{flex:1;min-width:0}.modal-backdrop{padding:16px 10px}.modal-actions{flex-direction:column-reverse}.modal-actions .btn{width:100%}.conflict-add,.blackout-add,.swap-link{flex-direction:column;align-items:stretch}.conflict-add .input,.blackout-add .input{width:100%}}.table-scroll{-webkit-overflow-scrolling:touch;overflow-x:auto}.page-head{flex-wrap:wrap;align-items:center;gap:16px;margin-bottom:22px;display:flex}.page-head h1{margin:0;font-size:24px;font-weight:700}.toolbar{flex-wrap:wrap;align-items:center;gap:10px;margin-left:auto;display:flex}.field-inline{color:var(--muted);align-items:center;gap:6px;font-size:13px;display:flex}.btn{border:1px solid var(--border-strong);background:var(--surface);color:var(--text);border-radius:var(--radius-sm);cursor:pointer;padding:8px 15px;font-family:inherit;font-size:14px;font-weight:600;transition:background .12s,border-color .12s,box-shadow .12s,transform 50ms}.btn:hover{background:var(--surface-2);border-color:var(--muted)}.btn:active{transform:translateY(.5px)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn:focus-visible{box-shadow:0 0 0 3px var(--ring);outline:none}.btn-primary{background:var(--c-primary);border-color:var(--c-primary);color:#fff}.btn-primary:hover{background:var(--c-primary-600);border-color:var(--c-primary-600)}.btn-accent{background:var(--c-accent);border-color:var(--c-accent);color:var(--c-primary-700)}.btn-accent:hover{background:var(--c-accent-600);border-color:var(--c-accent-600)}.link-btn{color:var(--c-secondary);cursor:pointer;background:0 0;border:none;border-radius:5px;padding:2px 6px;font-size:13px;font-weight:500}.link-btn:hover{background:var(--surface-2);color:var(--c-primary)}.link-btn.danger{color:var(--danger)}.link-btn.danger:hover{background:var(--danger-bg)}.icon-btn{cursor:pointer;width:32px;height:32px;color:var(--muted);background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;display:inline-flex}.icon-btn:hover{color:var(--text);background:var(--surface-2)}.input,input[type=date],input[type=number],input[type=text],select,textarea{border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--surface);width:100%;color:var(--text);padding:8px 11px;font-family:inherit;font-size:14px;transition:border-color .12s,box-shadow .12s}.input:focus,input:focus,select:focus,textarea:focus{border-color:var(--c-accent);box-shadow:0 0 0 3px var(--ring);outline:none}input[type=checkbox]{width:16px;height:16px;accent-color:var(--c-accent);cursor:pointer}.field{color:var(--muted);flex-direction:column;gap:5px;margin-bottom:14px;font-size:13px;font-weight:500;display:flex}.field-check{color:var(--text);align-items:center;gap:7px;font-size:14px;display:flex}.field-check.small{color:var(--muted);font-size:12px}.form-grid{grid-template-columns:1fr 1fr;gap:0 18px;display:grid}.data-table{border-collapse:collapse;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);width:100%;box-shadow:var(--shadow-sm);overflow:hidden}.data-table th,.data-table td{text-align:left;border-bottom:1px solid var(--border);padding:12px 16px}.data-table tbody tr:last-child td{border-bottom:none}.data-table tbody tr:hover{background:var(--surface-2)}.data-table th{background:var(--surface-2);text-transform:uppercase;letter-spacing:.04em;color:var(--muted);font-size:11px;font-weight:600}.row-inactive{opacity:.55}.row-actions{text-align:right;white-space:nowrap}.grid-scroll{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow-sm);overflow:auto}.roster-grid{border-collapse:separate;border-spacing:0;width:100%}.roster-grid th,.roster-grid td{border-bottom:1px solid var(--border);vertical-align:top;min-width:158px;padding:10px}.roster-grid thead th{background:var(--surface-2);z-index:5;color:var(--c-primary);text-align:left;border-bottom:2px solid var(--border-strong);padding:13px 10px;font-size:12px;font-weight:600;position:sticky;top:0}.sticky-col{background:var(--surface);z-index:6;min-width:168px;position:sticky;left:0;box-shadow:8px 0 10px -8px #10182829}.roster-grid thead .sticky-col{z-index:7;background:var(--surface-2)}.date-cell{background:var(--surface-2)}.date-main{color:var(--c-primary);font-size:14px;font-weight:600}.cell.understaffed{background:#fdf4f2}.chip{background:var(--surface);border:1px solid var(--border-strong);border-radius:8px;align-items:center;gap:4px;margin-bottom:6px;padding:4px 5px 4px 11px;font-size:13px;transition:border-color .12s,box-shadow .12s;display:flex}.chip:hover{border-color:var(--c-secondary);box-shadow:var(--shadow-sm)}.chip-locked{border-color:var(--c-accent);background:var(--warn-bg)}.chip-name{color:var(--c-primary);white-space:nowrap;text-overflow:ellipsis;flex:1;font-weight:600;overflow:hidden}.chip-dot{border-radius:50%;flex-shrink:0;width:7px;height:7px}.dot-confirmed{background:var(--ok-text)}.dot-declined{background:var(--danger)}.chip-declined .chip-name{color:var(--muted);text-decoration:line-through}.chip-actions{align-items:center;gap:1px;display:flex}.chip-act{width:24px;height:24px;color:var(--c-secondary);cursor:pointer;opacity:.7;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;transition:opacity .12s,background .12s,color .12s;display:inline-flex}.chip:hover .chip-act{opacity:1}.act-swap:hover,.act-link:hover{color:var(--c-secondary);background:#eaeef2}.act-lock:hover{color:var(--c-accent-600);background:var(--warn-bg)}.chip-locked .act-lock{color:var(--c-accent-600);opacity:1}.act-remove:hover{color:var(--danger);background:var(--danger-bg)}.add-slot{border:1px dashed var(--border-strong);cursor:pointer;width:100%;color:var(--muted);background:0 0;border-radius:8px;justify-content:center;align-items:center;gap:5px;padding:7px;font-size:12px;font-weight:600;transition:border-color .12s,color .12s,background .12s;display:flex}.add-slot:hover{border-color:var(--c-primary);color:var(--c-primary);background:var(--surface-2)}.add-slot-need{color:var(--danger);border-color:#e9b6aa}.add-slot-need:hover{border-color:var(--danger);color:var(--danger);background:#fff}.tag{background:var(--surface-2);color:var(--muted);border:1px solid var(--border);border-radius:999px;padding:2px 8px;font-size:11px;font-weight:600}.tag-ok{background:var(--ok-bg);color:var(--ok-text);border-color:#0000}.tag-warn{background:var(--warn-bg);color:var(--warn-text);border-color:#0000}.panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);margin-top:24px;padding:20px 24px}.panel h2{margin-top:0;font-size:17px}.empty-state{background:var(--surface);border:1px dashed var(--border-strong);border-radius:var(--radius);text-align:center;box-shadow:var(--shadow-sm);padding:48px}.empty-state p{color:var(--muted);margin-bottom:18px}.conflict-list{margin:14px 0;padding:0;list-style:none}.conflict-list li{border-bottom:1px solid var(--border);padding:8px 0}.conflict-add{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.conflict-add .input{width:auto;min-width:170px}.modal-backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:50;background:#141e2873;justify-content:center;align-items:flex-start;padding:64px 16px;display:flex;position:fixed;inset:0;overflow:auto}.modal{background:var(--surface);border-radius:var(--radius-lg);width:100%;max-width:480px;box-shadow:var(--shadow-lg);animation:.14s ease-out modal-in}@keyframes modal-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.modal-wide{max-width:700px}.modal-head{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:18px 24px;display:flex}.modal-head h2{margin:0;font-size:18px}.modal-body{padding:22px 24px}.modal-actions{justify-content:flex-end;gap:10px;margin-top:22px;display:flex}.section-title{color:var(--c-primary);margin:20px 0 10px;font-size:14px;font-weight:600}.picker-list{max-height:360px;margin-top:14px;overflow:auto}.picker-item{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);cursor:pointer;justify-content:space-between;align-items:center;width:100%;margin-bottom:7px;padding:10px 13px;font-size:14px;font-weight:500;transition:border-color .12s,background .12s;display:flex}.picker-item:hover{background:var(--surface-2);border-color:var(--c-accent)}.picker-item-warn{border-style:dashed}.picker-foot{border-top:1px solid var(--border);margin-top:14px;padding-top:14px}.picker-divider{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;margin:14px 0 8px;font-size:12px;font-weight:600}.picker-meta{align-items:center;gap:8px;display:flex}.elig-grid{grid-template-columns:1fr 1fr;gap:8px 18px;display:grid}.elig-row{align-items:center;gap:12px;display:flex}.blackout-list{margin:8px 0;padding:0;list-style:none}.blackout-list li{padding:5px 0}.blackout-add{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.blackout-add .input{width:auto}.team-list{grid-template-columns:1fr 1fr;gap:6px 18px;max-height:380px;margin:14px 0;display:grid;overflow:auto}.autofill-result{border-top:1px solid var(--border);margin-top:18px;padding-top:14px}.autofill-summary{gap:8px;margin-bottom:10px;display:flex}.autofill-list{border:1px solid var(--border);border-radius:var(--radius-sm);max-height:220px;margin-bottom:12px;padding:10px 14px;overflow:auto}.autofill-list ul{margin:0;padding:0;list-style:none}.autofill-list li{padding:4px 0;font-size:13px}.autofill-list .unfilled{color:var(--warn-text)}.swap-link{gap:8px;margin:10px 0;display:flex}.role-name-btn{font:inherit;color:var(--c-secondary);cursor:pointer;text-align:left;background:0 0;border:none;padding:0;font-weight:600}.role-name-btn:hover{color:var(--c-accent-600);text-decoration:underline}.public-page{background:linear-gradient(160deg, var(--c-primary), var(--c-primary-700));justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.public-card{background:var(--surface);border-radius:var(--radius-lg);width:100%;max-width:460px;box-shadow:var(--shadow-lg);padding:36px}.public-brand{color:var(--c-primary);align-items:center;gap:10px;margin-bottom:20px;font-size:16px;display:flex}.public-actions{margin:18px 0}.ok-message{background:var(--ok-bg);color:var(--ok-text);border-radius:var(--radius-sm);padding:13px 15px}.btn-sm{padding:6px 12px;font-size:13px}.schedule-page{background:var(--surface-2);min-height:100vh;padding:20px 16px 40px}.schedule-shell{max-width:560px;margin:0 auto}.schedule-header{align-items:center;gap:12px;padding:8px 4px 18px;display:flex}.schedule-title{color:var(--c-primary);font-size:20px;font-weight:700;line-height:1.1}.schedule-name{color:var(--muted);font-size:14px}.schedule-list{flex-direction:column;gap:10px;display:flex}.schedule-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);align-items:stretch;gap:14px;padding:12px;display:flex}.schedule-card.is-off{opacity:.7}.schedule-date{background:var(--c-primary);color:#fff;border-radius:var(--radius-sm);flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;width:62px;padding:8px 0;display:flex}.sd-dow{text-transform:uppercase;letter-spacing:.05em;color:var(--c-accent);font-size:11px;font-weight:600}.sd-day{font-size:24px;font-weight:700;line-height:1.1}.sd-mon{text-transform:uppercase;letter-spacing:.03em;opacity:.85;font-size:12px}.schedule-body{flex-direction:column;justify-content:center;gap:4px;min-width:0;display:flex}.schedule-role{color:var(--c-primary);font-size:16px;font-weight:600}.schedule-meta{color:var(--muted);font-size:13px}.schedule-actions{flex-wrap:wrap;align-items:center;gap:8px;margin-top:6px;display:flex}.schedule-empty{background:var(--surface);border:1px dashed var(--border-strong);border-radius:var(--radius);text-align:center;color:var(--muted);padding:32px}.schedule-foot{text-align:center;margin-top:20px}.stat-row{align-items:center;gap:14px;padding:6px 0;display:flex}.stat-name{flex-shrink:0;width:170px;font-weight:500}.stat-bar-track{background:var(--surface-2);border-radius:5px;flex:1;height:20px;overflow:hidden}.stat-bar{background:linear-gradient(90deg, var(--c-secondary), var(--c-primary));border-radius:5px;min-width:2px;height:100%}.stat-count{text-align:right;font-variant-numeric:tabular-nums;width:34px;font-weight:600}.muted{color:var(--muted)}.small{font-size:12px}.error{color:var(--danger);font-size:13px}.brand{color:var(--c-primary);font-weight:700}