:root{--font-display: "Orbitron", -apple-system, BlinkMacSystemFont, sans-serif;--font-body: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--bg-primary: #050b14;--bg-secondary: #0a1424;--bg-card: rgba(10, 22, 40, .75);--bg-card-hover: rgba(14, 30, 56, .85);--cyan-primary: #00f5ff;--cyan-glow: rgba(0, 245, 255, .4);--cyan-dark: #0099a8;--magenta-primary: #ff2e63;--magenta-glow: rgba(255, 46, 99, .45);--amber-primary: #ffb703;--amber-glow: rgba(255, 183, 3, .45);--emerald-primary: #06d6a0;--emerald-glow: rgba(6, 214, 160, .4);--text-main: #f8fafc;--text-muted: #94a3b8;--text-dim: #64748b;--border-color: rgba(0, 245, 255, .2);--border-hover: rgba(0, 245, 255, .5);--radius-sm: 8px;--radius-md: 14px;--radius-lg: 20px;--radius-full: 9999px}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-body);background:radial-gradient(circle at 50% 20%,#0d1e38,#050b14 70%,#02050a);color:var(--text-main);min-height:100vh;overflow-x:hidden;line-height:1.5}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#050b14}::-webkit-scrollbar-thumb{background:#1e3a5f;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--cyan-primary)}.app-container{display:flex;flex-direction:column;min-height:100vh}.main-content{flex:1;padding:24px;max-width:1200px;margin:0 auto;width:100%}.container-wide{max-width:1400px}.orbitron{font-family:var(--font-display)}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);letter-spacing:.5px;font-weight:700}.text-cyan{color:var(--cyan-primary);text-shadow:0 0 10px var(--cyan-glow)}.text-magenta{color:var(--magenta-primary);text-shadow:0 0 10px var(--magenta-glow)}.text-amber{color:var(--amber-primary);text-shadow:0 0 10px var(--amber-glow)}.glass-card{background:var(--bg-card);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:32px;box-shadow:0 8px 32px #0006,inset 0 0 20px #00f5ff08;transition:all .3s cubic-bezier(.4,0,.2,1)}.glass-card:hover{border-color:var(--border-hover);box-shadow:0 12px 40px #00000080,0 0 20px var(--cyan-glow)}.navbar{background:#050b14d9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border-color);padding:16px 28px;display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;z-index:50}.nav-brand{display:flex;align-items:center;gap:14px;text-decoration:none;color:var(--text-main);cursor:pointer}.nav-brand img{height:42px;filter:drop-shadow(0 0 8px var(--cyan-primary));transition:transform .3s}.nav-brand:hover img{transform:scale(1.05)}.nav-links{display:flex;align-items:center;gap:12px}.nav-btn{padding:8px 16px;border-radius:var(--radius-sm);font-size:14px;font-weight:600;text-decoration:none;color:var(--text-muted);background:transparent;border:1px solid transparent;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .2s}.nav-btn:hover,.nav-btn.active{color:var(--cyan-primary);background:#00f5ff1a;border-color:#00f5ff4d;text-shadow:0 0 8px var(--cyan-glow)}.nav-btn-live{color:#fff;background:#ff2e6333;border-color:var(--magenta-primary);box-shadow:0 0 10px #ff2e634d}.nav-btn-live:hover{background:var(--magenta-primary);color:#fff;box-shadow:0 0 18px var(--magenta-glow)}.nav-user-info{display:flex;align-items:center;gap:12px;padding-left:16px;border-left:1px solid rgba(255,255,255,.1)}.role-badge{padding:3px 8px;font-size:11px;text-transform:uppercase;font-weight:700;border-radius:4px;letter-spacing:.5px}.role-admin{background:#ffb70333;color:var(--amber-primary);border:1px solid var(--amber-primary)}.role-user{background:#00f5ff26;color:var(--cyan-primary);border:1px solid var(--cyan-primary)}.form-group{margin-bottom:20px;text-align:left}.form-label{display:block;font-size:13px;font-weight:600;color:var(--text-muted);margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px}.form-input{width:100%;padding:14px 18px;background:#050f1eb3;border:1.5px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-main);font-size:16px;font-family:inherit;outline:none;transition:all .3s}.form-input:focus{border-color:var(--cyan-primary);box-shadow:0 0 16px var(--cyan-glow);background:#051428e6}.form-input:disabled{opacity:.5;cursor:not-allowed;background:#0000004d}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:14px 24px;font-family:var(--font-display);font-size:15px;font-weight:700;border-radius:var(--radius-md);border:none;cursor:pointer;text-decoration:none;text-transform:uppercase;letter-spacing:1px;transition:all .25s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.btn:active{transform:scale(.98)}.btn-primary{background:var(--cyan-primary);color:#020813;box-shadow:0 0 15px var(--cyan-glow)}.btn-primary:hover{background:#33f7ff;box-shadow:0 0 25px var(--cyan-primary);transform:translateY(-1px)}.btn-danger{background:var(--magenta-primary);color:#fff;box-shadow:0 0 15px var(--magenta-glow)}.btn-danger:hover{background:#ff4777;box-shadow:0 0 25px var(--magenta-primary);transform:translateY(-1px)}.btn-amber{background:var(--amber-primary);color:#020813;box-shadow:0 0 15px var(--amber-glow)}.btn-amber:hover{background:#ffc229;box-shadow:0 0 25px var(--amber-primary)}.btn-outline{background:transparent;border:1.5px solid var(--border-color);color:var(--text-main)}.btn-outline:hover{border-color:var(--cyan-primary);color:var(--cyan-primary);background:#00f5ff14}.btn-sm{padding:8px 14px;font-size:12px;border-radius:var(--radius-sm)}.btn-block{width:100%}.digital-clock{font-family:var(--font-display);font-size:clamp(54px,12vw,96px);font-weight:900;color:var(--cyan-primary);text-shadow:0 0 10px var(--cyan-primary),0 0 25px var(--cyan-glow),0 0 50px rgba(0,245,255,.3);letter-spacing:4px;line-height:1;margin:24px 0;-webkit-user-select:none;user-select:none}.pulse-badge{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;border-radius:var(--radius-full);font-family:var(--font-display);font-size:12px;font-weight:700;letter-spacing:1px}.pulse-active{background:#00f5ff26;color:var(--cyan-primary);border:1px solid var(--cyan-primary);box-shadow:0 0 12px var(--cyan-glow)}.pulse-dot{width:8px;height:8px;border-radius:50%;background:currentColor;animation:pulseAnimation 1.5s infinite}@keyframes pulseAnimation{0%{transform:scale(.9);opacity:.7}50%{transform:scale(1.4);opacity:1;filter:drop-shadow(0 0 4px currentColor)}to{transform:scale(.9);opacity:.7}}.table-container{overflow-x:auto;border-radius:var(--radius-md);border:1px solid var(--border-color);background:#050c1899;margin-top:16px;max-height:500px;overflow-y:auto}table{width:100%;border-collapse:collapse;text-align:left}thead th{background:#081528;color:var(--cyan-primary);font-family:var(--font-display);font-size:13px;text-transform:uppercase;letter-spacing:1px;padding:16px;position:sticky;top:0;z-index:10;border-bottom:1px solid var(--border-color)}tbody tr{border-bottom:1px solid rgba(255,255,255,.05);transition:background .2s}tbody tr:hover{background:#00f5ff0d}tbody td{padding:16px;font-size:14px;color:var(--text-main)}.time-badge{background:#00f5ff26;color:var(--cyan-primary);border:1px solid rgba(0,245,255,.3);padding:4px 10px;border-radius:var(--radius-sm);font-family:var(--font-display);font-weight:700;font-size:13px;display:inline-block}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000d9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;padding:20px;z-index:100;animation:fadeIn .2s ease-out}.modal-content{background:#0a172c;border:1px solid var(--cyan-primary);border-radius:var(--radius-lg);padding:36px;width:100%;max-width:480px;box-shadow:0 0 40px #00f5ff40;position:relative}.modal-close{position:absolute;top:18px;right:18px;background:transparent;border:none;color:var(--text-muted);cursor:pointer;padding:4px}.modal-close:hover{color:var(--text-main)}.tv-screen{min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:30px;background:radial-gradient(circle at center,#0e2448,#030812 80%)}.tv-cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(420px,1fr));gap:32px;width:100%;max-width:1200px}.tv-card{background:#061020d9;border:2px solid var(--cyan-primary);box-shadow:0 0 35px #00f5ff40;border-radius:24px;padding:40px 30px;text-align:center;display:flex;flex-direction:column;align-items:center;animation:slideFade .6s ease-out}@keyframes slideFade{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.podium-1{background:linear-gradient(135deg,#ffd70026,#ffd7000d)!important;border-left:4px solid #ffd700}.podium-1 td{color:gold!important;font-weight:700}.podium-2{background:linear-gradient(135deg,#c0c0c026,#c0c0c00d)!important;border-left:4px solid #c0c0c0}.podium-2 td{color:#e2e8f0!important;font-weight:600}.podium-3{background:linear-gradient(135deg,#cd7f3226,#cd7f320d)!important;border-left:4px solid #cd7f32}.podium-3 td{color:#e2b17a!important;font-weight:600}.alert-box{padding:14px 18px;border-radius:var(--radius-md);margin-bottom:20px;font-size:14px;display:flex;align-items:center;gap:12px}.alert-error{background:#ff2e6326;border:1px solid var(--magenta-primary);color:#ff99b3}.alert-success{background:#06d6a026;border:1px solid var(--emerald-primary);color:#a7f3d0}@media (max-width: 900px){.admin-grid-layout{grid-template-columns:1fr!important}}@media (max-width: 768px){.main-content{padding:14px 10px}.navbar{padding:10px 14px;flex-wrap:wrap;gap:10px}.nav-links{flex-wrap:wrap;gap:8px;width:100%;justify-content:flex-start}.nav-user-info{margin-left:auto;padding-left:10px}.tv-cards-grid{grid-template-columns:1fr!important}.glass-card{padding:20px 14px;border-radius:var(--radius-md)}.hyrox-display-card{padding:24px 18px!important;border-radius:12px!important}.modal-content{padding:24px 16px;max-width:96vw}}@media (max-width: 480px){.nav-brand h2{font-size:15px!important}.nav-btn span{display:inline-block}.digital-clock{font-size:clamp(40px,14vw,68px)!important;letter-spacing:1px!important}thead th,tbody td{padding:10px 8px!important;font-size:12px!important}.time-badge{font-size:12px!important;padding:3px 6px!important}}