:root{--ink:#102a43;--muted:#607487;--line:#d8e2eb;--paper:#f3f7fa;--white:#fff;--teal:#13a58a;--deep:#0c7569;--coral:#ea755f;--shadow:0 16px 42px rgba(16,42,67,.08);font-family:Inter,"Segoe UI",system-ui,-apple-system,sans-serif;color:var(--ink);background:var(--paper)}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:linear-gradient(180deg,#e9f2f7 0,transparent 260px),var(--paper)}a{color:#087d73;text-decoration:none;font-weight:650}a:hover{text-decoration:underline}.topbar{min-height:72px;padding:12px max(24px,calc((100vw - 1180px)/2));display:flex;gap:32px;align-items:center;background:rgba(255,255,255,.92);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:3;backdrop-filter:blur(12px)}.brand{font-size:1.1rem;font-weight:850;letter-spacing:-.03em;color:var(--ink);white-space:nowrap}.version{font-size:.72rem;padding:4px 8px;margin-left:8px;border-radius:20px;background:#e6f6f2;color:#0a7869;vertical-align:middle}.topbar nav{display:flex;gap:22px;flex:1}.topbar nav a,.quiet{font-size:.9rem;color:#506579}.userbox{display:flex;align-items:center;gap:14px;font-size:.85rem}.club-switch select{width:auto;min-width:125px;padding:8px 28px 8px 10px;margin:0}.container{max-width:1180px;margin:0 auto;padding:40px 24px 64px}.page-heading{display:flex;align-items:center;justify-content:space-between;margin:0 0 24px}.page-heading h1{font-size:1.7rem;letter-spacing:-.04em;margin:0}.hero{background:radial-gradient(circle at 85% 5%,rgba(19,165,138,.45),transparent 35%),linear-gradient(120deg,#102a43,#17495a);color:white;border-radius:22px;padding:34px 38px;display:flex;justify-content:space-between;align-items:center;gap:32px;box-shadow:var(--shadow);margin-bottom:24px}.hero h2{font-size:clamp(1.5rem,3vw,2.25rem);line-height:1.14;letter-spacing:-.04em;max-width:650px;margin:10px 0}.hero p{color:#d0e1e9;line-height:1.6;max-width:620px;margin:0}.eyebrow{text-transform:uppercase;letter-spacing:.13em;font-size:.7rem;font-weight:800;color:#128776}.hero .eyebrow{color:#81e2ce}.button,button{display:inline-flex;justify-content:center;align-items:center;border:0;border-radius:10px;background:var(--teal);color:white;padding:11px 16px;font:inherit;font-weight:750;cursor:pointer}.button:hover,button:hover{background:var(--deep);text-decoration:none}.button.light{background:white;color:var(--ink);white-space:nowrap}.button.light:hover{background:#e7f5f2}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:24px 0}.stat,.panel{background:var(--white);border:1px solid rgba(216,226,235,.9);border-radius:16px;box-shadow:0 5px 18px rgba(16,42,67,.035)}.stat{padding:20px 22px}.stat span{display:block;color:var(--muted);font-size:.82rem;font-weight:600}.stat strong{display:block;font-size:2rem;margin-top:10px;letter-spacing:-.05em}.stat strong.small-value{font-size:1.25rem;letter-spacing:-.02em}.panel{padding:24px;margin:18px 0}.panel h2{font-size:1.1rem;margin:0 0 18px;letter-spacing:-.02em}.grid{display:grid;gap:18px}.grid.two,.split{grid-template-columns:repeat(2,minmax(0,1fr))}.split{display:grid;gap:18px;align-items:start}.muted{color:var(--muted);line-height:1.6}.narrow{max-width:540px;margin:0 auto}form label{display:block;font-size:.85rem;font-weight:700;margin:0 0 14px}input,select,textarea{font:inherit;font-size:.94rem;display:block;width:100%;margin-top:7px;padding:11px 12px;border:1px solid #c8d6e1;border-radius:9px;background:white;color:var(--ink);outline:none}input:focus,select:focus,textarea:focus{border-color:#20a790;box-shadow:0 0 0 3px rgba(19,165,138,.13)}form button{margin-top:4px}.table-wrap{width:100%;overflow:auto}table{border-collapse:collapse;width:100%;text-align:left;font-size:.9rem}th,td{padding:12px 14px;border-bottom:1px solid #e8eef3;vertical-align:top}th{font-size:.76rem;text-transform:uppercase;letter-spacing:.08em;color:#708396}td small{display:block;color:#8292a1;margin-top:3px}.pill{display:inline-block;padding:5px 9px;border-radius:30px;background:#e7f6f1;color:#08796b;font-size:.77rem;font-weight:750}.notice{padding:13px 16px;border-radius:10px;margin:0 0 20px;background:#e6f6f1;color:#106f62;font-weight:650}.notice.error{background:#fff0ed;color:#a0392c}.empty-state{text-align:center;padding:38px 20px}.empty-state h2{margin:10px 0}.empty-state p{color:var(--muted);max-width:430px;margin:auto;line-height:1.6}.empty-icon{display:inline-grid;place-items:center;width:48px;height:48px;border-radius:14px;background:#e8f7f3;color:var(--deep);font-size:1.5rem}.release ul{line-height:1.9}footer{border-top:1px solid var(--line);padding:20px max(24px,calc((100vw - 1180px)/2));display:flex;justify-content:space-between;color:#7d8d9b;font-size:.8rem}footer span{font-variant-numeric:tabular-nums}@media(max-width:900px){.topbar{gap:18px;flex-wrap:wrap}.topbar nav{order:3;flex-basis:100%;overflow:auto;padding:5px 0}.userbox{margin-left:auto}.stats{grid-template-columns:repeat(2,1fr)}}@media(max-width:650px){.topbar{position:static;padding:14px 18px}.topbar nav{gap:17px}.userbox{gap:9px}.userbox>span{display:none}.container{padding:26px 16px 44px}.page-heading h1{font-size:1.45rem}.hero{padding:25px 22px;display:block}.hero .button{margin-top:22px}.stats{gap:10px}.stat{padding:16px}.stat strong{font-size:1.65rem}.grid.two,.split{grid-template-columns:1fr}.panel{padding:20px}.club-switch select{max-width:140px;min-width:100px}footer{padding:18px;gap:16px}}@media(prefers-reduced-motion:no-preference){a,button{transition:background .15s ease,color .15s ease}}
.logout-form{margin:0}.quiet-button{padding:0;background:transparent;color:#506579;font-size:.85rem;font-weight:600}.quiet-button:hover{background:transparent;color:#087d73;text-decoration:underline}
@media(prefers-color-scheme:dark){:root{color-scheme:dark;--ink:#e7eef5;--muted:#aab9c8;--line:#32485c;--paper:#101b27;--white:#172635;--shadow:0 16px 42px rgba(0,0,0,.22);background:#101b27;color:var(--ink)}body{background:linear-gradient(180deg,#172b3c 0,transparent 260px),var(--paper)}.topbar{background:rgba(18,32,45,.94);border-color:var(--line)}.topbar nav a,.quiet,.quiet-button{color:#c3d0dc}.quiet-button:hover{color:#76dfca}.stat,.panel{border-color:#293d50}.muted,.stat span{color:#aab9c8}input,select,textarea{background:#101b27;color:#e7eef5;border-color:#40556a}input::placeholder,textarea::placeholder{color:#93a5b7}th,td{border-color:#2b4053}th{color:#a3b4c4}.pill,.version{background:#173d3a;color:#8de2ce}.notice{background:#173d3a;color:#a1ebdc}.notice.error{background:#482b2b;color:#ffc0b8}.button.light{background:#edf6f6;color:#102a43}.button.light:hover{background:#d6ece9}footer{border-color:var(--line);color:#9aabba}.empty-icon{background:#173d3a;color:#8de2ce}}
@media(min-width:901px){.menu-toggle,.menu-close{display:none}}
@media(max-width:900px){.topbar nav{display:none;position:fixed;inset:0 0 0 auto;width:min(84vw,340px);height:100dvh;background:var(--white);box-shadow:-12px 0 38px rgba(0,0,0,.18);padding:82px 24px 28px;flex-direction:column;align-items:stretch;gap:8px;z-index:12;overflow:auto}.nav-open:before{content:"";position:fixed;inset:0;background:rgba(7,20,31,.52);z-index:11}.nav-open .topbar nav{display:flex}.topbar nav a{padding:13px 12px;border-radius:9px}.topbar nav a:hover{background:rgba(19,165,138,.1);text-decoration:none}.menu-toggle{display:inline-flex;padding:9px 12px;margin-left:0;background:#e6f6f2;color:#0a7869}.menu-close{display:inline-flex;position:absolute;top:19px;right:22px;background:transparent;color:var(--ink);padding:9px 11px}.menu-close:hover{background:rgba(19,165,138,.1);color:var(--deep)}}
 .actions{display:flex;flex-wrap:wrap;gap:10px;margin:12px 0 22px}.filters{display:flex;align-items:end;gap:12px;flex-wrap:wrap;padding:16px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-bottom:22px}.filters label{flex:1;min-width:180px;margin:0}.filters button{margin:0 0 1px}.member-form{margin-top:18px}.member-form .grid{gap:4px 18px}.check{display:flex!important;align-items:center;gap:9px}.check input{width:auto;margin:0}.actions .button{margin:0}
 @media(max-width:650px){.filters{align-items:stretch}.filters label{flex-basis:100%}.filters button{width:100%}.actions .button{flex:1}}
.event-form>label,.event-form>.grid{margin-top:18px}.event-form .check{display:flex;align-items:center;gap:10px}.event-form .check input{width:auto}.event-poster{display:block;width:100%;max-height:460px;object-fit:contain;border-radius:12px}.event-details{display:grid;grid-template-columns:max-content 1fr;gap:9px 16px}.event-details dt{font-weight:700;color:var(--muted)}.event-details dd{margin:0;overflow-wrap:anywhere}.registration-row{display:flex;justify-content:space-between;align-items:center;gap:18px;border-top:1px solid var(--line);padding:12px 0}.registration-row p{margin:0}.registration-row small{display:block}.admin-register{display:grid;grid-template-columns:2fr 1fr 1fr auto;align-items:end;gap:12px;margin:18px 0}.danger-button{background:#a93d38}.danger-button:hover{background:#8e302c}@media(max-width:760px){.admin-register{grid-template-columns:1fr 1fr}.registration-row{align-items:flex-start;flex-direction:column}}
.event-form>label,.event-form>.grid{margin-top:18px}.event-form .check{display:flex;align-items:center;gap:10px}.event-form .check input{width:auto}.event-poster{display:block;width:100%;max-height:460px;object-fit:contain;border-radius:12px}.event-details{display:grid;grid-template-columns:max-content 1fr;gap:9px 16px}.event-details dt{font-weight:700;color:var(--muted)}.event-details dd{margin:0;overflow-wrap:anywhere}.registration-row{display:flex;justify-content:space-between;align-items:center;gap:18px;border-top:1px solid var(--line);padding:12px 0}.registration-row p{margin:0}.registration-row small{display:block}.admin-register{display:grid;grid-template-columns:2fr 1fr 1fr auto;align-items:end;gap:12px;margin:18px 0}.danger-button{background:#a93d38}.danger-button:hover{background:#8e302c}@media(max-width:760px){.admin-register{grid-template-columns:1fr 1fr}.registration-row{align-items:flex-start;flex-direction:column}}