@import "https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&display=swap";
:root{--c1:#10243f;--c2:#1d3d66;--c3:#4f84bd;--c4:#dcecff;--muted:#97b3d2;--surface:#0f1724;--surface-2:#162235;--line:#97b3d240;--ok:#59d39b;--warn:#ffd27a;--bad:#ff7c7c;--app-header-h:69px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{scrollbar-width:none}html::-webkit-scrollbar{width:0;height:0}body::-webkit-scrollbar{width:0;height:0}body{letter-spacing:.1px;overflow-wrap:anywhere;min-height:100dvh;color:var(--c4);-webkit-font-smoothing:antialiased;background:#0b121d;font-family:Space Grotesk,Trebuchet MS,sans-serif;line-height:1.5}img{max-width:100%;height:auto}a{color:var(--c3);text-decoration:none}a:hover{color:var(--c4)}.page-bg{background:linear-gradient(#0e1623 0%,#0b121d 100%)!important}.page-bg-dark{background:#0b121d!important}.app-header{height:var(--app-header-h);background:var(--surface);border-bottom:1px solid var(--line);z-index:100;flex:none;align-items:center;padding:0 1.25rem;display:flex;position:sticky;top:0}.app-header-inner{align-items:center;gap:1rem;width:100%;min-width:0;display:flex}.app-header-brand{flex:auto;align-items:center;gap:.6rem;min-width:0;display:flex}.app-header-brand-icon{background:var(--c1);border:1px solid var(--line);width:38px;height:38px;color:var(--c3);border-radius:10px;flex:none;justify-content:center;align-items:center;font-size:1.15rem;display:flex}.app-header-title{flex:auto;min-width:0}.app-header-title h1{color:var(--c4);margin:0;font-size:1.05rem;font-weight:600;line-height:1.2}.app-header-title span{color:var(--muted);letter-spacing:.3px;font-size:.72rem}.app-header-actions{flex:0 auto;justify-content:flex-end;align-items:center;gap:.6rem;min-width:0;display:flex}.chip{border:1px solid var(--line);color:var(--c4);letter-spacing:.25px;background:#1d3d6659;border-radius:999px;align-items:center;gap:6px;padding:.22rem .55rem;font-size:11px;display:inline-flex}.chip-admin{color:var(--bad);background:#ff7c7c26;border-color:#ff7c7c59}.chip-owner{color:var(--ok);background:#59d39b26;border-color:#59d39b59}.card{background:var(--surface)!important;border:1px solid var(--line)!important;border-radius:12px!important;box-shadow:0 8px 20px #080e183d!important}.card-soft{background:var(--surface-2)!important;border:1px solid var(--line)!important;box-shadow:none!important;border-radius:12px!important}.btn{cursor:pointer;border:1px solid var(--line);background:var(--surface-2);color:var(--c4);white-space:nowrap;border-radius:10px;justify-content:center;align-items:center;gap:.4rem;padding:.45rem .9rem;font-family:Space Grotesk,sans-serif;font-size:.82rem;font-weight:500;text-decoration:none;transition:all .15s;display:inline-flex}.btn:hover{background:var(--c1);color:var(--c4)}.btn-brand{background-color:var(--c3)!important;color:#0f2037!important;border-color:var(--c3)!important}.btn-brand:hover{background-color:var(--c4)!important;color:#0f2037!important}.btn-brand-outline{color:var(--c4)!important;border:1px solid var(--c3)!important;background:0 0!important}.btn-brand-outline:hover{background-color:var(--c3)!important;color:#0f2854!important}.btn-sm{padding:.3rem .6rem;font-size:.78rem}.btn-icon{border-radius:8px;width:34px;height:34px;padding:0}.btn-active{background:var(--c3)!important;color:#0f2037!important;border-color:var(--c3)!important}.badge-brand{background-color:var(--c3)!important;color:#0f2037!important}.form-control{outline:none;width:100%;padding:.45rem .75rem;font-family:Space Grotesk,sans-serif;font-size:.85rem;color:var(--c4)!important;border:1px solid var(--line)!important;background:#1d3d6629!important;border-radius:10px!important}.form-control::placeholder{color:#dcecff6b!important;opacity:1!important}.form-control:focus{border-color:var(--c3)!important;box-shadow:0 0 0 .2rem #4988c433!important}.form-label{color:var(--muted);margin-bottom:.35rem;font-size:.82rem;font-weight:500;display:block}.content-container{width:100%;max-width:1400px;padding:1.5rem}.section-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:.75rem;margin-bottom:1.25rem;display:flex}.section-header h2{letter-spacing:.3px;color:var(--c4);margin:0;font-size:1.3rem;font-weight:600}.section-header p{color:var(--muted);margin:.15rem 0 0;font-size:.82rem}.section-title{letter-spacing:.3px;font-weight:600}.subtle{color:#7fb1dee6}.toolbar{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.metrics-row{grid-template-columns:repeat(3,1fr);gap:.75rem;margin-bottom:1.25rem;display:grid}.metric-card{border:1px solid var(--line);background:#1d3d662e;border-radius:12px;padding:.9rem}.metric-value{color:var(--c4);font-size:1.35rem;font-weight:700;line-height:1.1}.metric-label{text-transform:uppercase;color:var(--muted);letter-spacing:.35px;font-size:.78rem}.server-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:.75rem;display:grid}.server-card{background:var(--surface);border:1px solid var(--line);cursor:pointer;border-radius:12px;align-items:center;gap:.85rem;padding:1rem;transition:all .15s;display:flex;position:relative;box-shadow:0 4px 12px #080e182e}.server-card:hover{border-color:var(--c3);background:#1d3d661f;box-shadow:0 8px 24px #080e184d}.server-icon{background:var(--c1);border:1px solid var(--line);width:42px;height:42px;color:var(--c3);border-radius:10px;flex:none;justify-content:center;align-items:center;font-size:.85rem;font-weight:700;display:flex;overflow:hidden}.server-icon img{object-fit:cover;width:100%;height:100%}.server-info{flex:auto;min-width:0}.server-name{color:var(--c4);white-space:nowrap;text-overflow:ellipsis;margin-bottom:.1rem;font-size:.88rem;font-weight:600;overflow:hidden}.server-meta{color:var(--muted);align-items:center;gap:.5rem;font-size:.75rem;display:flex}.server-card-actions{flex:none;align-items:center;gap:.5rem;display:flex}.fav-btn{cursor:pointer;color:var(--muted);background:0 0;border:none;padding:2px;font-size:1rem;transition:color .15s}.fav-btn:hover,.fav-btn.active{color:var(--warn)}.status-dot{border-radius:50%;width:8px;height:8px;margin-right:6px;display:inline-block}.status-ok{background:var(--ok)}.status-bad{background:var(--bad)}.status-warn{background:var(--warn)}.layout-row{flex-wrap:nowrap;flex:auto;align-items:stretch;width:100%;height:100%;min-height:0;margin:0;display:flex}.sidebar-col{background:var(--surface);border-right:1px solid var(--line);flex-direction:column;flex:0 0 clamp(228px,18vw,264px);align-self:stretch;max-width:clamp(228px,18vw,264px);height:100%;min-height:100%;display:flex;overflow:hidden}.sidebar-header{flex:none;align-items:center;gap:.65rem;padding:1rem 1rem .75rem;display:flex}.sidebar-icon{background:var(--c1);border:1px solid var(--line);width:36px;height:36px;color:var(--c3);border-radius:10px;flex:none;justify-content:center;align-items:center;font-size:.85rem;display:flex;overflow:hidden}.sidebar-icon img{object-fit:cover;width:100%;height:100%}.sidebar-scroll{scrollbar-width:none;-ms-overflow-style:none;flex:auto;min-height:0;overflow:hidden auto}.sidebar-scroll::-webkit-scrollbar{display:none}.sidebar-nav{flex-direction:column;gap:2px;padding:0 .5rem .75rem;display:flex}.sidebar-link{color:var(--c4);border:1px solid #0000;border-radius:10px;align-items:center;gap:.55rem;padding:.55rem .75rem;font-size:.82rem;font-weight:500;text-decoration:none;transition:all .12s;display:flex}.sidebar-link i{text-align:center;width:18px;font-size:.95rem}.sidebar-link:hover{color:var(--c4);background-color:#1d3d6659}.sidebar-link.active{background-color:var(--c3);color:#0f2037;font-weight:600}.content-col{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;background:linear-gradient(#0e1623 0%,#0b121d 100%);flex:auto;min-width:0;height:100%;min-height:0;max-height:100%;overflow:hidden auto}.content-col::-webkit-scrollbar{width:8px}.content-col::-webkit-scrollbar-thumb{background:#7fb1de47;border-radius:999px}.content-col::-webkit-scrollbar-track{background:0 0}.table-wrapper{border:1px solid var(--line);background:var(--surface);border-radius:12px;overflow-x:auto}.table{border-collapse:collapse;width:100%;color:var(--c4)}.table thead th{color:var(--muted);letter-spacing:.8px;text-transform:uppercase;border-bottom:1px solid var(--line);text-align:left;padding:.75rem 1rem;font-size:.72rem;font-weight:600}.table tbody td{border-bottom:1px solid var(--line);white-space:nowrap;padding:.7rem 1rem;font-size:.85rem}.table tbody tr:last-child td{border-bottom:none}.table tbody tr:hover{background:#4988c40a}.toggle{width:40px;height:22px;display:inline-block;position:relative}.toggle input{opacity:0;width:0;height:0}.toggle-track{cursor:pointer;border:1px solid var(--line);background:#1d3d6666;border-radius:999px;transition:all .2s;position:absolute;inset:0}.toggle-track:before{content:"";background:var(--c4);border-radius:50%;width:16px;height:16px;transition:all .2s;position:absolute;bottom:2px;left:2px}.toggle input:checked+.toggle-track{background:var(--c3);border-color:var(--c3)}.toggle input:checked+.toggle-track:before{background:#0f2037;transform:translate(18px)}.panel-hero{border:1px solid var(--line);background:radial-gradient(circle at 100% 0,#7fb1de1f,#0000 34%),linear-gradient(#1d3d6638,#10243f24);border-radius:14px;padding:1rem 1.1rem}.panel-note{background:#1d3d661f;border:1px dashed #7fb1de47;border-radius:12px;padding:.85rem .95rem}.empty-state{text-align:center;background:#1222358c;border:1px dashed #7fb1de38;border-radius:14px;padding:1.4rem 1.1rem}.section-divider{border-bottom:1px solid var(--line)}.search-wrap{max-width:260px;position:relative}.search-wrap i{color:var(--muted);pointer-events:none;font-size:.85rem;position:absolute;top:50%;left:.7rem;transform:translateY(-50%)}.search-wrap .form-control{padding-left:2rem}.filter-tabs{border:1px solid var(--line);background:#0f172499;border-radius:10px;gap:.35rem;padding:3px;display:flex}.filter-tab{cursor:pointer;color:var(--muted);background:0 0;border:none;border-radius:8px;padding:.35rem .75rem;font-family:Space Grotesk,sans-serif;font-size:.78rem;font-weight:500;transition:all .12s}.filter-tab:hover{color:var(--c4);background:#1d3d6633}.filter-tab.active{background:var(--c3);color:#0f2037;font-weight:600}.chart-panel{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:1.25rem;box-shadow:0 4px 12px #080e182e}.chart-panel h3{color:var(--c4);margin-bottom:1rem;font-size:.95rem;font-weight:600}.settings-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem;display:grid}.settings-card{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:1.1rem}.settings-card h4{color:var(--c4);align-items:center;gap:.45rem;margin-bottom:.75rem;font-size:.88rem;font-weight:600;display:flex}.settings-card h4 i{color:var(--c3)}.setting-row{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:.45rem 0;display:flex}.setting-row:last-child{border-bottom:none}.setting-label{color:var(--c4);font-size:.82rem}.log-entry{border-bottom:1px solid var(--line);align-items:flex-start;gap:.75rem;padding:.7rem 0;display:flex}.log-entry:last-child{border-bottom:none}.log-icon{border-radius:8px;flex:none;justify-content:center;align-items:center;width:32px;height:32px;font-size:.85rem;display:flex}.log-icon.join{color:var(--ok);background:#59d39b26}.log-icon.leave{color:var(--muted);background:#97b3d226}.log-icon.down{color:var(--bad);background:#ff7c7c26}.log-icon.up{color:var(--ok);background:#59d39b26}.log-icon.restart,.log-icon.warn{color:var(--warn);background:#ffd27a26}.log-icon.ban{color:var(--bad);background:#ff7c7c26}.log-icon.rank{color:var(--c3);background:#4f84bd26}.log-content{flex:auto;min-width:0}.log-message{color:var(--c4);margin-bottom:.1rem;font-size:.85rem}.log-time{color:var(--muted);font-size:.72rem}.rank-badge{border-radius:999px;align-items:center;gap:.35rem;padding:.2rem .6rem;font-size:.75rem;font-weight:600;display:inline-flex}.rule-card{background:var(--surface);border:1px solid var(--line);border-radius:12px;align-items:center;gap:.85rem;padding:1rem;display:flex;box-shadow:0 4px 12px #080e182e}.rule-card:hover{border-color:#4f84bd66}.rule-info{flex:auto;min-width:0}.rule-keywords{flex-wrap:wrap;gap:.3rem;margin-top:.35rem;display:flex}.keyword-tag{border:1px solid var(--line);color:var(--muted);background:#1d3d664d;border-radius:6px;padding:.15rem .45rem;font-size:.7rem}.avatar{background:var(--c2);border:2px solid var(--line);width:32px;height:32px;color:var(--c4);border-radius:50%;flex:none;justify-content:center;align-items:center;font-size:.75rem;font-weight:600;display:flex;overflow:hidden}.avatar img{object-fit:cover;width:100%;height:100%}.user-dropdown{position:relative}.user-dropdown-menu{background:var(--surface);border:1px solid var(--line);z-index:200;border-radius:10px;min-width:180px;display:none;position:absolute;top:calc(100% + 8px);right:0;overflow:hidden;box-shadow:0 10px 24px #080e184d}.user-dropdown-menu.show{display:block}.user-dropdown-item{color:var(--c4);cursor:pointer;align-items:center;gap:.5rem;padding:.6rem .85rem;font-size:.82rem;text-decoration:none;transition:background .1s;display:flex}.user-dropdown-item:hover{color:var(--c4);background:#1d3d6659}.user-dropdown-item i{color:var(--muted);font-size:.9rem}.user-dropdown-divider{border-top:1px solid var(--line);margin:0}@media (max-width:991.98px){.layout-row{flex-wrap:wrap;height:auto}.sidebar-col{flex:0 0 100%;max-width:100%;height:auto;min-height:auto;overflow:visible}.content-col{flex:auto;height:auto;overflow:visible}.sidebar-scroll{-ms-overflow-style:none;scrollbar-width:none;height:auto;overflow:auto hidden}.sidebar-scroll::-webkit-scrollbar{display:none}.sidebar-nav{flex-wrap:nowrap;align-items:stretch;gap:.25rem;overflow:visible;flex-direction:row!important;padding:.75rem 1rem 1rem!important}.sidebar-link{white-space:nowrap;flex:none;padding:.5rem .65rem}}@media (max-width:767.98px){.metrics-row,.server-grid,.settings-grid{grid-template-columns:1fr}.section-header{flex-direction:column}.content-container{padding:1rem}}@media (max-width:575.98px){.content-container{padding:.75rem}}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:.25s fadeIn}.table-responsive{scrollbar-width:thin;scrollbar-color:#7fb1de47 transparent}.table-responsive::-webkit-scrollbar{width:8px;height:8px}.table-responsive::-webkit-scrollbar-thumb{background:#7fb1de47;border-radius:999px}.table-responsive::-webkit-scrollbar-track{background:0 0}.login-page{background:linear-gradient(135deg,#0b121d 0%,#0e1623 50%,#0b121d 100%);justify-content:center;align-items:center;min-height:100vh;display:flex}.login-card{background:var(--surface);border:1px solid var(--line);text-align:center;border-radius:16px;width:100%;max-width:400px;padding:3rem 2.5rem;box-shadow:0 8px 32px #0006}.login-brand{margin-bottom:2rem}.login-brand-icon{background:var(--c2);width:64px;height:64px;color:var(--c3);border-radius:16px;justify-content:center;align-items:center;margin-bottom:1rem;font-size:1.75rem;display:inline-flex}.login-brand h1{color:var(--c4);margin:0;font-size:1.5rem;font-weight:700}.login-brand p{color:var(--muted);margin-top:.25rem;font-size:.875rem}.login-discord-btn{color:#fff;background:#5865f2;border-radius:12px;justify-content:center;align-items:center;gap:.75rem;width:100%;padding:.875rem 2rem;font-size:1rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.login-discord-btn:hover{background:#4752c4;transform:translateY(-1px);box-shadow:0 4px 16px #5865f266}.login-error{color:var(--bad);background:#ff7c7c1a;border:1px solid #ff7c7c4d;border-radius:8px;margin-bottom:1.5rem;padding:.75rem 1rem;font-size:.85rem}.login-footer{color:var(--muted);margin-top:1.5rem;font-size:.8rem}.login-spinner{border:3px solid var(--line);border-top-color:var(--c3);border-radius:50%;width:32px;height:32px;margin:0 auto 1rem;animation:.8s linear infinite spin}