:root{color:#0f172a;background:#f8fafc;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:linear-gradient(#f8fafc 0%,#eef2ff 100%);min-width:320px;min-height:100vh;margin:0}#root{min-height:100vh}.app-shell-modern{width:100%;max-width:1200px;margin:0 auto;padding:24px}.topbar{justify-content:space-between;align-items:center;gap:16px;margin-bottom:8px;display:flex}.brand-row{align-items:center;gap:10px;display:flex}.brand-icon{font-size:1.5rem}.eyebrow{text-transform:uppercase;letter-spacing:.08em;color:#64748b;font-size:.74rem;font-weight:700}.brand-title{margin:2px 0 0;font-size:1.6rem}.secondary-nav{-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:8px;margin-bottom:24px;padding-bottom:4px;display:flex;overflow-x:auto}.secondary-nav::-webkit-scrollbar{display:none}.secondary-nav a,.nav-btn{color:#334155;white-space:nowrap;background:#fff;border:1px solid #dbe4ee;border-radius:999px;justify-content:center;align-items:center;padding:9px 14px;font-size:.88rem;font-weight:600;text-decoration:none;transition:all .15s;display:inline-flex}.secondary-nav a.active,.secondary-nav a:hover,.nav-btn:hover{color:#fff;background:#2563eb;border-color:#2563eb}.secondary-nav a.nav-authed{color:#166534;background:#fff;border-color:#16a34a}.secondary-nav a.nav-authed.active,.secondary-nav a.nav-authed:hover{color:#166534;background:#f0fdf4;border-color:#16a34a}.page-body{flex-direction:column;gap:20px;display:flex}.hero-card,.panel-card,.metric-card,.day-card,.shift-card,.suggestion-card,.action-card{background:#fffffff0;border:1px solid #dbe4ee;border-radius:18px;transition:box-shadow .2s,border-color .2s;box-shadow:0 8px 24px #0f172a0f}.hero-card{padding:24px}.hero-card.split{grid-template-columns:1.4fr 1fr;gap:20px;display:grid}.lead{color:#475569;max-width:60ch;line-height:1.6}.schedule-grid{grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:16px;display:grid}.day-card{border-left:4px solid #e2e8f0;padding:18px;transition:transform .15s,box-shadow .2s}.day-card:hover{transform:translateY(-2px);box-shadow:0 12px 32px #0f172a1a}.day-card.today{border-left-color:#3b82f6;box-shadow:0 8px 28px #2563eb1f}.day-card.status-filled{border-left-color:#16a34a}.day-card.status-partial{border-left-color:#f59e0b}.day-card.status-open{border-left-color:#ef4444}.day-card-header{justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:14px;display:flex}.day-card-header h3{margin:0;font-size:1.15rem}.day-card-header p{color:#64748b;margin:4px 0 0;font-size:.88rem}.today-badge,.score-pill,.status-pill{border-radius:999px;justify-content:center;align-items:center;padding:5px 10px;font-size:.78rem;font-weight:700;display:inline-flex}.today-badge{color:#1d4ed8;background:#dbeafe}.status-pill.open{color:#92400e;background:#fef3c7}.status-pill.partial{color:#1d4ed8;background:#dbeafe}.status-pill.filled{color:#166534;background:#dcfce7}.day-card-shifts{gap:10px;display:grid}.shift-card{padding:14px}.shift-card-header{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.shift-label{font-size:1rem;font-weight:800}.shift-meta,.muted,.metric-note{color:#64748b;font-size:.88rem}.coverage-bar{background:#e2e8f0;border-radius:999px;height:6px;margin:10px 0 8px;overflow:hidden}.coverage-bar-fill{background:linear-gradient(90deg,#3b82f6 0%,#2563eb 100%);border-radius:999px;height:100%;transition:width .8s cubic-bezier(.22,1,.36,1)}.coverage-bar-fill.full{background:linear-gradient(90deg,#16a34a 0%,#15803d 100%)}.coverage-bar-fill.partial{background:linear-gradient(90deg,#f59e0b 0%,#d97706 100%)}.assigned-list{margin:0;padding-left:18px;font-size:.88rem}.inline-claim{background:#f0f9ff;border:1px solid #bae6fd;border-radius:14px;margin-top:12px;padding:16px;animation:.25s slideDown}@keyframes slideDown{0%{opacity:0;max-height:0;transform:translateY(-8px)}to{opacity:1;max-height:600px;transform:translateY(0)}}.inline-claim h4{color:#0369a1;margin:0 0 12px;font-size:.95rem}.toast-container{z-index:9999;pointer-events:none;flex-direction:column;gap:8px;display:flex;position:fixed;top:16px;right:16px}.toast{pointer-events:auto;border-radius:12px;max-width:380px;padding:12px 18px;font-size:.9rem;font-weight:600;animation:.3s toastIn;box-shadow:0 8px 24px #00000026}.toast.success{color:#166534;background:#dcfce7;border:1px solid #86efac}.toast.error{color:#991b1b;background:#fef2f2;border:1px solid #fca5a5}.toast.info{color:#1d4ed8;background:#eff6ff;border:1px solid #93c5fd}.toast.exiting{animation:.25s forwards toastOut}@keyframes toastIn{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}@keyframes toastOut{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(40px)}}.primary-btn,.secondary-btn{cursor:pointer;border:none;border-radius:10px;padding:10px 16px;font-size:.88rem;font-weight:700;transition:all .15s}.primary-btn{color:#fff;background:#2563eb}.primary-btn:hover{background:#1d4ed8;transform:translateY(-1px)}.primary-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.secondary-btn{color:#0f172a;background:#fff;border:1px solid #cbd5e1}.secondary-btn:hover{background:#f1f5f9;border-color:#94a3b8}.secondary-btn.small{padding:6px 10px;font-size:.82rem}.danger-btn{cursor:pointer;color:#dc2626;background:#fef2f2;border:1px solid #fca5a5;border-radius:10px;padding:6px 10px;font-size:.82rem;font-weight:700}.danger-btn:hover{background:#fee2e2}.action-card{flex-direction:column;gap:12px;padding:20px;display:flex}input,select,textarea{width:100%;font:inherit;background:#fff;border:1px solid #cbd5e1;border-radius:10px;margin-top:4px;padding:9px 12px;font-size:.92rem;transition:border-color .15s,box-shadow .15s}input:focus,select:focus,textarea:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 3px #3b82f61f}textarea{resize:vertical}label span{color:#475569;font-size:.82rem;font-weight:700;display:block}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.form-grid.compact-form{margin-bottom:14px}.full-width{grid-column:1/-1}.form-actions{margin-top:14px}.step-indicator{background:#f1f5f9;border-radius:12px;gap:0;margin-bottom:20px;display:flex;overflow:hidden}.step-item{text-align:center;color:#94a3b8;cursor:pointer;border-right:1px solid #e2e8f0;flex:1;padding:10px 12px;font-size:.82rem;font-weight:700;transition:all .2s}.step-item:last-child{border-right:none}.step-item.active{color:#fff;background:#2563eb}.step-item.done{color:#1d4ed8;background:#dbeafe}.step-item:hover:not(.active){color:#475569;background:#e2e8f0}.step-nav{justify-content:space-between;gap:12px;margin-top:16px;display:flex}.availability-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px;display:grid}.availability-card{background:#f8fafc;border:1px solid #dbe4ee;border-radius:14px;flex-direction:column;gap:8px;padding:12px;display:flex}.availability-card strong{font-size:.88rem}.avail-row{align-items:center;gap:8px;display:flex}.avail-label{color:#64748b;min-width:28px;font-size:.8rem;font-weight:600}.avail-toggle{cursor:pointer;color:#94a3b8;-webkit-user-select:none;user-select:none;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:999px;justify-content:center;align-items:center;padding:4px 12px;font-size:.78rem;font-weight:700;transition:all .15s;display:inline-flex}.avail-toggle.available{color:#1d4ed8;background:#dbeafe;border-color:#93c5fd}.avail-toggle.preferred{color:#166534;background:#dcfce7;border-color:#86efac}.panel-card{padding:20px}.compact-panel{padding:16px}.panel-header{justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:14px;display:flex}.panel-header h2,.panel-card h3,.suggestion-card h3{margin:4px 0 0}.panel-actions,.candidate-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.suggestion-list{flex-direction:column;gap:10px;display:flex}.suggestion-card{padding:14px}.suggestion-title-row,.candidate-row{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.candidate-list{flex-direction:column;gap:8px;margin-top:10px;display:flex}.score-pill{color:#334155;background:#e2e8f0}.stack-list{flex-direction:column;gap:10px;display:flex}.stack-list.compact{gap:6px}.list-row{border-top:1px solid #f1f5f9;justify-content:space-between;align-items:center;gap:12px;padding:10px 0;transition:background .1s;display:flex}.list-row:first-child{border-top:none;padding-top:0}.list-row:hover{background:#f8fafc;border-radius:8px;padding-left:6px;padding-right:6px}.list-row.selected{background:#eff6ff;border-left:3px solid #2563eb;border-radius:8px;padding-left:6px;padding-right:6px}.list-row.align-start{align-items:flex-start}.row-actions{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.inline-note{color:#1d4ed8;background:#eff6ff;border-radius:12px;padding:10px 12px;font-size:.88rem}.status-row{align-items:center;gap:10px;display:flex}.dot{border-radius:999px;width:10px;height:10px;display:inline-block}.dot.ok{background:#16a34a}.dot.warn{background:#d97706}.dot.info{background:#2563eb}.feedback-banner{color:#155e75;background:#ecfeff;border:1px solid #a5f3fc;border-radius:14px;padding:12px 16px;font-weight:700}.staff-main-column,.staff-side-column{flex-direction:column;gap:16px;display:flex}.volunteer-workspace-grid{grid-template-columns:minmax(0,1.2fr) minmax(300px,.9fr);gap:16px;display:grid}.management-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.blackout-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.empty-state{text-align:center;color:#64748b;padding:32px 20px}.empty-state h3{color:#475569;margin:0 0 8px}.empty-state p{margin:0 0 16px}.empty-state .empty-icon{margin-bottom:12px;font-size:2.5rem}.chat-bubble{max-width:85%;padding:10px 14px;font-size:.92rem;line-height:1.5}.chat-bubble.user{color:#fff;white-space:pre-wrap;background:#2563eb;border-radius:14px 14px 4px;align-self:flex-end}.chat-bubble.assistant{color:#0f172a;background:#f1f5f9;border-radius:14px 14px 14px 4px;align-self:flex-start}.chat-bubble.assistant p{margin:4px 0}.chat-bubble.assistant ul,.chat-bubble.assistant ol{margin:4px 0;padding-left:20px}.chat-bubble.assistant li{margin:2px 0}.chat-bubble.assistant strong{color:#1e293b}.chat-bubble.assistant table{border-collapse:collapse;width:100%;margin:8px 0;font-size:.85rem}.chat-bubble.assistant th,.chat-bubble.assistant td{text-align:left;border:1px solid #cbd5e1;padding:4px 8px}.chat-bubble.assistant th{background:#e2e8f0;font-weight:700}.chat-bubble.assistant code{background:#e2e8f0;border-radius:4px;padding:1px 4px;font-size:.85rem}.chat-bubble.assistant h1,.chat-bubble.assistant h2,.chat-bubble.assistant h3{margin:8px 0 4px;font-size:1rem}ul{padding-left:18px}li,p{line-height:1.6}@media (width<=1120px){.hero-card.split,.management-grid,.volunteer-workspace-grid{grid-template-columns:1fr}.form-grid,.blackout-row{grid-template-columns:repeat(2,minmax(140px,1fr))}}@media (width<=720px){.app-shell-modern{padding:14px}.schedule-grid,.form-grid,.availability-grid,.blackout-row{grid-template-columns:1fr}.brand-title{font-size:1.3rem}.panel-header,.shift-card-header,.suggestion-title-row,.candidate-row,.list-row{flex-direction:column;align-items:flex-start}.candidate-actions,.row-actions{flex-direction:column;align-items:stretch;width:100%}.step-indicator{flex-wrap:wrap}.step-item{flex-basis:50%}}:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}#root{text-align:center;border-inline:1px solid var(--border);box-sizing:border-box;flex-direction:column;width:1126px;max-width:100%;min-height:100svh;margin:0 auto;display:flex}body{margin:0}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}