*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg-base: #080912;--glass-1: rgba(255,255,255,.03);--glass-2: rgba(255,255,255,.055);--glass-3: rgba(255,255,255,.08);--glass-border: rgba(255,255,255,.08);--glass-border-strong: rgba(255,255,255,.13);--glass-blur: 18px;--glass-shadow: 0 4px 24px rgba(0,0,0,.5), 0 1px 0 rgba(255,255,255,.04) inset;--accent: #7b61ff;--accent-2: #3b82f6;--accent-glow: rgba(123,97,255,.2);--text-1: #eeeeff;--text-2: #8890b8;--text-3: #454970;--topbar-h: 50px;--radius: 10px;--radius-lg: 14px}html,body{height:100%;font-family:Plus Jakarta Sans,Segoe UI,system-ui,sans-serif;font-size:14px;color:var(--text-1);background:var(--bg-base);-webkit-font-smoothing:antialiased}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background:radial-gradient(ellipse 90% 70% at 5% 15%,rgba(80,40,180,.22) 0%,transparent 55%),radial-gradient(ellipse 60% 90% at 90% 5%,rgba(30,70,160,.18) 0%,transparent 50%),radial-gradient(ellipse 80% 60% at 55% 95%,rgba(60,20,120,.2) 0%,transparent 55%),radial-gradient(ellipse 55% 75% at 95% 65%,rgba(20,60,110,.15) 0%,transparent 50%),radial-gradient(ellipse 100% 50% at 15% 55%,rgba(30,25,80,.18) 0%,transparent 50%),linear-gradient(160deg,#080912,#0c0b1e 35%,#080e1c 65%,#080912);animation:mesh-drift 25s ease-in-out infinite alternate}@keyframes mesh-drift{0%{transform:scale(1) translate(0);opacity:1}50%{transform:scale(1.04) translate(-10px,8px);opacity:.88}to{transform:scale(1.02) translate(6px,-5px);opacity:1}}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;opacity:.018;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:160px}.app{position:relative;z-index:1;display:flex;flex-direction:column;min-height:100vh}.topbar{position:sticky;top:0;z-index:100;background:#080912a6;backdrop-filter:blur(24px) saturate(1.6);-webkit-backdrop-filter:blur(24px) saturate(1.6);border-bottom:1px solid var(--glass-border);box-shadow:0 1px #ffffff0a,0 4px 20px #0006}.topbar-inner{display:flex;align-items:center;gap:8px;height:var(--topbar-h);padding:0 20px;max-width:1600px;margin:0 auto;width:100%}.topbar-logo{display:flex;align-items:center;gap:7px;text-decoration:none;flex-shrink:0;margin-right:10px}.logo-icon{font-size:17px;filter:drop-shadow(0 0 10px rgba(123,97,255,.7))}.logo-text{font-size:15px;font-weight:800;letter-spacing:.01em;background:linear-gradient(130deg,#c4b5fd,#93c5fd);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.topbar-links{display:flex;align-items:center;gap:2px;flex:1;overflow-x:auto;scrollbar-width:none}.topbar-links::-webkit-scrollbar{display:none}.topbar-link{padding:5px 10px;border-radius:7px;font-size:12.5px;font-weight:500;color:var(--text-2);text-decoration:none;white-space:nowrap;border:1px solid transparent;transition:background .15s,color .15s,border-color .15s}.topbar-link:hover{background:#ffffff0f;color:var(--text-1)}.topbar-link.active{background:#7b61ff24;color:#c4b5fd;border-color:#7b61ff40}.topbar-right{display:flex;align-items:center;gap:8px;flex-shrink:0;margin-left:auto}.btn-auth{font-size:12px;font-weight:600;padding:5px 12px;border-radius:7px;cursor:pointer;text-decoration:none;display:inline-block;border:1px solid transparent;transition:all .15s}.btn-auth.login{background:#7b61ff2e;color:#c4b5fd;border-color:#7b61ff59}.btn-auth.login:hover{background:#7b61ff4d}.btn-auth.logout{background:#f851491a;color:#f87171;border-color:#f8514940}.btn-auth.logout:hover{background:#f8514933}.hamburger{display:none;flex-direction:column;justify-content:center;align-items:center;gap:4px;width:34px;height:34px;background:var(--glass-1);border:1px solid var(--glass-border);border-radius:8px;cursor:pointer;padding:0}.hamburger span{display:block;width:15px;height:1.5px;background:var(--text-2);border-radius:2px;transition:all .2s}.hamburger.open span:nth-child(1){transform:translateY(5.5px) rotate(45deg)}.hamburger.open span:nth-child(2){opacity:0}.hamburger.open span:nth-child(3){transform:translateY(-5.5px) rotate(-45deg)}.mobile-menu{display:flex;flex-direction:column;padding:8px 14px 12px;border-top:1px solid var(--glass-border);gap:2px;background:#080912eb;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px)}.mobile-link{padding:10px 12px;border-radius:8px;font-size:14px;font-weight:500;color:var(--text-2);text-decoration:none;border:none;background:transparent;cursor:pointer;text-align:left;transition:background .15s,color .15s}.mobile-link:hover,.mobile-link.active{background:#7b61ff1a;color:#c4b5fd}.mobile-link.logout{color:#f87171;width:100%}.mobile-divider{height:1px;background:var(--glass-border);margin:4px 0}.content{flex:1;padding:28px 24px;max-width:1600px;margin:0 auto;width:100%}.card{background:var(--glass-1);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:20px;box-shadow:var(--glass-shadow);position:relative}.card:before{content:"";position:absolute;top:0;left:10%;right:10%;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent)}.page-title{font-size:22px;font-weight:800;letter-spacing:-.02em;margin-bottom:20px;background:linear-gradient(130deg,var(--text-1) 0%,var(--text-2) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}input,select,textarea{background:#ffffff0a;border:1px solid var(--glass-border);border-radius:8px;color:var(--text-1);padding:8px 12px;font-size:13px;font-family:inherit;outline:none;transition:border-color .15s,background .15s;width:100%}input:focus,select:focus,textarea:focus{border-color:#7b61ff73;background:#7b61ff0f}input::placeholder,textarea::placeholder{color:var(--text-3)}select option{background:#0c0b1e;color:var(--text-1)}button{background:#7b61ff24;border:1px solid rgba(123,97,255,.28);color:#c4b5fd;border-radius:8px;padding:8px 16px;font-size:13px;font-family:inherit;font-weight:600;cursor:pointer;transition:background .15s,border-color .15s,transform .1s}button:hover:not(:disabled){background:#7b61ff3d;border-color:#7b61ff7a;transform:translateY(-1px)}button:active:not(:disabled){transform:translateY(0)}button:disabled{opacity:.35;cursor:not-allowed}.badge{display:inline-block;padding:2px 8px;border-radius:5px;font-size:11px;font-weight:700;letter-spacing:.04em}table{width:100%;border-collapse:collapse}th{text-align:left;font-size:11px;font-weight:600;color:var(--text-3);text-transform:uppercase;letter-spacing:.06em;padding:8px 12px;border-bottom:1px solid var(--glass-border)}td{padding:10px 12px;font-size:13px;color:var(--text-1);border-bottom:1px solid rgba(255,255,255,.04)}tr:last-child td{border-bottom:none}tr:hover td{background:#ffffff06}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:14px;margin-bottom:24px}.stat-card{background:var(--glass-1);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:20px;text-align:center;box-shadow:var(--glass-shadow)}.stat-card .value{font-size:28px;font-weight:800;color:#c4b5fd;line-height:1;margin-bottom:6px}.stat-card .label{font-size:11px;color:var(--text-3);text-transform:uppercase;letter-spacing:.06em}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#7b61ff40;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#7b61ff73}.patch-scroll::-webkit-scrollbar{width:3px}.patch-scroll::-webkit-scrollbar-track{background:transparent}.patch-scroll::-webkit-scrollbar-thumb{background:#7b61ff33;border-radius:3px}.patch-scroll::-webkit-scrollbar-thumb:hover{background:#7b61ff66}code{font-family:JetBrains Mono,Fira Code,monospace;font-size:12px;background:#ffffff0f;border:1px solid var(--glass-border);border-radius:4px;padding:2px 6px;color:#93c5fd}@keyframes fadeIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:.45}50%{opacity:.75}}.animate-in{animation:fadeIn .2s ease forwards}@media (max-width: 768px){.topbar-links{display:none}.hamburger{display:flex}.content{padding:16px 12px}.page-title{font-size:18px}.card{padding:14px;overflow-x:auto}table{min-width:500px}.stat-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 480px){.topbar-inner{padding:0 10px}.logo-text{font-size:13px}.content{padding:10px 8px}.stat-grid{gap:8px}.stat-card{padding:14px 10px}.stat-card .value{font-size:22px}}[style*="background: '#161b22'"],[style*="background: '#0d1117'"],[style*="background: '#21262d'"]{background:var(--glass-1)!important;-webkit-backdrop-filter:blur(var(--glass-blur))!important;backdrop-filter:blur(var(--glass-blur))!important}tr:hover>td{background:#ffffff06!important}a.active{background:#7b61ff26!important;color:#c4b5fd!important}::selection{background:#7b61ff59;color:#f0f0ff}*:focus-visible{outline:2px solid rgba(123,97,255,.5);outline-offset:2px}.patch-scroll>div{transition:background .12s}:root{--c-card: rgba(255,255,255,.035);--c-card-header: rgba(255,255,255,.055);--c-card-hover: rgba(255,255,255,.07);--c-card-border: rgba(255,255,255,.09);--c-input: rgba(255,255,255,.04);--c-row-hover: rgba(255,255,255,.03);--c-badge-green: rgba(63,185,80,.12);--c-badge-blue: rgba(88,166,255,.12);--c-badge-yellow:rgba(227,179,65,.12);--c-badge-red: rgba(248,81,73,.12);--c-badge-purple:rgba(188,140,255,.12)}html{scrollbar-width:thin;scrollbar-color:rgba(123,97,255,.3) transparent}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Segoe UI,sans-serif;background:#0f1115;color:#e0e0e0}.app{display:flex;min-height:100vh}.sidebar{width:220px;background:#161b22;padding:24px 16px;display:flex;flex-direction:column;gap:8px;border-right:1px solid #30363d;flex-shrink:0}.logo{font-size:20px;font-weight:700;color:#58a6ff;margin-bottom:24px;padding:0 8px}.sidebar a{padding:10px 12px;border-radius:8px;text-decoration:none;color:#8b949e;font-size:14px;transition:all .2s}.sidebar a:hover{background:#21262d;color:#e0e0e0}.sidebar a.active{background:#1f3a5f;color:#58a6ff;font-weight:500}.content{flex:1;padding:32px;overflow-y:auto}.page-title{font-size:24px;font-weight:600;margin-bottom:24px;color:#f0f6fc}.card{background:#161b22;border:1px solid #30363d;border-radius:12px;padding:20px;margin-bottom:16px}.stat-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:16px;margin-bottom:24px}.stat-card{background:#161b22;border:1px solid #30363d;border-radius:12px;padding:20px;text-align:center}.stat-card .value{font-size:32px;font-weight:700;color:#58a6ff}.stat-card .label{font-size:12px;color:#8b949e;margin-top:4px}table{width:100%;border-collapse:collapse;font-size:14px}th{text-align:left;padding:10px 12px;color:#8b949e;border-bottom:1px solid #30363d;font-weight:500}td{padding:10px 12px;border-bottom:1px solid #21262d}tr:hover td{background:#21262d}.badge{display:inline-block;padding:2px 8px;border-radius:20px;font-size:12px;font-weight:500}.badge-win{background:#1a3a2a;color:#3fb950}.badge-loss{background:#3a1a1a;color:#f85149}button{background:#1f3a5f;color:#58a6ff;border:1px solid #388bfd;border-radius:8px;padding:8px 16px;cursor:pointer;font-size:14px;transition:all .2s}button:hover{background:#388bfd;color:#fff}input{background:#21262d;border:1px solid #30363d;border-radius:8px;padding:8px 12px;color:#e0e0e0;font-size:14px;outline:none}input:focus{border-color:#58a6ff}