@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&family=Outfit:wght@300;400;500;600;700;800;900&display=swap";:root{--bg-dark:#030305;--bg-card:#0a0b0e;--bg-card-hover:#101217;--bg-elevated:#0e0f14;--bg-input:#050507;--primary:#ff1f3b;--primary-dark:#c00c22;--primary-glow:#ff1f3b26;--primary-subtle:#ff1f3b14;--text-main:#fff;--text-body:#eceef2;--text-muted:#71768c;--text-dimmed:#4d5160;--border-subtle:#ffffff0d;--border-card:#ffffff0f;--premium-border:1px solid #ffffff0f;--win:#00e676;--win-glow:#00e6761a;--loss:#ff3d57;--loss-glow:#ff3d571a;--cashout:#ffb300;--cashout-glow:#ffb3001a;--cashback:#00e5ff;--cashback-glow:#00e5ff1a;--open:#7c4dff;--open-glow:#7c4dff1a;--gold:#ffb300;--silver:#94a3b8;--bronze:#cd7f32;--radius-xl:14px;--radius-lg:10px;--radius-md:6px;--radius-sm:4px;--radius-full:9999px;--sidebar-width:250px;--transition-smooth:cubic-bezier(.16, 1, .3, 1);--transition-bounce:cubic-bezier(.34, 1.56, .64, 1)}*{box-sizing:border-box;margin:0;padding:0}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#ffffff14;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#ffffff26}body{background-color:var(--bg-dark);color:var(--text-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;font-family:Outfit,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.5;position:relative;overflow-x:hidden}body:before{content:"";pointer-events:none;z-index:-1;background-image:radial-gradient(65% 55% at 85% 10%,#ff1f3b14 0%,#0000 70%),radial-gradient(55% 45% at 10% 90%,#7c4dff0f 0%,#0000 60%),radial-gradient(40% 30%,#00e67603 0%,#0000 50%),radial-gradient(#ffffff04 1px,#0000 1px);background-size:100% 100%,100% 100%,100% 100%,28px 28px;width:100vw;height:100vh;position:fixed;top:0;left:0}body:after{content:"";opacity:.012;pointer-events:none;z-index:-1;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.95' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");background-size:128px 128px;width:100vw;height:100vh;position:fixed;top:0;left:0}.app-layout{background:var(--bg-dark);flex-direction:column;min-height:100vh;display:flex;position:relative}.sidebar{width:var(--sidebar-width);-webkit-backdrop-filter:blur(25px);z-index:100;background:#0a0b0ef2;border-right:1px solid #ffffff0a;flex-direction:column;justify-content:space-between;height:100vh;padding:30px 20px;display:none;position:fixed;top:0;left:0;box-shadow:10px 0 30px #00000080}.main-content{flex:1;width:100%;padding-bottom:90px}@media (width>=1024px){.sidebar{display:flex}.main-content{margin-left:var(--sidebar-width);padding:30px 40px}.bottom-nav,.mobile-header{display:none!important}}.container{max-width:1160px;margin:0 auto;padding:0 24px}.premium-card{border-radius:var(--radius-xl);transition:all .3s var(--transition-smooth);background:linear-gradient(145deg,#0d0e12e6 0%,#08090cf2 100%);border:1px solid #ffffff0d;position:relative;overflow:hidden;box-shadow:0 10px 30px #0006,inset 0 1px #ffffff08}.premium-card:before{content:"";z-index:1;background:linear-gradient(90deg,#0000,#ffffff14,#0000);height:1px;position:absolute;top:0;left:0;right:0}.premium-card.hoverable:hover{background:linear-gradient(145deg,#12141ae6 0%,#0a0b0ff2 100%);border-color:#ff1f3b4d;transform:translateY(-3px);box-shadow:0 15px 40px #0009,0 0 20px #ff1f3b14,inset 0 1px #ffffff0d}.premium-card-header{border-bottom:1px solid #ffffff0a;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.premium-card-body{padding:24px}.glass-panel{border-radius:var(--radius-lg);background:#05050880;border:1px solid #ffffff0a;padding:18px}.glow-border{position:relative}.glow-border:after{content:"";border-radius:inherit;z-index:-1;opacity:0;background:linear-gradient(135deg,#ff1f3b40,#0000 55%,#7c4dff26);transition:opacity .3s;position:absolute;inset:-1px}.glow-border:hover:after{opacity:1}.input-group{flex-direction:column;gap:8px;margin-bottom:20px;display:flex}.input-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em;font-size:.68rem;font-weight:800}.input-field{background:var(--bg-input);border-radius:var(--radius-md);color:var(--text-main);border:1px solid #ffffff0f;outline:none;padding:14px 16px;font-family:inherit;font-size:.92rem;transition:all .2s}.input-field:focus{border-color:var(--primary);background:#0a0b0ee6;box-shadow:0 0 0 3px #ff1f3b1f,0 0 25px #ff1f3b0f}.input-field::placeholder{color:var(--text-dimmed)}select.input-field{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2371768c' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-position:right 16px center;background-repeat:no-repeat;background-size:14px;padding-right:42px}input[type=checkbox]{accent-color:var(--primary);cursor:pointer;width:18px;height:18px}.btn{border-radius:var(--radius-md);cursor:pointer;transition:all .2s var(--transition-bounce);border:none;outline:none;justify-content:center;align-items:center;gap:8px;padding:13px 22px;font-family:inherit;font-size:.9rem;font-weight:700;text-decoration:none;display:inline-flex;position:relative;overflow:hidden}.btn-primary{background:linear-gradient(135deg, var(--primary) 0%, #d61129 60%, #a00b1d 100%);color:#fff;border:none;box-shadow:0 4px 18px #ff1f3b4d,inset 0 1px #ffffff26}.btn-primary:hover{transform:translateY(-1.5px);box-shadow:0 6px 28px #ff1f3b73,inset 0 1px #ffffff40}.btn-primary:active{transform:translateY(0);box-shadow:0 2px 10px #ff1f3b40}.btn-outline{color:var(--text-body);background:#ffffff05;border:1px solid #ffffff14}.btn-outline:hover{color:#fff;background:#ffffff0d;border-color:#ffffff26;transform:translateY(-1px)}.btn-outline:active{transform:translateY(0)}.nav-link{color:var(--text-muted);border-radius:var(--radius-md);align-items:center;gap:14px;padding:12px 16px;font-size:.92rem;font-weight:600;text-decoration:none;transition:all .25s;display:flex;position:relative}.nav-link:hover{color:var(--text-main);background:#ffffff08}.nav-link.active{color:var(--text-main);background:var(--primary-subtle);font-weight:700}.nav-link.active:before{content:"";background:var(--primary);width:3px;height:50%;box-shadow:0 0 14px var(--primary), 0 0 4px var(--primary);border-radius:0 4px 4px 0;position:absolute;top:25%;left:0}.mobile-header{-webkit-backdrop-filter:blur(25px);z-index:150;background:#050508f2;border-bottom:1px solid #ffffff0a;justify-content:space-between;align-items:center;padding:16px 20px;display:flex;position:sticky;top:0;box-shadow:0 4px 20px #0006}.bottom-nav{-webkit-backdrop-filter:blur(30px);width:100%;padding:10px 0 calc(10px + env(safe-area-inset-bottom));z-index:200;background:#050508f5;border-top:1px solid #ffffff0d;justify-content:space-around;align-items:center;display:flex;position:fixed;bottom:0;left:0;box-shadow:0 -10px 30px #00000080}@media (width>=600px) and (width<=1023px){.bottom-nav{max-width:460px;border:1px solid #ffffff0f!important;border-bottom:none!important;border-radius:16px 16px 0 0!important;padding:12px 0!important;left:50%!important;transform:translate(-50%)!important;box-shadow:0 -10px 40px #00000080!important}}.nav-item{color:var(--text-muted);flex-direction:column;flex:1;align-items:center;gap:4px;padding-bottom:4px;font-size:.68rem;font-weight:600;text-decoration:none;transition:all .2s;display:flex;position:relative}.nav-item.active{color:var(--primary)}.nav-item.active:after{content:"";background:var(--primary);border-radius:var(--radius-full);width:14px;height:3px;box-shadow:0 0 12px var(--primary), 0 0 4px var(--primary);position:absolute;bottom:-4px}.badge{border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.06em;border:1.5px solid #0000;align-items:center;gap:5px;padding:4px 12px;font-size:.72rem;font-weight:800;display:inline-flex}.badge-win{color:var(--win);background:#00e6760f;border-color:#00e67633;box-shadow:0 0 15px #00e6760d}.badge-loss{color:var(--loss);background:#ff3d570f;border-color:#ff3d5733;box-shadow:0 0 15px #ff3d570d}.badge-open{color:var(--open);background:#7c4dff0f;border-color:#7c4dff33;box-shadow:0 0 15px #7c4dff0d}.badge-cashout{color:var(--cashout);background:#ffb3000f;border-color:#ffb30033;box-shadow:0 0 15px #ffb3000d}.badge-cashback{color:var(--cashback);background:#00e5ff0f;border-color:#00e5ff33;box-shadow:0 0 15px #00e5ff0d}.badge-live{color:var(--primary);background:#ff1f3b1a;border-color:#ff1f3b4d;animation:2s ease-in-out infinite livePulse}.scanner-container{border-radius:var(--radius-xl);background:#05050899;border:2px dashed #ffffff14;flex-direction:column;justify-content:center;align-items:center;padding:36px 24px;transition:all .3s;display:flex;position:relative;overflow:hidden}.scanner-container:hover{background:#ff1f3b05;border-color:#ff1f3b66}.scanner-container.active{border-color:var(--primary);background:#ff1f3b0a;border-style:solid;box-shadow:inset 0 0 30px #ff1f3b0a}.scanner-laser{background:linear-gradient(90deg, transparent, var(--primary), transparent);height:2px;box-shadow:0 0 15px var(--primary), 0 0 5px var(--primary);animation:2s ease-in-out infinite scanAnimation;position:absolute;top:0;left:0;right:0}@keyframes scanAnimation{0%{top:0%}50%{top:100%}to{top:0%}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInScale{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes pulseGlow{0%,to{box-shadow:0 0 10px #ff1f3b26}50%{box-shadow:0 0 25px #ff1f3b59,0 0 6px #ff1f3b33}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes borderGlow{0%,to{border-color:#ff1f3b1a}50%{border-color:#ff1f3b59}}@keyframes livePulse{0%,to{opacity:1;box-shadow:0 0 10px #ff1f3b1a}50%{opacity:.65;box-shadow:0 0 20px #ff1f3b4d}}@keyframes floatUp{0%{opacity:0;transform:translateY(24px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.animate-fade-in{animation:fadeIn .35s var(--transition-smooth) forwards}.animate-slide-up{animation:slideUp .4s var(--transition-smooth) forwards}.animate-float-up{animation:floatUp .5s var(--transition-smooth) forwards}.gradient-text{background:linear-gradient(135deg, var(--text-main) 10%, var(--primary) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.stat-value{font-variant-numeric:tabular-nums;letter-spacing:-.03em;font-family:Inter,Outfit,sans-serif;font-weight:900}.stat-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em;font-size:.68rem;font-weight:800}.shimmer-loading{border-radius:var(--radius-md);background:linear-gradient(90deg,#ffffff03 25%,#ffffff0a 50%,#ffffff03 75%) 0 0/200% 100%;animation:1.6s linear infinite shimmer}.spinner{animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.dashboard-grid{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:20px;margin-bottom:30px;display:grid}.streak-dot{border-radius:var(--radius-sm);color:#fff;width:28px;height:28px;transition:transform .15s var(--transition-bounce);justify-content:center;align-items:center;font-size:.72rem;font-weight:800;display:inline-flex}.streak-dot:hover{transform:scale(1.15)}.streak-dot.W{background:var(--win);box-shadow:0 3px 10px #00e67640}.streak-dot.L{background:var(--loss);box-shadow:0 3px 10px #ff3d5740}.streak-dot.C{background:var(--cashout);box-shadow:0 3px 10px #ffb30040}.streak-dot.O{background:var(--text-muted)}.stake-chip{border-radius:var(--radius-full);color:var(--text-muted);cursor:pointer;background:#ffffff05;border:1px solid #ffffff0f;padding:10px 16px;font-size:.82rem;font-weight:700;transition:all .25s}.stake-chip:hover{background:var(--primary-subtle);color:var(--primary);border-color:#ff1f3b4d}.stake-chip.active{border-color:var(--primary);color:var(--primary);background:#ff1f3b1f;box-shadow:0 0 15px #ff1f3b26}.page-title{letter-spacing:-.03em;color:var(--text-main);margin-bottom:4px;font-size:2rem;font-weight:900}.card-padding{padding:24px}.card-padding-lg{padding:30px}.mobile-stack{gap:20px;display:flex}.action-bar{justify-content:space-between;align-items:center;display:flex}.btn-group-mobile{flex:1;gap:8px;display:flex}.stats-summary{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px;display:flex}.tabs-container{border-radius:var(--radius-md);background:#05050899;border:1px solid #ffffff0d;gap:4px;margin-bottom:24px;padding:5px;display:flex}.header-actions{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;margin-bottom:30px;display:flex}.form-row-responsive{flex-wrap:wrap;gap:16px;display:flex}.form-row-responsive.align-end{align-items:flex-end}@media (width<=768px){.mobile-hide{display:none!important}.main-content{padding-bottom:calc(100px + env(safe-area-inset-bottom))}.container{padding:20px 14px 40px!important}.page-title{font-size:1.5rem}.card-padding{padding:20px}.card-padding-lg{padding:22px 20px}.dashboard-grid{grid-template-columns:1fr;gap:16px;margin-bottom:24px}.mobile-stack{flex-direction:column;gap:16px;align-items:stretch!important}.action-bar{flex-wrap:wrap;gap:16px}.btn-group-mobile{grid-template-columns:repeat(3,1fr);gap:6px;width:100%;display:grid!important}.btn-group-mobile .btn{flex-direction:column;gap:6px;padding:10px 4px!important;font-size:.75rem!important}.stats-summary{gap:20px}.tabs-container{flex-direction:row;padding:4px}.tabs-container button{white-space:normal;line-height:1.2;padding:10px 8px!important;font-size:.8rem!important}.header-actions{flex-direction:row;align-items:center}.form-row-responsive{flex-direction:column!important;align-items:stretch!important;gap:14px!important}.form-row-responsive>.input-group{flex:100%!important;width:100%!important;margin-bottom:0!important}.action-bar{grid-template-columns:1fr auto!important;align-items:center!important;gap:14px!important;display:grid!important}}@media (width<=380px){.page-title{font-size:1.35rem}.dashboard-grid{gap:12px}.card-padding{padding:16px}.btn{padding:11px 16px;font-size:.85rem}}