@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=JetBrains+Mono:wght@400;600&display=swap";:root{--bg-base:#080e1a;--bg-surface:#0f1829;--bg-card:#162035;--bg-card-hover:#1d2a45;--bg-elevated:#1e2d4a;--accent-cyan:#06d6f7;--accent-cyan-dim:#04a8c4;--accent-cyan-bg:#06d6f71f;--accent-cyan-glow:0 0 20px #06d6f766;--accent-gold:#f5c518;--accent-gold-dim:#c9a010;--accent-gold-bg:#f5c5181f;--accent-gold-glow:0 0 20px #f5c51873;--accent-coral:#ff6b6b;--accent-coral-dim:#d94f4f;--accent-coral-bg:#ff6b6b1f;--accent-green:#2ecc71;--accent-green-bg:#2ecc711f;--text-primary:#f0f6ff;--text-secondary:#8da5c8;--text-muted:#4e6380;--text-disabled:#2e3f55;--border:#ffffff12;--border-strong:#ffffff24;--border-accent:#06d6f759;--font-sans:"Inter", system-ui, sans-serif;--font-mono:"JetBrains Mono", "Fira Code", monospace;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-xl:22px;--transition:.18s ease;--transition-slow:.35s cubic-bezier(.4, 0, .2, 1)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--bg-base);height:100%;color:var(--text-primary);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px;line-height:1.5;overflow-x:hidden}#root{flex-direction:column;min-height:100vh;display:flex}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:99px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}h1{letter-spacing:-.03em;font-size:2rem;font-weight:800}h2{letter-spacing:-.02em;font-size:1.5rem;font-weight:700}h3{font-size:1.15rem;font-weight:600}h4{font-size:1rem;font-weight:600}p{color:var(--text-secondary)}a{color:var(--accent-cyan);text-decoration:none}.container{max-width:1280px;margin:0 auto;padding:0 1.5rem}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);transition:border-color var(--transition), box-shadow var(--transition);padding:1.5rem}.card:hover{border-color:var(--border-strong)}.btn{border-radius:var(--radius-md);font-family:var(--font-sans);cursor:pointer;transition:all var(--transition);white-space:nowrap;-webkit-user-select:none;user-select:none;border:none;align-items:center;gap:.5rem;padding:.6rem 1.2rem;font-size:.9rem;font-weight:600;display:inline-flex}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.4;cursor:not-allowed;transform:none!important}.btn-primary{background:var(--accent-cyan);color:#080e1a;box-shadow:0 0 16px #06d6f74d}.btn-primary:hover:not(:disabled){box-shadow:var(--accent-cyan-glow);background:#3de4ff}.btn-danger{background:var(--accent-coral-bg);color:var(--accent-coral);border:1px solid var(--accent-coral-dim)}.btn-danger:hover:not(:disabled){background:var(--accent-coral);color:#fff}.btn-ghost{color:var(--text-secondary);border:1px solid var(--border);background:0 0}.btn-ghost:hover:not(:disabled){background:var(--bg-card-hover);color:var(--text-primary);border-color:var(--border-strong)}.btn-gold{background:var(--accent-gold-bg);color:var(--accent-gold);border:1px solid var(--accent-gold-dim)}.btn-gold:hover:not(:disabled){background:var(--accent-gold);color:#080e1a}.btn-lg{border-radius:var(--radius-lg);padding:.85rem 1.75rem;font-size:1.05rem}.btn-sm{border-radius:var(--radius-sm);padding:.35rem .75rem;font-size:.8rem}.btn-icon{border-radius:var(--radius-md);padding:.5rem}.input{background:var(--bg-elevated);border:1px solid var(--border-strong);border-radius:var(--radius-md);width:100%;color:var(--text-primary);font-family:var(--font-sans);transition:border-color var(--transition), box-shadow var(--transition);outline:none;padding:.65rem 1rem;font-size:.95rem}.input:focus{border-color:var(--accent-cyan-dim);box-shadow:0 0 0 3px #06d6f726}.input::placeholder{color:var(--text-muted)}.badge{letter-spacing:.04em;text-transform:uppercase;border-radius:99px;align-items:center;gap:.25rem;padding:.2rem .65rem;font-size:.75rem;font-weight:700;display:inline-flex}.badge-cyan{background:var(--accent-cyan-bg);color:var(--accent-cyan);border:1px solid #06d6f733}.badge-gold{background:var(--accent-gold-bg);color:var(--accent-gold);border:1px solid #f5c51833}.badge-coral{background:var(--accent-coral-bg);color:var(--accent-coral)}.badge-green{background:var(--accent-green-bg);color:var(--accent-green)}.badge-purple{color:#c084fc;background:#a855f726;border:1px solid #a855f74d}.badge-orange{color:#fb923c;background:#f9731626;border:1px solid #f973164d}.badge-pink{color:#f472b6;background:#ec489926;border:1px solid #ec48994d}.badge-blue{color:#60a5fa;background:#3b82f626;border:1px solid #3b82f64d}.badge-muted{color:var(--text-muted);background:#ffffff0f}.navbar{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--border);z-index:100;background:#080e1ad9;justify-content:space-between;align-items:center;padding:.85rem 1.5rem;display:flex;position:sticky;top:0}.navbar-brand{color:var(--text-primary);align-items:center;gap:.75rem;font-size:1.25rem;font-weight:800;display:flex}.navbar-brand span{color:var(--accent-cyan)}.score-display{font-family:var(--font-mono);color:var(--text-primary);font-size:1.1rem;font-weight:600}.score-display.best{color:var(--accent-gold);text-shadow:var(--accent-gold-glow)}.score-display.top{color:var(--accent-cyan);text-shadow:var(--accent-cyan-glow)}.table-wrapper{border-radius:var(--radius-lg);border:1px solid var(--border);overflow-x:auto}.table{border-collapse:collapse;width:100%;font-size:.9rem}.table th{background:var(--bg-elevated);color:var(--text-muted);letter-spacing:.08em;text-transform:uppercase;text-align:left;border-bottom:1px solid var(--border);padding:.75rem 1rem;font-size:.75rem;font-weight:700}.table td{border-bottom:1px solid var(--border);color:var(--text-primary);padding:.85rem 1rem}.table tr:last-child td{border-bottom:none}.table tr{transition:background var(--transition)}.table tr:hover td{background:var(--bg-card-hover)}.table tr.active td{background:#06d6f70d}.table tr.active-rider{background:#06d6f712!important}.form-group{flex-direction:column;gap:.4rem;display:flex}.form-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;font-size:.82rem;font-weight:600}.form-hint{color:var(--text-muted);font-size:.78rem}.divider{background:var(--border);height:1px;margin:1.25rem 0}@keyframes spin{to{transform:rotate(360deg)}}.spinner{border:3px solid var(--border-strong);border-top-color:var(--accent-cyan);border-radius:50%;width:32px;height:32px;animation:.8s linear infinite spin}@keyframes pulse-ring{0%{box-shadow:0 0 #06d6f773}70%{box-shadow:0 0 0 12px #06d6f700}to{box-shadow:0 0 #06d6f700}}.pulse-ring{animation:2s cubic-bezier(.455,.03,.515,.955) infinite pulse-ring}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:.35s forwards fadeIn}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.slide-up{animation:.4s cubic-bezier(.4,0,.2,1) forwards slideUp}@keyframes scoreFlash{0%{background:#06d6f74d}to{background:0 0}}.score-flash{animation:.6s forwards scoreFlash}.modal-overlay{z-index:200;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;justify-content:center;align-items:center;padding:1.5rem;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.modal{background:var(--bg-card);border:1px solid var(--border-strong);border-radius:var(--radius-xl);width:100%;max-width:560px;padding:2rem;animation:.3s slideUp;box-shadow:0 25px 80px #0009}.modal-header{justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}.modal-title{font-size:1.2rem;font-weight:700}.tabs{background:var(--bg-elevated);border-radius:var(--radius-md);gap:.25rem;padding:.25rem;display:flex}.tab{border-radius:var(--radius-sm);color:var(--text-muted);font-family:var(--font-sans);cursor:pointer;transition:all var(--transition);white-space:nowrap;background:0 0;border:none;flex:1;padding:.5rem 1rem;font-size:.88rem;font-weight:600}.tab.active{background:var(--bg-card-hover);color:var(--text-primary);box-shadow:0 1px 4px #0006}.tab:hover:not(.active){color:var(--text-secondary)}.alert{border-radius:var(--radius-md);border:1px solid #0000;align-items:flex-start;gap:.75rem;padding:.85rem 1rem;font-size:.88rem;font-weight:500;display:flex}.alert-info{background:var(--accent-cyan-bg);color:var(--accent-cyan);border-color:#06d6f733}.alert-error{background:var(--accent-coral-bg);color:var(--accent-coral);border-color:#ff6b6b33}.alert-success{background:var(--accent-green-bg);color:var(--accent-green);border-color:#2ecc7133}.alert-warning{background:var(--accent-gold-bg);color:var(--accent-gold);border-color:#f5c51833}.keypad-grid{grid-template-columns:repeat(3,1fr);gap:.75rem;display:grid}.keypad-btn{aspect-ratio:1;background:var(--bg-elevated);border:1px solid var(--border-strong);border-radius:var(--radius-lg);font-family:var(--font-mono);color:var(--text-primary);cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;justify-content:center;align-items:center;font-size:1.5rem;font-weight:700;transition:all .12s;display:flex}.keypad-btn:hover{background:var(--bg-card-hover);border-color:var(--accent-cyan-dim)}.keypad-btn:active{background:var(--accent-cyan-bg);color:var(--accent-cyan);transform:scale(.94)}.score-big{font-family:var(--font-mono);letter-spacing:-.04em;color:var(--accent-cyan);text-shadow:var(--accent-cyan-glow);text-align:center;font-size:4rem;font-weight:700;line-height:1}.zone-toggle{background:var(--bg-elevated);border-radius:var(--radius-lg);gap:.5rem;padding:.35rem;display:flex}.zone-btn{border-radius:var(--radius-md);color:var(--text-muted);font-family:var(--font-sans);cursor:pointer;transition:all var(--transition);text-align:center;letter-spacing:.03em;background:0 0;border:none;flex:1;padding:.65rem .5rem;font-size:.82rem;font-weight:700}.zone-btn.active{background:var(--accent-cyan);color:#080e1a;box-shadow:0 0 12px #06d6f766}.zone-btn.block.active{background:var(--accent-gold);color:#080e1a;box-shadow:var(--accent-gold-glow)}.rank-badge{width:32px;height:32px;font-size:.85rem;font-weight:800;font-family:var(--font-mono);border-radius:50%;justify-content:center;align-items:center;display:flex}.rank-1{background:var(--accent-gold);color:#080e1a;box-shadow:var(--accent-gold-glow)}.rank-2{color:#080e1a;background:silver}.rank-3{color:#fff;background:#cd7f32}.rank-other{background:var(--bg-elevated);color:var(--text-muted)}@media (width<=768px){h1{font-size:1.5rem}h2{font-size:1.25rem}.card{padding:1rem}.modal{padding:1.25rem}.score-big{font-size:3rem}}.tv-qr-sidebar{display:block}@media (width<=1100px){.tv-qr-sidebar{display:none!important}}.status-dot{border-radius:50%;width:8px;height:8px;display:inline-block}.status-dot.online{background:var(--accent-green);box-shadow:0 0 8px var(--accent-green)}.status-dot.offline{background:var(--accent-coral)}.status-dot.pending{background:var(--accent-gold);animation:1.5s infinite pulse-ring}@media print{body *{visibility:hidden!important}.print-only-container,.print-only-container *{visibility:visible!important}.print-only-container{background:#fff!important;width:100%!important;margin:0!important;padding:0!important;position:absolute!important;top:0!important;left:0!important}.print-qr-grid{grid-template-columns:repeat(2,1fr)!important;gap:1cm!important;width:100%!important;display:grid!important}.no-print{display:none!important}@page{margin:1cm;size:auto}}