@import url(https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&display=swap);.header{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(90deg,#0f1937bf,#14285aa6);border-bottom:1px solid #3b82f62e;height:var(--navbar-height);justify-content:space-between;left:0;padding:0 24px;position:fixed;right:0;top:0;z-index:1100}.header,.header-left{align-items:center;display:flex}.header-left{gap:16px}.logo{align-items:center;background:linear-gradient(135deg,#3b82f6,#06b6d4);border-radius:10px;box-shadow:0 0 0 2px #3b82f659,0 0 20px #06b6d459;color:#031a33;display:flex;font-size:.8rem;font-weight:900;height:38px;justify-content:center;width:38px}.header-title h1{color:var(--text-primary);font-size:1rem;font-weight:700;line-height:1.2;text-shadow:0 0 12px #3b82f640}.header-subtitle{color:var(--text-secondary);font-size:.7rem;letter-spacing:.5px;text-transform:uppercase}.menu-toggle{align-items:center;background:#0000;border-radius:8px;color:var(--text-primary);display:flex;justify-content:center;padding:8px;transition:background .2s ease}.menu-toggle:hover{background:#3b82f626}@media (max-width:768px){.header{padding:0 16px}}.sidebar{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(180deg,#0a162deb,#081226f2);border-right:1px solid #3b82f62e;bottom:0;box-shadow:6px 0 30px #00000073,inset -1px 0 0 #3b82f614;display:flex;flex-direction:column;left:0;overflow-y:auto;position:fixed;top:var(--navbar-height);transition:transform .3s ease;width:var(--sidebar-width);z-index:1000}.sidebar.closed{transform:translateX(-100%)}.sidebar-header{border-bottom:1px solid #3b82f62e;padding:24px 20px}.sidebar-header h2{color:var(--accent-cyan);font-size:1.05rem;font-weight:800;letter-spacing:.6px;text-shadow:0 0 18px #06b6d480}.version{color:var(--text-muted);display:block;font-size:.75rem;margin-top:4px}.sidebar-nav{display:flex;flex:1 1;flex-direction:column;gap:4px;padding:16px 12px}.nav-item{align-items:center;border:1px solid #0000;border-radius:10px;color:var(--text-secondary);display:flex;font-size:.9rem;font-weight:500;gap:12px;padding:10px 14px;text-decoration:none;transition:all .2s ease}.nav-item:hover{background:#3b82f614;border-color:#3b82f638;color:var(--accent-cyan)}.nav-item.active{background:#3b82f624;border-color:#3b82f647;box-shadow:0 0 18px #3b82f61f;color:var(--accent-cyan);position:relative}.nav-item.active:before{background:linear-gradient(180deg,var(--accent-cyan),var(--accent-blue-bright));border-radius:2px;bottom:25%;box-shadow:0 0 10px #06b6d499;content:"";left:0;position:absolute;top:25%;width:3px}.nav-icon{font-size:1.1rem;line-height:1;opacity:.85}.nav-item.active .nav-icon{opacity:1}.sidebar-footer{border-top:1px solid #3b82f62e;display:flex;flex-direction:column;gap:12px;padding:16px 20px}.copyright{color:var(--text-muted);font-size:.8rem;text-align:center}.logout-btn{background:#ef44441f;border:1px solid #ef444447;border-radius:10px;color:#fca5a5;font-size:.9rem;font-weight:500;padding:10px 14px;transition:all .2s ease;width:100%}.logout-btn:hover{background:#ef444438;border-color:#ef444473;box-shadow:0 0 18px #ef44442e}.login-btn{background:#3b82f61f;border:1px solid #3b82f647;border-radius:10px;color:#bfdbfe;font-size:.9rem;font-weight:500;padding:10px 14px;transition:all .2s ease;width:100%}.login-btn:hover{background:#3b82f638;border-color:#3b82f680;box-shadow:0 0 18px #3b82f62e}.sidebar-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#030b1aa6;display:none;inset:0;position:fixed;z-index:999}@media (max-width:768px){.sidebar{max-width:280px;width:100%}.sidebar-overlay{display:block}}.footer{align-items:center;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#030b1ad9;border-top:1px solid #3b82f626;bottom:0;color:var(--text-muted);display:flex;font-size:.8rem;height:40px;justify-content:center;left:0;position:fixed;right:0;text-align:center;z-index:900}.page{margin:0 auto;max-width:1200px}.page h1{color:var(--text-primary);font-size:2rem;font-weight:700;margin-bottom:16px;text-shadow:0 0 18px #3b82f633}.stats-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.stat-card{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0f1e3c8c;border:1px solid #3b82f629;border-radius:16px;box-shadow:0 20px 45px #00000073;display:flex;flex-direction:column;gap:12px;padding:16px;transition:all .25s ease}.stat-card:hover{border-color:#3b82f659;box-shadow:0 22px 50px #00000080;box-shadow:0 0 28px #3b82f61f;transform:translateY(-4px)}.stat-card-content{display:flex;flex-direction:column;gap:4px}.stat-card-value{font-size:2rem;font-weight:800}.stat-card-title{color:var(--text-secondary);font-size:.9rem}.stat-card-link{align-self:flex-start;border:1px solid #3b82f647;border-radius:8px;color:var(--text-primary);display:inline-flex;font-size:.85rem;font-weight:500;padding:8px 14px;text-decoration:none;transition:all .2s ease}.stat-card-link:hover{border-color:#3b82f699;box-shadow:0 0 16px #3b82f62e;color:#bfdbfe}.loading-container{align-items:center;display:flex;flex-direction:column;gap:16px;justify-content:center;padding:60px 20px}.spinner{animation:spin 1s linear infinite;border:4px solid #3b82f62e;border-radius:50%;border-top:4px solid var(--accent-blue-bright);box-shadow:0 0 18px #3b82f640;height:48px;width:48px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.muted{color:var(--text-muted)}.streams-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.stream-card{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0f1e3c8c;border:1px solid #3b82f624;border-radius:16px;box-shadow:0 20px 45px #00000073;overflow:hidden;transition:all .25s ease}.stream-card:hover{border-color:#3b82f659;box-shadow:0 0 26px #3b82f624;transform:translateY(-4px)}.stream-thumbnail{display:block;height:180px;object-fit:cover;width:100%}.stream-info{display:flex;flex-direction:column;gap:6px;padding:16px}.stream-info h3{color:var(--text-primary);font-size:1.1rem;font-weight:700}.stream-viewers{color:var(--text-secondary);font-size:.85rem;margin-top:4px}.servers-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.server-card{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0f1e3c8c;border:1px solid #3b82f624;border-radius:16px;box-shadow:0 20px 45px #00000073;display:flex;flex-direction:column;gap:10px;padding:16px;transition:all .25s ease}.server-card:hover{border-color:#3b82f659;box-shadow:0 0 26px #3b82f624;transform:translateY(-4px)}.server-card h3{color:var(--text-primary);font-size:1.2rem;font-weight:700}.server-meta{color:var(--text-secondary);display:flex;flex-wrap:wrap;font-size:.85rem;gap:10px}.server-link{align-self:flex-start;border:1px solid #3b82f647;border-radius:8px;color:var(--text-primary);display:inline-flex;font-size:.85rem;font-weight:500;padding:8px 14px;text-decoration:none;transition:all .2s ease}.server-link:hover{border-color:#3b82f699;box-shadow:0 0 16px #3b82f62e;color:#bfdbfe}.streamers-list{display:flex;flex-direction:column;gap:10px}.streamer-row{align-items:center;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0f1e3c8c;border:1px solid #3b82f624;border-radius:16px;box-shadow:0 20px 45px #00000073;display:flex;gap:16px;padding:14px 16px;transition:all .25s ease}.streamer-row:hover{border-color:#3b82f652;box-shadow:0 0 22px #3b82f624;transform:translateY(-2px)}.streamer-rank{color:var(--accent-cyan);font-size:1.2rem;font-weight:800;min-width:40px;text-align:center}.streamer-info{display:flex;flex:1 1;flex-direction:column;gap:2px}.streamer-info h3{color:var(--text-primary);font-size:1.1rem;font-weight:700}.streamer-viewers{color:var(--text-secondary);font-size:.9rem}:root{--bg-primary:#030b1a;--bg-secondary:#071a33;--bg-card:#0f1e3c8c;--accent-cyan:#00f2ff;--accent-blue:#1d4ed8;--accent-blue-bright:#3b82f6;--text-primary:#e8f1ff;--text-secondary:#bcd2ff;--text-muted:#6b88b8;--border:#78b4ff1f;--border-hover:#78b4ff47;--glow:#3b82f673;--navbar-height:60px;--sidebar-width:260px}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:radial-gradient(1200px 800px at 20% -10%,#1d4ed82e,#0000),radial-gradient(900px 600px at 85% 10%,#00f2ff1a,#0000),#030b1a;background:radial-gradient(1200px 800px at 20% -10%,#1d4ed82e,#0000),radial-gradient(900px 600px at 85% 10%,#00f2ff1a,#0000),var(--bg-primary);color:#e8f1ff;color:var(--text-primary);font-family:Outfit,sans-serif;font-size:16px;line-height:1.6;overflow-x:hidden}#root,body{min-height:100vh}#root{position:relative;width:100%;z-index:1}.grid-bg{background-image:linear-gradient(#3b82f60a 1px,#0000 0),linear-gradient(90deg,#3b82f60a 1px,#0000 0);background-size:64px 64px;inset:0}.glow,.grid-bg{pointer-events:none;position:fixed;z-index:0}.glow{border-radius:50%;filter:blur(140px)}.glow-1{background:radial-gradient(circle,#1d4ed82e 0,#0000 70%);height:900px;right:-220px;top:-260px;width:900px}.glow-2{background:radial-gradient(circle,#7000ff1f 0,#0000 70%);bottom:-200px;height:600px;left:-140px;width:600px}.loading-screen{align-items:center;color:#bcd2ff;color:var(--text-secondary);display:flex;justify-content:center;min-height:100vh}a{color:#00f2ff;color:var(--accent-cyan);text-decoration:none}button{border:none;cursor:pointer}button,input,select,textarea{font-family:Outfit,sans-serif;outline:none}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:#030b1a99}::-webkit-scrollbar-thumb{background:#3b82f640;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#3b82f68c;box-shadow:0 0 12px #3b82f659}
/*# sourceMappingURL=main.78864575.css.map*/