:root{color-scheme:light;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;--page: #f6f7f8;--page-glow: rgba(255, 255, 255, .72);--surface: #ffffff;--surface-soft: #eef2f5;--surface-subtle: #fbfcfd;--control: #ffffff;--line: #d9e0e7;--line-strong: #bac6d0;--text: #1f2933;--muted: #61707f;--faint: #8a97a5;--accent: #7a4f2a;--accent-strong: #5d3b1f;--teal: #0f766e;--blue: #2563eb;--amber: #b7791f;--red: #b42318;--green: #137333;--shadow: 0 18px 45px rgba(31, 41, 51, .08);background:var(--page);color:var(--text)}:root[data-theme=dark]{color-scheme:dark;--page: #15181b;--page-glow: rgba(38, 31, 25, .38);--surface: #20252a;--surface-soft: #171b1f;--surface-subtle: #262b30;--control: #171b1f;--line: #343b43;--line-strong: #4b5560;--text: #f0ece7;--muted: #b1bbc5;--faint: #86919c;--accent: #d19a66;--accent-strong: #f0bd86;--teal: #5cc9be;--blue: #8ab4ff;--amber: #e0ad55;--red: #ff8a80;--green: #79d28d;--shadow: 0 18px 45px rgba(0, 0, 0, .26)}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0;background:linear-gradient(180deg,var(--page-glow),var(--page)),var(--page)}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.62}.login-screen{min-height:100vh;display:grid;place-items:center;padding:24px}.login-panel{width:min(420px,100%);padding:32px;border:1px solid var(--line);border-radius:8px;background:var(--surface);box-shadow:var(--shadow)}.brand-mark{width:52px;height:52px;display:grid;place-items:center;border-radius:8px;background:var(--text);color:var(--surface);font-weight:800;letter-spacing:0}.brand-mark.small{width:40px;height:40px;font-size:.82rem;flex:0 0 auto}.eyebrow{margin:20px 0 4px;color:var(--accent);font-size:.78rem;font-weight:800;letter-spacing:0;text-transform:uppercase}h1,h2,h3,p{margin-top:0}h1{margin-bottom:28px;font-size:2rem;line-height:1.1}h2{margin-bottom:0;font-size:1.65rem}h3{margin-bottom:0;font-size:1rem}.login-form,.form-panel{display:grid;gap:18px}.role-switch,.tabs,.filter-bar{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.role-switch{padding:4px;border-radius:8px;background:var(--surface-soft)}.role-switch button,.tabs button,.filter-bar button{min-height:36px;padding:8px 14px;border:1px solid transparent;border-radius:7px;background:transparent;color:var(--muted);font-weight:700}.role-switch button.active,.tabs button.active,.filter-bar button.active{border-color:var(--line);background:var(--surface);color:var(--text);box-shadow:0 1px 5px #1f293312}label{display:grid;gap:7px;color:var(--muted);font-size:.86rem;font-weight:700}input,select,textarea{width:100%;border:1px solid var(--line-strong);border-radius:7px;background:var(--control);color:var(--text);outline:none}input,select{min-height:42px;padding:0 12px}textarea{resize:vertical;min-height:112px;padding:12px}input:focus,select:focus,textarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px #2563eb21}.primary-action,.small-action,.ghost-button,.text-button,.past-toggle,.admin-actions button,.admin-row button{border:1px solid transparent;border-radius:7px;font-weight:800}.primary-action{min-height:44px;padding:0 18px;background:var(--text);color:var(--surface)}.small-action{min-height:34px;padding:6px 13px;background:var(--accent);color:#fff}.ghost-button,.text-button,.past-toggle{min-height:34px;padding:7px 12px;border-color:var(--line);background:var(--surface);color:var(--text)}.form-error{margin:0;color:var(--red);font-weight:700}.app-shell{min-height:100vh}.topbar{position:sticky;top:0;z-index:10;border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--page) 94%,transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.topbar-inner{width:min(1180px,calc(100% - 32px));min-height:76px;margin:0 auto;display:grid;grid-template-columns:minmax(240px,1fr) auto auto;gap:18px;align-items:center}.brand-block{min-width:0;display:flex;gap:12px;align-items:center}.brand-title{font-weight:900}.brand-meta{display:flex;gap:8px;flex-wrap:wrap;color:var(--muted);font-size:.78rem}.brand-meta span{white-space:nowrap}.nav-actions{display:flex;gap:10px;align-items:center;justify-content:flex-end}.theme-toggle{position:relative;width:72px;height:36px;display:grid;grid-template-columns:1fr 1fr;align-items:center;padding:0 8px;border:1px solid var(--line);border-radius:999px;background:var(--surface);color:var(--muted);box-shadow:0 1px 5px #1f293312}.theme-toggle.dark{background:var(--surface-soft);color:var(--text)}.theme-icon{position:relative;z-index:1;display:grid;place-items:center;width:22px;height:22px;font-size:.92rem;line-height:1}.theme-icon.sun{justify-self:start;color:var(--amber)}.theme-icon.moon{justify-self:end;color:var(--blue)}.theme-thumb{position:absolute;top:4px;left:4px;width:28px;height:28px;border-radius:50%;background:var(--surface-subtle);border:1px solid var(--line);box-shadow:0 3px 12px #1f293321;transition:transform .18s ease,background .18s ease}.theme-toggle.dark .theme-thumb{transform:translate(36px);background:var(--control)}.content-shell{width:min(1180px,calc(100% - 32px));margin:0 auto;padding:28px 0 48px}.view-stack{display:grid;gap:20px}.section-heading{display:flex;justify-content:space-between;gap:18px;align-items:end}.section-heading .eyebrow{margin-top:0}.quick-signup{width:min(310px,100%);display:grid;gap:6px}.quick-signup label{font-size:.78rem}.filter-bar{padding:10px;border:1px solid var(--line);border-radius:8px;background:var(--surface)}.filter-bar select{width:auto;min-width:170px;margin-left:auto}.event-group{display:grid;gap:10px}.group-title{color:var(--muted);font-size:.86rem;font-weight:900;text-transform:uppercase}.event-grid,.picker-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:14px}.event-card{display:grid;gap:14px;min-height:186px;padding:18px;border:1px solid var(--line);border-radius:8px;background:var(--surface);box-shadow:0 1px #1f293308}.event-card.compact{min-height:132px;opacity:.74}.event-main{display:flex;justify-content:space-between;gap:14px;align-items:flex-start}.event-title-row{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.event-meta{display:grid;gap:4px;margin-top:8px;color:var(--muted);font-size:.9rem}.status-badge,.signup-chip,.already-signed,.selection-count{display:inline-flex;align-items:center;min-height:26px;border-radius:999px;font-size:.78rem;font-weight:900}.status-badge{padding:3px 9px}.status-badge.open{background:#b7791f1f;color:var(--amber)}.status-badge.confirmed,.status-badge.filled{background:#1373331f;color:var(--green)}.status-badge.declined{background:#b423181c;color:var(--red)}.status-badge.neutral{background:var(--surface-soft);color:var(--muted)}.capacity{min-width:62px;min-height:50px;display:grid;place-items:center;padding:7px 10px;border:1px solid rgba(183,121,31,.22);border-radius:8px;background:#b7791f14;color:var(--amber);text-align:center}.capacity strong{font-size:1.12rem}.capacity.filled{border-color:#13733338;background:#13733314;color:var(--green)}.signup-row{display:flex;flex-wrap:wrap;gap:7px}.signup-chip{gap:6px;padding:4px 9px}.signup-chip small{font-weight:800;opacity:.78}.status-open{background:#b7791f1f;color:var(--amber)}.status-confirmed{background:#1373331f;color:var(--green)}.status-declined{background:#b423181c;color:var(--red)}.event-actions,.admin-row,.day-panel-head,.day-event-list article>div{display:flex;justify-content:space-between;gap:10px;align-items:center}.already-signed{padding:4px 9px;background:#0f766e1a;color:var(--teal)}.details-panel{display:grid;gap:10px;padding:12px;border:1px dashed var(--line-strong);border-radius:8px;background:var(--surface-subtle)}.details-panel p{margin:4px 0 0;color:var(--muted)}.admin-controls{display:grid;gap:8px;padding-top:12px;border-top:1px solid var(--line)}.admin-row{align-items:start;color:var(--muted);font-size:.86rem}.admin-row div,.admin-actions{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.admin-actions button,.admin-row button{min-height:30px;padding:5px 9px;border-color:var(--line);background:var(--control);color:var(--text);font-size:.78rem}.empty-state{display:grid;gap:5px;padding:22px;border:1px dashed var(--line-strong);border-radius:8px;background:color-mix(in srgb,var(--surface) 70%,transparent);color:var(--muted)}.compact-empty{padding:16px}.past-toggle{justify-self:start}.muted-grid{opacity:.78}.signup-layout{display:grid;grid-template-columns:minmax(260px,340px) 1fr;gap:18px;align-items:start}.form-panel{position:sticky;top:104px;padding:18px;border:1px solid var(--line);border-radius:8px;background:var(--surface)}.selection-count{padding:4px 10px;background:#2563eb1a;color:var(--blue)}.event-picker{min-width:0}.pick-card{position:relative;min-height:148px;padding:18px 18px 18px 48px;display:grid;gap:7px;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--text);text-align:left}.pick-card.selected{border-color:#0f766e73;box-shadow:0 0 0 3px #0f766e1a}.pick-card span{color:var(--muted)}.pick-card small{color:var(--teal);font-weight:800}.pick-check{position:absolute;top:18px;left:18px;width:18px;height:18px;border:2px solid var(--line-strong);border-radius:5px}.pick-card.selected .pick-check{border-color:var(--teal);background:var(--teal)}.pick-card.selected .pick-check:after{content:"";position:absolute;left:4px;top:1px;width:5px;height:10px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}.calendar-nav{min-width:240px;display:grid;grid-template-columns:38px 1fr 38px;gap:8px;align-items:center}.calendar-nav button{width:38px;height:38px;border:1px solid var(--line);border-radius:8px;background:var(--surface)}.calendar-nav strong{text-align:center}.calendar-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,360px);gap:18px;align-items:start}.calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px}.weekday{min-height:26px;color:var(--muted);font-size:.78rem;font-weight:900;text-align:center}.calendar-cell{aspect-ratio:1 / .78;min-height:74px;padding:8px;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--text);text-align:left}.calendar-cell.outside{opacity:.43}.calendar-cell.today-cell{border-color:#2563eb61}.calendar-cell.selected{border-color:var(--text);box-shadow:inset 0 0 0 1px var(--text)}.calendar-cell.has-events{background:var(--surface-subtle)}.calendar-cell span:first-child{font-weight:900}.day-dots{display:flex;gap:4px;flex-wrap:wrap;margin-top:8px}.dot{width:8px;height:8px;border-radius:50%;background:var(--line-strong)}.dot.open{background:var(--amber)}.dot.filled{background:var(--green)}.dot.neutral{background:var(--blue)}.day-panel,.admin-panel{padding:18px;border:1px solid var(--line);border-radius:8px;background:var(--surface)}.day-event-list{display:grid;gap:10px;margin-top:14px}.day-event-list article{display:grid;gap:6px;padding:12px;border:1px solid var(--line);border-radius:8px}.day-event-list p{margin:0;color:var(--muted);font-size:.86rem}.day-event-list small{color:var(--teal);font-weight:800}.admin-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.admin-summary div{min-height:104px;display:grid;align-content:center;gap:4px;padding:18px;border:1px solid var(--line);border-radius:8px;background:var(--surface)}.admin-summary strong{font-size:2rem}.admin-summary span{color:var(--muted);font-weight:700}.admin-layout{display:grid;grid-template-columns:1fr 1fr;gap:18px}.admin-panel h3{margin-bottom:14px}.admin-list{display:grid;gap:10px}.admin-list article{display:flex;justify-content:space-between;gap:14px;padding:12px;border:1px solid var(--line);border-radius:8px}.admin-list article>div:first-child{min-width:0;display:grid;gap:4px}.admin-list span,.admin-list small{color:var(--muted);overflow-wrap:anywhere}.inline-alert{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:16px;padding:12px 14px;border-radius:8px;font-weight:800}.inline-alert button{border:0;background:transparent;color:inherit;font-weight:900}.error-alert{background:#b423181a;color:var(--red)}.success-alert{background:#1373331a;color:var(--green)}.loading-panel{min-height:360px;display:grid;place-items:center;gap:12px;color:var(--muted);font-weight:800}.spinner{width:34px;height:34px;border:3px solid var(--line);border-top-color:var(--blue);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:900px){.topbar-inner{grid-template-columns:1fr;padding:14px 0}.tabs{overflow-x:auto;flex-wrap:nowrap}.section-heading,.event-main,.calendar-layout,.signup-layout,.admin-layout{grid-template-columns:1fr}.section-heading{display:grid;align-items:stretch}.form-panel{position:static}.admin-summary{grid-template-columns:1fr}}@media(max-width:560px){.login-panel,.content-shell,.topbar-inner{width:calc(100% - 24px)}.login-panel{padding:24px}.content-shell{padding-top:18px}.event-grid,.picker-grid{grid-template-columns:1fr}.event-card,.form-panel,.day-panel,.admin-panel{padding:14px}.filter-bar select{width:100%;margin-left:0}.calendar-cell{min-height:54px;padding:6px;border-radius:6px}.day-dots{gap:3px}.dot{width:6px;height:6px}}