@import"https://fonts.googleapis.com/css2?family=Saira+Condensed:wght@500;600;700;800;900&family=Hanken+Grotesk:wght@400;500;600;700;800&family=JetBrains+Mono:wght@400;500;700&display=swap";:root{--container-pad: 1.5rem;--match-team-fs: 1.5rem;--match-team-fs-sm: 1.05rem;--match-score-fs: 3.5rem;--match-score-fs-sm: 2rem;--match-score-min: 124px;--color-black: #05080d;--color-charcoal: #0a0f15;--color-surface-2: #0f1620;--color-surface-3: #18222e;--color-border: #1d2935;--color-border-light: #141d26;--color-pitch: #2fe0a8;--color-pitch-dark: #14b985;--color-pitch-mid: #46e8b4;--color-pitch-soft: rgba(47,224,168,.12);--color-pitch-ring: rgba(47,224,168,.3);--color-gold: #f3c150;--color-gold-bright: #ffd97a;--color-gold-soft: rgba(243,193,80,.1);--color-white: #eaf2f5;--color-gray: #8497a3;--color-gray-dim: #566773;--color-live: #ff5566;--color-live-soft: rgba(255,85,102,.14);--color-indigo: #7aa9ff;--color-brand: #15bce0;--color-brand-dark: #0d87ab;--color-on-brand: #04161c;--gradient-accent: linear-gradient(135deg, #1fc8e6 0%, #0d87ab 100%);--gradient-card: linear-gradient(165deg, #131c27 0%, #0a0f15 100%);--gradient-header: linear-gradient(108deg, #0e7c9c 0%, #0b3f57 42%, #0a0f1c 62%, #0f5048 100%);--font-display: "Saira Condensed", "Hanken Grotesk", sans-serif;--font-body: "Hanken Grotesk", sans-serif;--font-mono: "JetBrains Mono", monospace;--radius-lg: 22px;--radius: 16px;--radius-sm: 10px;--shadow: 0 18px 44px -22px rgba(0,0,0,.72), 0 2px 8px rgba(0,0,0,.35);--shadow-sm: 0 2px 12px rgba(0,0,0,.35);--edge-light: inset 0 1px 0 rgba(255,255,255,.05)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%}body{background:radial-gradient(120% 60% at 50% -8%,rgba(28,120,150,.16) 0%,transparent 55%),var(--color-black);background-attachment:fixed;color:var(--color-white);font-family:var(--font-body);line-height:1.55;min-height:100vh;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}h1,h2,h3,h4{font-family:var(--font-display);font-weight:800;letter-spacing:-.01em;line-height:1;text-transform:uppercase;text-wrap:balance}a{color:var(--color-brand);text-decoration:none;transition:color .15s}a:hover{color:#5fd6f0}button{cursor:pointer;font-family:var(--font-body)}::selection{background:#15bce066;color:#fff}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:99px}::-webkit-scrollbar-thumb:hover{background:var(--color-surface-3)}.container{max-width:1080px;margin:0 auto;padding:0 var(--container-pad)}nav{position:sticky;top:0;z-index:100;background:#05080dd1;backdrop-filter:blur(16px) saturate(140%);-webkit-backdrop-filter:blur(16px) saturate(140%);border-bottom:1px solid var(--color-border)}nav .nav-inner{display:flex;align-items:center;justify-content:space-between;gap:1rem;height:64px}nav .logo{font-family:var(--font-display);font-size:1.65rem;font-weight:900;letter-spacing:-.02em;text-transform:uppercase;color:var(--color-white);text-decoration:none;flex-shrink:0}nav .logo span,nav .logo b{color:var(--color-brand)}nav ul{display:flex;gap:6px;list-style:none}nav ul a{display:block;color:var(--color-gray);font-family:var(--font-display);font-weight:700;font-size:.86rem;text-transform:uppercase;letter-spacing:.04em;padding:.5rem .95rem;border-radius:var(--radius-sm);transition:color .15s,background .15s}nav ul a:hover{color:var(--color-white);background:#ffffff0f}nav ul a.active{color:var(--color-on-brand);background:var(--color-brand)}.card{position:relative;background:var(--gradient-card);border:1px solid var(--color-border);border-radius:var(--radius);padding:1.5rem;box-shadow:var(--shadow),var(--edge-light);transition:transform .2s,box-shadow .2s,border-color .2s}.card.is-interactive:hover,a .card:hover{transform:translateY(-2px);border-color:var(--color-surface-3)}.badge-live{display:inline-flex;align-items:center;gap:.4rem;background:var(--color-live-soft);border:1px solid rgba(255,85,102,.5);color:#ff8a95;font-family:var(--font-display);font-size:.78rem;font-weight:700;padding:.22rem .75rem;border-radius:999px;text-transform:uppercase;letter-spacing:.1em;white-space:nowrap;animation:pulse 1.8s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.55}}@keyframes dot-ring{0%{transform:scale(1);opacity:.8}70%{transform:scale(2.6);opacity:0}to{transform:scale(2.6);opacity:0}}.live-dot{position:relative;width:8px;height:8px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.live-dot:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:#ff5566bf;animation:dot-ring 1.5s ease-out infinite}.live-dot-inner{width:8px;height:8px;background:var(--color-live);border-radius:50%;position:relative;z-index:1;box-shadow:0 0 8px #ff5566e6}.table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}table{width:100%;border-collapse:collapse;font-size:.92rem}th{color:var(--color-gray);font-family:var(--font-display);font-size:.78rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;padding:.7rem .85rem;border-bottom:2px solid var(--color-border);text-align:left}td{padding:.85rem;border-bottom:1px solid var(--color-border-light);vertical-align:middle}tr:last-child td{border-bottom:none}tbody tr{transition:background .12s}tbody tr:hover td{background:#ffffff06}.btn{display:inline-flex;align-items:center;gap:.45rem;padding:.65rem 1.2rem;border-radius:var(--radius-sm);border:1px solid transparent;font-family:var(--font-display);font-size:.88rem;font-weight:700;text-transform:uppercase;letter-spacing:.03em;line-height:1;white-space:nowrap;transition:filter .15s,background .15s,border-color .15s,color .15s,transform .1s}.btn:active{transform:translateY(1px)}.btn-primary{background:var(--color-brand);color:var(--color-on-brand);box-shadow:0 8px 20px -8px #15bce099}.btn-primary:hover{filter:brightness(1.08)}.btn-ghost{background:#ffffff08;border:1px solid var(--color-border);color:var(--color-gray)}.btn-ghost:hover{border-color:var(--color-brand);color:var(--color-white)}.btn-danger{background:var(--color-live-soft);border-color:#f566;color:#ff8a95}.btn-danger:hover{background:#ff556638}.form-group{display:flex;flex-direction:column;gap:.4rem;margin-bottom:1rem}label{font-family:var(--font-display);font-size:.8rem;font-weight:700;color:var(--color-gray);text-transform:uppercase;letter-spacing:.04em}input,select,textarea{background:#00000059;border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-white);font-family:var(--font-body);font-size:.92rem;padding:.65rem .9rem;outline:none;width:100%;transition:border-color .15s,box-shadow .15s}input::placeholder,textarea::placeholder{color:var(--color-gray-dim)}input:focus,select:focus,textarea:focus{border-color:var(--color-brand);box-shadow:0 0 0 3px #15bce02e}input[type=date]::-webkit-calendar-picker-indicator,input[type=time]::-webkit-calendar-picker-indicator{filter:invert(1);opacity:.7;cursor:pointer}.score{font-family:var(--font-display);font-weight:900;letter-spacing:-.02em;font-variant-numeric:tabular-nums;color:var(--color-white);line-height:1}.tag{display:inline-flex;align-items:center;gap:.35rem;font-family:var(--font-mono);font-size:.74rem;font-weight:500;padding:.18rem .55rem;border-radius:6px;background:#ffffff0d;border:1px solid var(--color-border);color:var(--color-white)}.section-label{font-family:var(--font-display);font-size:.95rem;font-weight:800;color:var(--color-gray);text-transform:uppercase;letter-spacing:.06em}.admin-layout{display:grid;grid-template-columns:220px 1fr;gap:1.75rem;align-items:start}.admin-sidebar{padding:.65rem;position:sticky;top:5rem}.admin-sidebar-header{padding:.4rem .6rem .9rem;border-bottom:1px solid var(--color-border);margin-bottom:.6rem}.admin-sidebar-footer{padding:.9rem .6rem .3rem;border-top:1px solid var(--color-border);margin-top:.6rem}.admin-sidebar-nav{display:flex;flex-direction:column;gap:.2rem}.admin-nav-link{display:block;padding:.65rem .9rem;font-family:var(--font-display);font-size:.88rem;font-weight:700;text-transform:uppercase;letter-spacing:.03em;color:var(--color-gray);border-radius:var(--radius-sm);text-decoration:none;transition:color .15s,background .15s}.admin-nav-link:hover{color:var(--color-white);background:#ffffff0d}.admin-nav-link.active{color:var(--color-on-brand);background:var(--color-brand)}.admin-nav-logout-mobile{display:none}@media (max-width: 768px){.card{padding:1.15rem}.admin-layout{grid-template-columns:1fr;gap:.85rem}.admin-sidebar{position:static;padding:0;overflow:hidden}.admin-sidebar-header,.admin-sidebar-footer{display:none}.admin-sidebar-nav{flex-direction:row;overflow-x:auto;-webkit-overflow-scrolling:touch;gap:0;background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius)}.admin-nav-link{border-radius:0;border-bottom:2px solid transparent;padding:.7rem .95rem;white-space:nowrap}.admin-nav-link.active{border-radius:0;background:#15bce01f;color:var(--color-brand);border-bottom-color:var(--color-brand)}.admin-nav-logout-mobile{display:block;padding:.7rem .95rem;background:transparent;border:none;color:var(--color-gray);font-family:var(--font-body);white-space:nowrap;cursor:pointer;margin-left:auto}.admin-nav-logout-mobile:hover{color:var(--color-live)}}@media (max-width: 640px){nav .logo{font-size:1.4rem}nav .nav-inner{flex-wrap:wrap;gap:0;height:auto;padding:.65rem 0}nav ul{width:100%;justify-content:space-between;gap:0;padding-top:.45rem;margin-top:.3rem;border-top:1px solid var(--color-border)}nav ul a{font-size:.78rem;padding:.55rem .6rem}}@media (max-width: 480px){:root{--container-pad: 1rem;--match-team-fs: .95rem;--match-team-fs-sm: .85rem;--match-score-fs: 2.3rem;--match-score-fs-sm: 1.7rem;--match-score-min: 80px}nav .logo{font-size:1.2rem}nav ul a{padding:.55rem .5rem}.card{padding:.95rem}.btn{padding:.6rem .9rem}}