:root{color:#171513;background:#f7f3ec;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;--ink: #171513;--charcoal: #211f1c;--black: #0f0e0c;--muted: #6d655b;--line: #ded6ca;--paper: #fffaf2;--orange: #f47b20;--orange-dark: #c95613;--amber: #ffba4a;--cream: #f7f3ec;--shadow: 0 18px 48px rgba(18, 15, 11, .14)}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input,textarea,select{font:inherit}button{cursor:pointer}a{color:inherit}.app-shell{min-height:100vh}.topbar{position:sticky;top:0;z-index:20;display:grid;grid-template-columns:auto 1fr auto;gap:18px;align-items:center;padding:16px clamp(18px,4vw,54px);background:#0f0e0cf0;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.brand,.nav-tabs button,.account-chip,.auth-mode-tabs button,.primary-button,.ghost-button,.small-button,.category-tabs button{border:0}.brand{display:inline-flex;gap:10px;align-items:center;color:var(--ink);background:transparent;text-align:left}.brand-mark{display:grid;width:42px;height:42px;place-items:center;color:#10231a;background:var(--orange);border:1px solid #ffad6b;border-radius:8px}.brand strong,.brand small{display:block}.topbar .brand,.topbar .brand small{color:#fff}.brand small{color:#ffffffb3;font-size:.78rem}.nav-tabs{display:flex;justify-content:center;gap:6px;min-width:0}.nav-tabs button,.category-tabs button{min-height:38px;padding:0 12px;color:var(--muted);background:transparent;border-radius:8px;white-space:nowrap}.nav-tabs button.active,.category-tabs button.active{color:#fff;background:var(--orange)}.session-controls{display:flex;gap:10px;align-items:center}.account-chip,.search-box{display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:0 10px;color:var(--muted);background:#fff;border:1px solid var(--line);border-radius:8px}.account-chip{max-width:240px;color:var(--ink);font-weight:800}.account-chip>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-chip small{padding:3px 7px;color:#fff;background:var(--black);border-radius:999px;font-size:.72rem;text-transform:uppercase}.search-box input{width:100%;color:var(--ink);background:transparent;border:0;outline:0}.primary-button,.ghost-button,.small-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;padding:0 14px;border-radius:8px;font-weight:700}.primary-button{color:#fff;background:var(--orange)}.primary-button:hover{background:var(--orange-dark)}.ghost-button{color:var(--ink);background:#fff;border:1px solid var(--line)}.large{min-height:48px;padding:0 18px}.small-button{min-height:34px;padding:0 11px;color:var(--ink);background:#fff0df}.hero-section{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(300px,.7fr);gap:clamp(24px,5vw,64px);align-items:end;min-height:calc(100vh - 74px);padding:clamp(44px,7vw,92px) clamp(18px,5vw,74px);background:linear-gradient(#0f0e0c52,#0f0e0cdb),url(https://images.unsplash.com/photo-1523580846011-d3a5bc25702b?auto=format&fit=crop&w=1800&q=80) center / cover;color:#fff}.hero-content{max-width:760px}.eyebrow{margin:0 0 10px;color:var(--orange);font-size:.78rem;font-weight:800;letter-spacing:0;text-transform:uppercase}.hero-section .eyebrow{color:var(--amber)}h1,h2,h3,p{margin-top:0}h1{margin-bottom:18px;font-size:clamp(4.2rem,12vw,9.5rem);line-height:.86;letter-spacing:0}h2{margin-bottom:12px;font-size:clamp(2rem,4vw,4.2rem);line-height:1;letter-spacing:0}h3{margin-bottom:8px;font-size:1.05rem}.hero-copy{max-width:640px;color:#ffffffe0;font-size:clamp(1.1rem,2vw,1.35rem);line-height:1.55}.hero-actions,.row-heading,.category-tabs{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.hero-panel{padding:22px;color:var(--ink);background:#fffdf7f2;border:1px solid rgba(255,255,255,.7);border-radius:8px;box-shadow:var(--shadow)}.panel-header,.sidebar-title{display:flex;gap:9px;align-items:center;margin-bottom:16px;font-weight:800}.event-row{display:grid;grid-template-columns:68px 1fr;gap:14px;align-items:center;padding:14px 0;border-top:1px solid var(--line)}.event-row strong,.event-row span{display:block}.event-row span,.info-card p,.resource-card p,.announcement p,.join-section p{color:var(--muted);line-height:1.55}.date-badge{display:grid;height:54px;place-items:center;color:#0f2419;background:var(--amber);border-radius:8px;font-weight:900;text-align:center}.stats-band{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.metric{display:grid;gap:8px;min-height:150px;align-content:center;padding:24px;background:var(--paper)}.metric svg{color:var(--orange)}.metric strong{font-size:2.2rem}.metric span{color:var(--muted)}.content-section,.join-section,.dashboard-layout,.officer-layout{padding:clamp(34px,6vw,70px) clamp(18px,5vw,74px)}.section-heading{max-width:820px;margin-bottom:22px}.row-heading{justify-content:space-between;max-width:none}.mission-grid,.resource-grid,.admin-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.resource-grid{grid-template-columns:repeat(4,1fr)}.info-card,.resource-card,.admin-panel,.tool-section,.join-form,.locked-state{background:var(--paper);border:1px solid var(--line);border-radius:8px;box-shadow:0 8px 24px #202b240f}.info-card,.resource-card,.admin-panel{padding:20px}.info-card svg{color:var(--orange);margin-bottom:12px}.resource-card span{display:inline-flex;margin-bottom:14px;color:var(--orange-dark);font-size:.78rem;font-weight:800;text-transform:uppercase}.resource-card a{font-weight:800;color:var(--orange-dark)}.preview{position:relative;overflow:hidden}.preview:after{position:absolute;inset:auto 0 0;height:40%;content:"";background:linear-gradient(rgba(255,253,247,0),var(--paper))}.join-section{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(24px,5vw,64px);align-items:start}.join-form{display:grid;gap:16px;padding:22px}.join-form label{display:grid;gap:7px;color:var(--muted);font-weight:700}.join-form input,.join-form textarea,.auth-card input{width:100%;padding:12px;color:var(--ink);background:#fff;border:1px solid var(--line);border-radius:8px;outline-color:var(--orange)}.auth-section{display:grid;min-height:calc(100vh - 74px);place-items:center;padding:clamp(34px,6vw,70px) clamp(18px,5vw,74px);background:linear-gradient(#0f0e0cbd,#0f0e0ce0),url(https://images.unsplash.com/photo-1522202176988-66273c2fd55f?auto=format&fit=crop&w=1800&q=80) center / cover}.auth-card{display:grid;width:min(100%,520px);gap:16px;padding:24px;background:var(--paper);border:1px solid var(--line);border-radius:8px;box-shadow:var(--shadow)}.auth-card>svg{color:var(--orange)}.auth-card h2{font-size:clamp(2rem,4vw,3rem)}.auth-card p{color:var(--muted);line-height:1.55}.auth-card label{display:grid;gap:7px;color:var(--muted);font-weight:700}.auth-mode-tabs{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:5px;background:#fff;border:1px solid var(--line);border-radius:8px}.auth-mode-tabs button{display:inline-flex;min-height:38px;align-items:center;justify-content:center;gap:8px;color:var(--muted);background:transparent;border-radius:8px;font-weight:800}.auth-mode-tabs button.active{color:#fff;background:var(--black)}.form-alert{margin:0;padding:12px;border-radius:8px;font-weight:700}.form-alert.error{color:#7c1d12;background:#ffe5df}.form-alert.success{color:#164429;background:#dbf7e5}.dashboard-layout{display:grid;grid-template-columns:250px 1fr;gap:22px;align-items:start}.dashboard-sidebar{position:sticky;top:92px;display:grid;gap:8px;padding:18px;background:var(--black);border-radius:8px;color:#fff}.dashboard-sidebar a{padding:11px 12px;color:#ffffffc7;text-decoration:none;border-radius:8px}.dashboard-sidebar a:hover{color:#fff;background:#ffffff1a}.supabase-status{display:flex;gap:9px;align-items:center;margin-top:12px;padding-top:16px;color:#ffffffb8;border-top:1px solid rgba(255,255,255,.16);font-size:.9rem}.status-dot{width:10px;height:10px;background:var(--amber);border-radius:999px}.status-dot.live{background:#62d285}.dashboard-main{display:grid;gap:22px}.dashboard-hero{display:flex;justify-content:space-between;gap:18px;align-items:center;padding:24px;color:#fff;background:var(--black);border-radius:8px}.dashboard-hero h2{max-width:720px;margin-bottom:0;font-size:clamp(1.9rem,3vw,3rem)}.tool-section{padding:22px}.search-box{width:min(100%,310px)}.category-tabs{margin-bottom:18px}.category-tabs button{background:#fff;border:1px solid var(--line)}.two-column{display:grid;grid-template-columns:1.15fr .85fr;gap:22px}.event-row.detailed{grid-template-columns:70px 1fr auto}.announcement{display:grid;grid-template-columns:auto 1fr;gap:12px;padding:16px 0;border-top:1px solid var(--line)}.announcement svg{color:var(--orange)}.announcement span{color:var(--muted);font-size:.9rem}.locked-state{display:grid;width:min(620px,calc(100% - 36px));margin:70px auto;place-items:center;padding:44px 24px;text-align:center}.locked-state svg{color:var(--orange);margin-bottom:18px}.officer-layout{display:grid;gap:22px}.admin-grid{grid-template-columns:repeat(3,1fr)}.admin-panel>div{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;color:var(--orange)}.admin-panel>div span{color:var(--ink);font-size:2.2rem;font-weight:900}.member-table{overflow-x:auto}.table-row{display:grid;grid-template-columns:1.4fr .6fr .8fr .5fr;min-width:560px;padding:14px 0;border-top:1px solid var(--line)}.table-row.header{color:var(--muted);font-size:.85rem;font-weight:800;text-transform:uppercase}@media (max-width: 1120px){.topbar{grid-template-columns:1fr}.nav-tabs{justify-content:flex-start;overflow-x:auto;padding-bottom:4px}.session-controls{justify-content:space-between}.hero-section,.join-section,.dashboard-layout,.two-column{grid-template-columns:1fr}.dashboard-sidebar{position:static}.resource-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 760px){.hero-section{min-height:auto}.hero-panel{display:none}.stats-band,.mission-grid,.resource-grid,.admin-grid{grid-template-columns:1fr}.dashboard-hero,.row-heading{align-items:flex-start;flex-direction:column}.event-row.detailed{grid-template-columns:70px 1fr}.event-row.detailed .small-button{grid-column:1 / -1}.session-controls{flex-direction:column;align-items:stretch}.account-chip,.primary-button,.ghost-button{width:100%}}