:root{--brand-navy: #1E3869;--brand-navy-shade: #13284F;--brand-blue: #3379FF;--brand-blue-shade: #2265E5;--brand-sky: #C2DDF4;--brand-sky-shade: #97BEDB;--brand-red: #FF4746;--brand-red-shade: #E53332;--brand-charcoal: #272E35;--brand-fog: #828FA2;--brand-dove: #DCDBDB;--brand-dove-tint: #EBE9E9;--brand-yellow: #FFE131;--club-sparks: #FF4746;--club-cubbies: #3379FF;--club-tt: #2F9E44;--club-puggles: #FFE131;--bg: #F4F7FB;--bg-wash: linear-gradient(180deg, #E8F2FA 0%, var(--brand-dove-tint) 48%, #F7F7F7 100%);--card: #ffffff;--border: var(--brand-dove);--text: var(--brand-charcoal);--muted: var(--brand-fog);--accent: var(--brand-blue);--accent-hover: var(--brand-blue-shade);--accent2: var(--brand-yellow);--danger: var(--brand-red);--danger-shade: var(--brand-red-shade);--ok: var(--club-tt);--header: var(--brand-navy);--header-shade: var(--brand-navy-shade);font-family:Segoe UI,system-ui,-apple-system,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);background-image:var(--bg-wash);background-attachment:fixed;color:var(--text);min-height:100vh}a{color:var(--accent);text-decoration:none}a:hover{color:var(--accent-hover);text-decoration:underline}.demo-banner{background:var(--brand-navy);color:#fff;text-align:center;padding:.55rem 1rem;font-weight:700;font-size:.9rem;letter-spacing:.01em;border-bottom:3px solid var(--brand-yellow);box-shadow:0 2px 0 var(--brand-red);position:sticky;top:0;z-index:100}.layout{display:flex;min-height:calc(100vh - 44px)}.sidebar{width:220px;background:var(--brand-navy);color:#fff;border-right:1px solid var(--brand-navy-shade);padding:1.25rem 1rem;flex-shrink:0}.sidebar-brand{display:flex;align-items:center;gap:.55rem;margin:0 0 .35rem}.sidebar-logo{width:36px;height:36px;object-fit:contain;border-radius:6px;flex-shrink:0;background:#fff}.sidebar h2{font-size:1rem;margin:0;color:#fff}.sidebar .role{color:var(--brand-sky);font-size:.8rem;margin-bottom:1.25rem}.sidebar nav a{display:block;padding:.45rem .6rem;border-radius:6px;color:#fff;margin-bottom:.2rem}.sidebar nav a.active,.sidebar nav a:hover{background:var(--brand-blue);color:#fff;text-decoration:none}.sidebar .btn.ghost{color:var(--brand-sky);border-color:var(--brand-sky-shade)}.sidebar .btn.ghost:hover{background:var(--brand-navy-shade);color:#fff}.sidebar .badge{background:var(--brand-navy-shade);color:var(--brand-yellow);border:1px solid var(--brand-sky-shade)}.main{flex:1;padding:1.5rem 2rem;max-width:960px}.card{background:var(--card);border:1px solid var(--brand-dove);border-radius:10px;padding:1.25rem;margin-bottom:1rem;box-shadow:0 1px 2px #1e38690f}.card h3{margin-top:0;color:var(--brand-navy)}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:1rem}.stat{text-align:center}.stat .n{font-size:1.75rem;font-weight:700;color:var(--brand-blue)}.stat .l{color:var(--muted);font-size:.85rem}h1{color:var(--brand-navy);margin-top:0}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:.55rem .6rem;border-bottom:1px solid var(--brand-dove-tint)}th{color:var(--muted);font-weight:600;font-size:.85rem}.btn{background:var(--brand-blue);color:#fff;border:none;border-radius:6px;padding:.55rem 1rem;font-weight:600;cursor:pointer}.btn:hover{background:var(--brand-blue-shade)}.btn:disabled{opacity:.65;cursor:not-allowed}.btn.secondary{background:var(--brand-dove-tint);color:var(--brand-navy);border:1px solid var(--brand-dove)}.btn.secondary:hover{background:var(--brand-dove)}.btn.ghost{background:transparent;color:var(--muted);border:1px solid var(--border)}.btn.ghost:hover{background:var(--brand-dove-tint);color:var(--brand-navy)}.btn.danger{background:var(--brand-red);color:#fff}.btn.danger:hover{background:var(--brand-red-shade)}.login-page{min-height:calc(100vh - 44px);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1rem}.login-card{width:100%;max-width:400px;background:var(--card);border:1px solid var(--brand-dove);border-top:4px solid var(--brand-navy);border-radius:12px;padding:2rem;box-shadow:0 8px 24px #1e386914}.login-logo{display:block;width:min(220px,70%);height:auto;margin:0 auto 1rem;border-radius:10px}.login-card h1{margin:0 0 .25rem;font-size:1.35rem;color:var(--brand-navy);text-align:center}.login-card .sub{color:var(--muted);font-size:.9rem;margin-bottom:1.5rem}label{display:block;font-size:.85rem;color:var(--muted);margin-bottom:.25rem}input,textarea,select{width:100%;padding:.55rem .7rem;border-radius:6px;border:1px solid var(--brand-dove);background:#fff;color:var(--text);margin-bottom:1rem}input:focus,textarea:focus,select:focus{outline:2px solid var(--brand-sky);border-color:var(--brand-blue)}.error{color:var(--danger);font-size:.9rem;margin-bottom:.75rem}.muted{color:var(--muted);font-size:.85rem}.badge{display:inline-block;background:var(--brand-dove-tint);color:var(--brand-navy);font-size:.75rem;padding:.15rem .45rem;border-radius:4px;border:1px solid var(--brand-dove)}.badge-club-sparks{background:#ffecec;color:var(--club-sparks);border-color:#ffb3b2}.badge-club-cubbies{background:#eaf1ff;color:var(--club-cubbies);border-color:var(--brand-sky)}.badge-club-tt{background:#eaf8ee;color:var(--club-tt);border-color:#b7e4c0}.badge-club-puggles{background:#fff9d6;color:#8a7400;border-color:var(--brand-yellow)}.disclaimer{margin-top:1.5rem;font-size:.75rem;color:var(--muted);max-width:400px;text-align:center}code{background:var(--brand-dove-tint);padding:.1rem .35rem;border-radius:4px;font-size:.9em}.compose-panel{border-width:2px;transition:background-color .2s ease,border-color .2s ease}.compose-panel.audience-leaders{background:#e8eef7;border-color:var(--brand-navy)}.compose-panel.audience-whole_club,.compose-panel.audience-all{background:#eaf1ff;border-color:var(--brand-blue)}.compose-panel.audience-volunteers{background:#eaf8ee;border-color:var(--club-tt)}.compose-panel.audience-parents{background:#fff9d6;border-color:var(--brand-yellow)}.compose-panel.audience-leaders_volunteers{background:#eaf1ff;border-color:var(--brand-blue)}.audience-picker{display:flex;flex-wrap:wrap;gap:.75rem 1.25rem;margin-bottom:.75rem}.audience-option{display:inline-flex;align-items:center;gap:.35rem;color:var(--brand-charcoal);font-size:.9rem;margin-bottom:0;cursor:pointer}.audience-option input{width:auto;margin:0}.audience-cue{margin:0 0 1rem}.badge-audience-leaders{background:#e8eef7;color:var(--brand-navy);border-color:var(--brand-navy)}.badge-audience-volunteers{background:#eaf8ee;color:var(--club-tt);border-color:#b7e4c0}.badge-audience-parents{background:#fff9d6;color:#8a7400;border-color:var(--brand-yellow)}.badge-audience-leaders_volunteers,.badge-audience-whole_club,.badge-audience-all{background:#eaf1ff;color:var(--brand-blue);border-color:var(--brand-sky)}.nested-card{box-shadow:none;margin-bottom:.75rem}