@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&display=swap";:root{--bg-dark:#2a0a5e;--bg-card:#ffffff1a;--bg-sidebar:#22034a;--text-primary:#fff;--text-secondary:#e0d4f5;--accent-primary:#0f6;--accent-secondary:#f05;--success:#0f6;--danger:#f05;--warning:#fc0;--glass-bg:#ffffff1f;--glass-border:#ffffff40;--odds-bg:#00000040;--odds-hover:#00ff664d;--glow:0 0 25px #0f66}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-dark);color:var(--text-primary);background-image:radial-gradient(circle at 10% 0,#8a2be2 0%,#0000 60%),radial-gradient(circle at 90% 100%,#0f8 0%,#0000 60%),radial-gradient(circle,#00bfff 0%,#0000 60%);background-attachment:fixed;min-height:100vh;font-family:Outfit,sans-serif;line-height:1.5;overflow-x:hidden}#root{flex-direction:column;min-height:100vh;display:flex}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.2}h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.5rem}.glass-panel{background:var(--glass-bg);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:12px;padding:20px;transition:transform .2s,box-shadow .2s,border-color .2s}.glass-panel:hover{border-color:#00e5ff4d;transform:translateY(-3px)}.container{width:100%;max-width:1400px;margin:0 auto;padding:0 24px}.gradient-text{background:linear-gradient(135deg, var(--accent-primary), #08f);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.app-header{border-bottom:1px solid var(--glass-border);background:var(--bg-sidebar);z-index:100;padding:16px 0;position:sticky;top:0}.nav-container{justify-content:space-between;align-items:center;display:flex}.logo-link{align-items:center;gap:10px;font-size:1.4rem;font-weight:800;text-decoration:none;display:flex}.dashboard-layout{flex:1;width:100%;max-width:1400px;margin:0 auto;display:flex}.sidebar{border-right:1px solid var(--glass-border);flex-direction:column;gap:8px;width:240px;padding:32px 24px 32px 0;display:flex}.sidebar-link{color:var(--text-secondary);border-radius:8px;align-items:center;gap:12px;padding:12px 16px;font-weight:500;text-decoration:none;transition:all .2s;display:flex}.sidebar-link:hover,.sidebar-link.active{background:var(--odds-bg);color:var(--accent-primary)}.main-content{flex:1;min-width:0;padding:32px 0 32px 32px}.odds-row{gap:8px;margin-top:12px;display:flex}.odd-btn{background:var(--odds-bg);border:1px solid var(--glass-border);cursor:pointer;border-radius:6px;flex-direction:column;flex:1;align-items:center;padding:8px;font-family:Outfit,sans-serif;transition:all .2s;display:flex}.odd-btn:hover{background:var(--odds-hover);border-color:var(--accent-primary);transform:translateY(-2px)}.odd-label{color:var(--text-secondary);margin-bottom:2px;font-size:.7rem}.odd-value{color:var(--text-primary);font-size:.95rem;font-weight:700}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:.4s forwards fadeIn}@keyframes pulse-live{0%{box-shadow:0 0 #f366}70%{box-shadow:0 0 0 6px #f360}to{box-shadow:0 0 #f360}}.live-dot{background:var(--danger);border-radius:50%;width:8px;height:8px;animation:1.5s infinite pulse-live;display:inline-block}.hero-match{background:linear-gradient(135deg, var(--bg-card), var(--bg-sidebar));border:1px solid var(--glass-border);border-radius:16px;flex-direction:column;margin-bottom:40px;padding:40px;display:flex;position:relative;overflow:hidden}.hero-match:before{content:"";pointer-events:none;background:radial-gradient(circle,#00e5ff0d 0%,#0000 60%);width:140%;height:200%;position:absolute;top:-50%;left:-20%}