@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800;900&display=swap";:root{--bg-primary:#f8fafc;--bg-secondary:#fff;--bg-card:#fff;--bg-glass:#ffffffd9;--border:#e2e8f0;--border-hover:#cbd5e1;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#94a3b8;--accent:#22c55e;--accent-hover:#16a34a;--accent-glow:#22c55e40;--success:#10b981;--success-glow:#10b98140;--warning:#f59e0b;--danger:#ef4444;--danger-glow:#ef444440;--gradient-primary:linear-gradient(135deg, #22c55e, #10b981);--gradient-success:linear-gradient(135deg, #10b981, #06b6d4);--gradient-danger:linear-gradient(135deg, #ef4444, #f97316);--gradient-dark:linear-gradient(135deg, #0f172a, #334155);--shadow-sm:0 4px 6px #0f172a0d;--shadow-md:0 10px 25px #0f172a0d;--shadow-lg:0 25px 50px #0f172a14;--shadow-glow:0 10px 25px var(--accent-glow);--radius-sm:12px;--radius-md:16px;--radius-lg:24px;--radius-xl:32px;--transition:all .4s cubic-bezier(.16, 1, .3, 1)}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;min-height:100vh;font-family:Outfit,-apple-system,BlinkMacSystemFont,sans-serif;overflow-x:hidden}#root{flex-direction:column;min-height:100vh;display:flex}a{color:var(--accent);transition:var(--transition);text-decoration:none}a:hover{color:var(--accent-hover)}.glass-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);transition:var(--transition)}.glass-card:hover{border-color:var(--border-hover);box-shadow:var(--shadow-lg);transform:translateY(-4px)}.btn{border-radius:var(--radius-xl);cursor:pointer;transition:var(--transition);border:none;justify-content:center;align-items:center;gap:8px;padding:14px 28px;font-family:Outfit,sans-serif;font-size:15px;font-weight:700;text-decoration:none;display:inline-flex}.btn-primary{background:var(--gradient-primary);color:#fff;box-shadow:var(--shadow-glow)}.btn-primary:hover{box-shadow:0 15px 35px var(--accent-glow);transform:translateY(-3px)}.btn-secondary{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border);box-shadow:var(--shadow-sm)}.btn-secondary:hover{background:var(--bg-primary);border-color:var(--border-hover);transform:translateY(-2px)}.btn-danger{background:var(--gradient-danger);color:#fff;box-shadow:0 10px 25px var(--danger-glow)}.btn-danger:hover{box-shadow:0 15px 35px var(--danger-glow);transform:translateY(-3px)}.btn-success{background:var(--gradient-success);color:#fff;box-shadow:0 10px 25px var(--success-glow)}.btn-success:hover{box-shadow:0 15px 35px var(--success-glow);transform:translateY(-3px)}.btn-sm{border-radius:var(--radius-lg);padding:10px 20px;font-size:13px}.btn-lg{padding:18px 36px;font-size:16px}.input{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-md);width:100%;color:var(--text-primary);transition:var(--transition);box-shadow:var(--shadow-sm);outline:none;padding:16px 20px;font-family:Outfit,sans-serif;font-size:15px}.input:focus{border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-glow);transform:translateY(-2px)}.input::placeholder{color:var(--text-muted)}select.input{appearance:none;cursor:pointer}.input-no-spinner::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.input-no-spinner::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.input-no-spinner{appearance:none;-moz-appearance:textfield}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 24px}.page{flex:1;padding:48px 0}.page-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:40px;display:flex}.page-title{background:var(--gradient-dark);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:32px;font-weight:800}.grid{gap:24px;display:grid}.grid-2{grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.grid-3{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.grid-4{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.badge{text-transform:uppercase;letter-spacing:.5px;border-radius:20px;align-items:center;padding:6px 14px;font-size:12px;font-weight:700;display:inline-flex}.badge-live{color:var(--danger);background:#ef44441a;animation:2s infinite pulse-live}.badge-draft{color:var(--warning);background:#f59e0b1a}.badge-finished{color:var(--success);background:#10b9811a}.badge-group{color:var(--accent);background:#22c55e1a}.badge-knockout{color:#8b5cf6;background:#8b5cf61a}@keyframes pulse-live{0%,to{opacity:1;box-shadow:0 0 #ef444466}50%{opacity:.7;box-shadow:0 0 15px #ef444433}}.table-wrapper{border-radius:var(--radius-lg);border:1px solid var(--border);background:var(--bg-card);box-shadow:var(--shadow-md);overflow-x:auto}table{border-collapse:collapse;width:100%}th,td{text-align:left;border-bottom:1px solid var(--border);padding:16px}th{background:var(--bg-primary);text-transform:uppercase;letter-spacing:.5px;color:var(--text-secondary);font-size:13px;font-weight:700}td{font-size:15px;font-weight:500}tr:last-child td{border-bottom:none}tr:hover td{background:var(--bg-primary)}.form-group{margin-bottom:24px}.form-group label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:10px;font-size:14px;font-weight:700;display:block}.navbar{background:var(--bg-glass);border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:100;box-shadow:var(--shadow-sm);justify-content:space-between;align-items:center;padding:16px 24px;display:flex;position:sticky;top:0}.navbar-brand{align-items:center;gap:10px;font-size:22px;font-weight:800;display:flex;color:var(--text-primary)!important;-webkit-text-fill-color:unset!important}.navbar-brand span{background:var(--gradient-primary);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.navbar-links{align-items:center;gap:4px;display:flex}.navbar-links a,.navbar-links button{border-radius:var(--radius-xl);color:var(--text-secondary);cursor:pointer;transition:var(--transition);background:0 0;border:none;align-items:center;gap:8px;padding:10px 16px;font-family:Outfit,sans-serif;font-size:15px;font-weight:600;display:flex}.navbar-links a:hover,.navbar-links button:hover{color:var(--accent);background:#22c55e0d}.navbar-links a.active{color:var(--accent);background:#22c55e1a;box-shadow:inset 0 0 0 1px #22c55e33}.nav-user{border-radius:var(--radius-xl);background:var(--bg-primary);border:1px solid var(--border);color:var(--text-secondary);align-items:center;gap:8px;margin-left:8px;padding:8px 16px;font-size:14px;font-weight:500;display:flex}.nav-user strong{color:var(--text-primary);font-weight:700}.live-dot{background:var(--danger);width:10px;height:10px;box-shadow:0 0 10px var(--danger);border-radius:50%;animation:1.5s infinite pulse-live;display:inline-block}.score-display{justify-content:center;align-items:center;gap:16px;display:flex}.score-team{text-align:center;flex:1}.score-team-name{color:var(--text-primary);margin-bottom:8px;font-size:18px;font-weight:800}.score-number{background:var(--gradient-primary);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:56px;font-weight:900;line-height:1}.score-vs{color:var(--text-muted);font-size:24px;font-weight:900}.event-item{border-radius:var(--radius-md);background:var(--bg-secondary);border:1px solid var(--border);transition:var(--transition);box-shadow:var(--shadow-sm);align-items:center;gap:16px;margin-bottom:12px;padding:16px;display:flex}.event-item:hover{border-color:var(--border-hover);box-shadow:var(--shadow-md);transform:translateY(-2px)}.event-minute{color:var(--accent);min-width:44px;font-size:16px;font-weight:800}.event-icon{font-size:24px}.empty-state{text-align:center;color:var(--text-muted);background:var(--bg-card);border-radius:var(--radius-lg);border:1px dashed var(--border-hover);padding:80px 20px}.empty-state-icon{opacity:.8;margin-bottom:20px;font-size:56px}.empty-state-text{margin-bottom:32px;font-size:18px;font-weight:600}.spinner{border:4px solid var(--border);border-top-color:var(--accent);border-radius:50%;width:48px;height:48px;margin:60px auto;animation:.8s cubic-bezier(.16,1,.3,1) infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:200;background:#0f172a99;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.modal{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);width:100%;max-width:550px;max-height:85vh;box-shadow:var(--shadow-lg);padding:40px;overflow-y:auto}.modal-title{color:var(--text-primary);margin-bottom:32px;font-size:24px;font-weight:800}.stat-card{text-align:center;padding:32px 24px}.stat-value{background:var(--gradient-primary);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:8px;font-size:48px;font-weight:900;line-height:1.1}.stat-label{text-transform:uppercase;letter-spacing:1px;color:var(--text-secondary);font-size:13px;font-weight:700}@media (width<=768px){.page-title{font-size:26px}.navbar{padding:12px 16px}.navbar-links a span,.navbar-links button span{display:none}.container{padding:0 16px}.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}}