:root{font-family:Nunito Sans,Segoe UI,Tahoma,Geneva,Verdana,sans-serif;color-scheme:light dark;--bg: #f3f5f8;--bg-top: #fafcff;--surface: #ffffff;--surface-soft: #f8fafc;--text: #0f172a;--text-soft: #475569;--primary: #1e3a8a;--primary-strong: #172554;--accent: #e7c86a;--accent-soft: #fff7da;--success: #15803d;--success-strong: #166534;--danger: #b91c1c;--danger-strong: #991b1b;--border: #d4deea;--tab-hover-bg: #eef4ff;--tab-hover-border: #b7caf0;--icon-shell-border: #d7e0ef;--focus-ring: #1d4ed8;--sidebar-note-border: #f2d483;--accent-border: #cba53f;--accent-strong: #f3d878;--status-pending: #b45309;--status-confirmed: #166534;--status-declined: #b91c1c}:root[data-theme=dark]{--bg: #0b1220;--bg-top: #131d31;--surface: #121c2f;--surface-soft: #1a2740;--text: #e5ecf8;--text-soft: #9ab0d1;--primary: #4f8cff;--primary-strong: #2f6ee6;--accent: #e7c86a;--accent-soft: #3c3118;--success: #22c55e;--success-strong: #16a34a;--danger: #f43f5e;--danger-strong: #e11d48;--border: #2f3f60;--tab-hover-bg: #1d2d4a;--tab-hover-border: #425a86;--icon-shell-border: #445679;--focus-ring: #5ea1ff;--sidebar-note-border: #8c6d21;--accent-border: #8c6d21;--accent-strong: #d7b754;--status-pending: #f59e0b;--status-confirmed: #4ade80;--status-declined: #fb7185}*{box-sizing:border-box}body{margin:0;min-height:100vh;color:var(--text);background:radial-gradient(circle at top,var(--bg-top) 0%,var(--bg) 58%)}body.mobile-menu-open{overflow:hidden}a{color:inherit;text-decoration:none}.app-shell{max-width:1160px;margin:0 auto;padding:1rem 1rem 2rem}.app-shell-grid{display:grid;grid-template-columns:280px minmax(0,1fr);gap:1rem}.app-sidebar{display:flex;flex-direction:column;gap:1rem;padding:1rem;border:1px solid var(--border);border-radius:18px;background:var(--surface);box-shadow:0 10px 28px #0f172a0f;min-height:calc(100vh - 3rem);position:sticky;top:1rem}.app-main{min-width:0}.app-brand h1{margin:0}.app-eyebrow{margin:0 0 .15rem;font-size:.75rem;font-weight:800;letter-spacing:.18em;text-transform:uppercase;color:#b0891c}.tabs-vertical{flex-direction:column;margin:0}.tabs.tabs-mobile,.button.mobile-menu-toggle,.mobile-drawer-backdrop,.mobile-drawer{display:none}.mobile-drawer-close{padding:.45rem .75rem}.side-tab{display:inline-flex;align-items:center;gap:.45rem;width:100%;justify-content:flex-start;border-color:var(--border);background:var(--surface)}.side-tab-settings{margin-top:auto}.side-tab-logout{margin-top:.35rem;border-color:#b91c1c59;color:var(--danger)}.side-tab-logout .tab-icon-shell{color:var(--danger);border-color:#b91c1c59}.tab-icon-shell{display:inline-flex;align-items:center;justify-content:center;width:1.65rem;height:1.65rem;border-radius:999px;border:1px solid var(--icon-shell-border);background:var(--surface-soft);color:var(--primary)}.tab.active .tab-icon-shell{border-color:#ffffff4d;background:#ffffff1f;color:#fff}.nav-icon{width:.95rem;height:.95rem}.sidebar-note{margin-top:.75rem;border:1px solid var(--sidebar-note-border);background:var(--accent-soft);border-radius:12px;padding:.7rem}.topbar{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:.9rem;padding:1rem 1.1rem;border:1px solid var(--border);border-radius:16px;background:var(--surface);box-shadow:0 10px 28px #0f172a0f}.topbar h1,.topbar h2{margin:0}.topbar-controls{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:.5rem;margin-left:auto}.role-pill-select{min-width:190px;border-radius:10px;border:1px solid var(--border);background:var(--surface);color:var(--primary);font-weight:700;font-size:.85rem;line-height:1;padding:.58rem .92rem;min-height:2.2rem}.tabs{display:flex;flex-wrap:wrap;gap:.55rem;margin-bottom:1rem}.tab{padding:.55rem .95rem;border-radius:999px;border:1px solid var(--border);background:var(--surface);color:var(--text);font-weight:700;transition:all .15s ease}.tab:hover{background:var(--tab-hover-bg);border-color:var(--tab-hover-border)}.tab.active{border-color:var(--primary);background:var(--primary);color:#f8fafc}.content{display:flex;flex-direction:column;gap:1rem}.card{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:1rem;box-shadow:0 10px 30px #0f172a0f}.mini-card{border:1px solid var(--border);border-radius:12px;padding:.75rem;background:var(--surface-soft)}.row{display:flex;align-items:center;gap:.5rem}.row.wrap{flex-wrap:wrap}.row.spread{justify-content:space-between}.column{display:flex;flex-direction:column;gap:.5rem}.stack{display:flex;flex-direction:column;gap:1rem}.badge{padding:.2rem .65rem;border-radius:999px;border:1px solid var(--border);background:var(--surface-soft);font-size:.8rem;font-weight:700}.button{display:inline-flex;align-items:center;justify-content:center;gap:.35rem;border:1px solid transparent;border-radius:10px;background:var(--primary);color:#f8fafc;padding:.58rem .92rem;cursor:pointer;font-weight:700;line-height:1;transition:all .15s ease}.button:hover{background:var(--primary-strong)}.button:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.button.success{background:var(--success);border-color:var(--success)}.button.success:hover{background:var(--success-strong)}.button.ghost{background:var(--surface);border-color:var(--border);color:var(--primary)}.button.ghost:hover{background:var(--tab-hover-bg)}.button.accent{background:var(--accent);border-color:var(--accent-border);color:#1f2937}.button.accent:hover{background:var(--accent-strong)}.button.danger{background:var(--danger);border-color:var(--danger)}.button.danger:hover{background:var(--danger-strong)}.button:disabled{opacity:.6;cursor:not-allowed}.field{display:flex;flex-direction:column;gap:.35rem}.settings-list{display:flex;flex-direction:column;gap:.75rem}.settings-list .field{min-width:0;border:1px solid var(--border);border-radius:12px;padding:.75rem;background:var(--surface-soft)}.settings-list input,.settings-list select{width:100%;min-width:0}.settings-section{border:1px solid var(--border);border-radius:14px;padding:.85rem;background:var(--surface)}.settings-section h3{margin:0}input,select,textarea{border:1px solid var(--border);border-radius:10px;padding:.55rem .72rem;min-width:180px;background:var(--surface);color:var(--text)}input:focus,select:focus,textarea:focus{outline:2px solid var(--focus-ring);outline-offset:1px}.list{display:flex;flex-direction:column;gap:.6rem;padding:0;margin:1rem 0 0;list-style:none}.list-item{border:1px solid var(--border);border-radius:12px;padding:.75rem;display:flex;justify-content:space-between;align-items:center;gap:.6rem;background:var(--surface-soft)}.muted{color:var(--text-soft);margin:.2rem 0}.muted.small{font-size:.8rem}.status{font-weight:700}.status.pending{color:var(--status-pending)}.status.confirmed{color:var(--status-confirmed)}.status.declined,.status.missing{color:var(--status-declined)}.availability-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:.75rem;margin-bottom:1rem}.checkbox-row{display:flex;align-items:center;gap:.4rem}.checkbox-inline{display:flex;align-items:center;gap:.45rem;font-size:.9rem;color:var(--text-soft)}.checkbox-inline input[type=checkbox]{width:1rem;height:1rem;min-width:1rem}.table{width:100%;border-collapse:collapse}.table th,.table td{border-bottom:1px solid var(--border);padding:.5rem;text-align:left}.table th{color:var(--text-soft);font-weight:700}.login-shell{min-height:100vh;display:grid;place-items:center;padding:1rem}.login-card{width:min(480px,100%);display:flex;flex-direction:column;gap:.8rem;border:1px solid var(--border);border-radius:16px;background:var(--surface);padding:1rem;box-shadow:0 12px 34px #0f172a14}.error{color:var(--danger);font-weight:700}.centered{min-height:100vh;display:grid;place-items:center}.notice{margin-top:1rem;border:1px solid var(--sidebar-note-border);background:var(--accent-soft);border-radius:12px;padding:.75rem}.strong{font-weight:700}pre.muted{white-space:pre-wrap;word-break:break-word;margin:0}.church-logo-preview{margin-top:.75rem;max-width:220px;max-height:220px;border:1px solid var(--border);border-radius:12px;padding:.5rem;background:var(--surface);-o-object-fit:contain;object-fit:contain}@media (max-width: 640px){.app-shell-grid{display:block}.app-sidebar{display:none}.topbar{flex-direction:column;align-items:flex-start}.topbar-controls{width:100%;justify-content:flex-start}.button.mobile-menu-toggle{display:inline-flex}.mobile-drawer-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:#02061773;opacity:0;pointer-events:none;transition:opacity .2s ease}.mobile-drawer-backdrop.open{opacity:1;pointer-events:auto}.mobile-drawer{position:fixed;top:0;left:0;bottom:0;width:min(300px,85vw);z-index:60;display:flex;flex-direction:column;gap:1rem;padding:1rem;border-right:1px solid var(--border);background:var(--surface);box-shadow:0 18px 40px #02061740;transform:translate(-102%);transition:transform .2s ease;overflow-y:auto;touch-action:pan-y}.mobile-drawer.open{transform:translate(0)}.mobile-drawer .tabs{margin:0;flex:1}.list-item{flex-direction:column;align-items:flex-start}}