@font-face { font-family:'Crusher Syne'; src:url('/fonts/syne-latin-variable.woff2') format('woff2-variations'); font-weight:400 800; font-style:normal; font-display:swap; }
@font-face { font-family:'Crusher Manrope'; src:url('/fonts/manrope-latin-variable.woff2') format('woff2-variations'); font-weight:200 800; font-style:normal; font-display:swap; }
:root { --bg:#03090d; --panel:#06151c; --panel-2:#0a1d27; --line:#17475a; --accent:#35dcff; --accent-soft:rgba(53,220,255,.12); --text:#d5e9ee; --muted:#789ba7; --ivory:#edf8fa; --error:#ff776f; --display:'Crusher Syne',system-ui,sans-serif; --mono:ui-monospace,SFMono-Regular,Menlo,monospace; --sans:'Crusher Manrope',system-ui,sans-serif; }
* { box-sizing:border-box; }
body { margin:0; min-height:100vh; background:radial-gradient(circle at 75% 18%,rgba(28,142,173,.18),transparent 32%),var(--bg); color:var(--text); font-family:var(--sans); }
button,input,select { font:inherit; }
button { cursor:pointer; }
[hidden] { display:none!important; }
.site-header { height:72px; border-bottom:1px solid var(--line); display:flex; align-items:center; justify-content:space-between; padding:0 max(20px,5vw); background:rgba(3,9,13,.9); position:sticky; top:0; z-index:3; }
.brand { display:flex; gap:11px; align-items:center; color:inherit; text-decoration:none; }
.brand-mark { width:38px; height:38px; border:1px solid var(--accent); background:var(--panel-2); color:var(--accent); display:grid; place-items:center; font:800 1.2rem var(--mono); }
.brand span:last-child { display:grid; }
.brand b { color:var(--accent); font:.7rem var(--mono); letter-spacing:.2em; }
.brand small { color:var(--ivory); font:1rem var(--display); }
nav { display:flex; gap:8px; }
nav button,.secondary { border:1px solid var(--line); background:transparent; color:var(--muted); padding:9px 13px; }
nav button:hover,nav button.active,.secondary:hover { border-color:var(--accent); color:var(--accent); }
main { width:min(1180px,calc(100% - 36px)); margin:0 auto; }
.hero { min-height:calc(100vh - 72px); display:grid; grid-template-columns:1.1fr .9fr; align-items:center; gap:7vw; }
.hero-copy { max-width:650px; }
.eyebrow,.card-label { color:var(--accent); font:700 .7rem var(--mono); letter-spacing:.18em; }
h1 { color:var(--ivory); font:600 clamp(2.8rem,6vw,5.7rem)/.96 var(--display); margin:14px 0 24px; }
.hero-copy>p:not(.eyebrow):not(.login-note) { color:var(--muted); font-size:1.08rem; line-height:1.7; max-width:580px; }
.google-button { min-height:44px; margin-top:30px; }
.login-note,.form-status { color:var(--muted); font-size:.85rem; }
.table-preview { aspect-ratio:1/.72; border:1px solid var(--line); position:relative; background:var(--panel); display:grid; place-items:center; }
.felt { width:72%; height:48%; border:2px solid #176f87; border-radius:50%; background:radial-gradient(ellipse,#0c4656,#092a35); display:grid; place-content:center; text-align:center; box-shadow:0 0 80px rgba(53,220,255,.1); }
.felt strong { color:var(--ivory); letter-spacing:.14em; }
.felt small { color:var(--accent); margin-top:8px; }
.seat { position:absolute; border:1px solid var(--line); background:var(--panel-2); padding:9px 12px; color:var(--muted); font:.7rem var(--mono); }
.seat.top { top:8%; left:45%; }.seat.left { left:5%; bottom:25%; }.seat.right { right:5%; bottom:25%; }
.welcome { padding:70px 0 35px; border-bottom:1px solid var(--line); }
.welcome h1 { font-size:clamp(2.5rem,5vw,4.6rem); margin-bottom:10px; }
.welcome p:last-child { color:var(--muted); font-family:var(--mono); }
.view { padding:38px 0 80px; }
.grid { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; }
.card,.panel { border:1px solid var(--line); background:rgba(6,21,28,.86); padding:26px; }
.card h2,.panel h2 { color:var(--ivory); font:600 1.8rem var(--display); margin:12px 0; }
.card p,.panel>p,.billing-placeholder p { color:var(--muted); line-height:1.6; }
.panel.narrow { max-width:650px; }
form { display:grid; gap:18px; margin-top:26px; }
label { color:var(--muted); text-transform:uppercase; letter-spacing:.08em; font-size:.72rem; display:grid; gap:8px; }
input,select { border:1px solid var(--line); background:var(--bg); color:var(--text); padding:12px; outline:none; }
input:focus,select:focus { border-color:var(--accent); }
input:disabled { opacity:.65; }
.primary { border:1px solid var(--accent); background:var(--accent); color:#021116; font-weight:800; padding:12px 16px; justify-self:start; }
.billing-placeholder { margin-top:30px; padding-top:22px; border-top:1px solid var(--line); }
.billing-placeholder span { color:var(--accent); font:.7rem var(--mono); letter-spacing:.12em; }
.billing-placeholder strong { display:block; color:var(--ivory); margin-top:8px; }
.user-list { margin-top:24px; border-top:1px solid var(--line); }
.user-row { display:grid; grid-template-columns:1fr 160px; gap:20px; align-items:center; padding:16px 0; border-bottom:1px solid var(--line); }
.user-row div { display:grid; gap:4px; }.user-row small { color:var(--muted); }
.import-layout { display:grid; gap:18px; }
.file-picker input { padding:18px; border-style:dashed; cursor:pointer; }
.file-picker span { color:var(--text); font-size:.82rem; text-transform:none; letter-spacing:0; }
.fixed-filters { display:grid; grid-template-columns:repeat(3,1fr); border:1px solid var(--line); margin:24px 0; }
.fixed-filters div { display:grid; gap:7px; padding:15px; border-right:1px solid var(--line); }
.fixed-filters div:last-child { border-right:0; }
.fixed-filters small { color:var(--accent); font:700 .65rem var(--mono); letter-spacing:.13em; }
.fixed-filters strong { color:var(--ivory); font-size:.9rem; }
fieldset { border:1px solid var(--line); padding:16px; }
legend { color:var(--accent); font:700 .7rem var(--mono); letter-spacing:.12em; padding:0 8px; }
.stake-options { display:grid; grid-template-columns:repeat(auto-fit,minmax(180px,1fr)); gap:10px; }
.stake-choice { display:flex; grid-template-columns:none; align-items:center; gap:12px; padding:12px; border:1px solid var(--line); cursor:pointer; text-transform:none; letter-spacing:0; }
.stake-choice:has(input:checked) { border-color:var(--accent); background:var(--accent-soft); }
.stake-choice input { width:18px; height:18px; padding:0; accent-color:var(--accent); }
.stake-choice span { display:grid; gap:3px; }.stake-choice strong { color:var(--ivory); }.stake-choice small { color:var(--muted); }
.date-grid { display:grid; grid-template-columns:1fr 1fr; gap:14px; }
.session-summary { color:var(--ivory); border-left:3px solid var(--accent); padding:12px 14px; background:var(--accent-soft); }
.session-list { margin-top:16px; border-top:1px solid var(--line); }
.session-row { display:grid; grid-template-columns:150px 1fr auto; gap:16px; align-items:center; padding:14px 0; border-bottom:1px solid var(--line); }
.session-row strong { color:var(--ivory); }.session-row span { color:var(--muted); }.session-row b { color:var(--accent); font-family:var(--mono); font-size:.76rem; }
@media(max-width:760px){ .site-header{height:auto;min-height:64px;padding:10px 14px;align-items:flex-start}.brand small{font-size:.86rem}nav{flex-wrap:wrap;justify-content:flex-end}nav button{padding:7px 8px;font-size:.75rem}.hero{grid-template-columns:1fr;padding:70px 0}.hero h1{font-size:3rem}.table-preview{display:none}.grid{grid-template-columns:1fr}.welcome{padding-top:45px}.user-row{grid-template-columns:1fr 120px} }
@media(max-width:760px){ .fixed-filters{grid-template-columns:1fr}.fixed-filters div{border-right:0;border-bottom:1px solid var(--line)}.fixed-filters div:last-child{border-bottom:0}.date-grid{grid-template-columns:1fr}.session-row{grid-template-columns:1fr}.session-row span{overflow-wrap:anywhere} }