@font-face{font-family:PP Neue Machina;src:url(/assets/PPNeueMachina-Regular-BkiQYI5m.otf) format("opentype");font-display:swap;font-style:normal;font-weight:400}@font-face{font-family:PP Neue Machina;src:url(/assets/PPNeueMachina-Ultrabold-_taA-0ri.otf) format("opentype");font-display:swap;font-style:normal;font-weight:800}:root{color-scheme:dark;font-family:PP Neue Machina,Arial,sans-serif;color:#f2eef7;background:#111016;font-synthesis:none;text-rendering:optimizeLegibility;--font-display: "PP Neue Machina", Arial, sans-serif;--font-ui: "PP Neue Machina", Arial, sans-serif;--font-mono: "PP Neue Machina", Arial, sans-serif;--bg: #111016;--sidebar: #17161c;--surface: #1a191f;--surface-hover: #1e1c24;--surface-2: #201e27;--surface-3: #292631;--line: rgba(235, 230, 243, .095);--line-strong: rgba(235, 230, 243, .17);--text: #f2eef7;--soft: #cbc5d3;--muted: #918b9a;--muted-2: #706a77;--accent: #9d7af8;--accent-bright: #c4adfa;--accent-soft: rgba(157, 122, 248, .115);--accent-line: rgba(157, 122, 248, .42);--danger: #e77d8e;--danger-soft: rgba(231, 125, 142, .09);--shadow-float: 0 20px 60px rgba(0, 0, 0, .32);--ease-out: cubic-bezier(.2, .8, .2, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--ease-bounce: cubic-bezier(.68, -.55, .265, 1.55);--blur-sm: 8px;--blur-md: 12px;--blur-lg: 24px;--glass-bg: rgba(25, 24, 30, .65);--glass-border: rgba(235, 230, 243, .12);--glow-sm: 0 0 20px rgba(157, 122, 248, .15);--glow-md: 0 0 40px rgba(157, 122, 248, .25);--glow-lg: 0 0 60px rgba(157, 122, 248, .35);--duration-fast: .15s;--duration-normal: .25s;--duration-slow: .4s}*{box-sizing:border-box;letter-spacing:0}html,body,#root{min-width:0;min-height:100%;margin:0;background:var(--bg)}html{scrollbar-color:#34313b var(--bg)}body{min-width:320px;overflow-x:hidden;color:var(--text);font-family:var(--font-ui);font-size:13px;line-height:1.5}button,input{font:inherit}button{color:inherit;cursor:pointer}button:focus-visible,input:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--accent-bright);outline-offset:3px}button:disabled{cursor:default}::selection{color:#17131d;background:var(--accent-bright)}h1,h2,h3,p{margin-top:0}h1,h2,h3,.stat-value,.server-big-metric strong{font-family:var(--font-display)}.app-shell{position:relative;min-height:100vh;background:var(--bg)}.glass-card{background:var(--glass-bg);backdrop-filter:blur(var(--blur-md));-webkit-backdrop-filter:blur(var(--blur-md));border:1px solid var(--glass-border);box-shadow:0 8px 32px #00000026}.glass-elevated{background:#19181ebf;backdrop-filter:blur(var(--blur-lg));-webkit-backdrop-filter:blur(var(--blur-lg));border:1px solid var(--glass-border);box-shadow:var(--glow-sm),0 20px 60px #00000040}.gradient-text{background:linear-gradient(110deg,#fff,#fff 24%,#f2ecff 58%,#c4adfa);background-clip:text;-webkit-background-clip:text;color:transparent!important;-webkit-text-fill-color:transparent}.main-content-inner{position:relative;z-index:1}.main-dither-bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;opacity:.35;pointer-events:none}.main-dither-veil{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;background:#11101633;pointer-events:none}.sidebar{position:fixed;inset:12px auto 12px 12px;z-index:40;display:flex;width:228px;flex-direction:column;overflow:hidden;border:1px solid var(--glass-border);border-radius:8px;background:#17161cd9;backdrop-filter:blur(var(--blur-md));-webkit-backdrop-filter:blur(var(--blur-md));padding:23px 13px 16px;box-shadow:0 18px 50px #00000052,var(--glow-sm);transition:transform .22s var(--ease-out)}.brand-lockup{display:flex;align-items:center;gap:11px;padding:0 9px}.brand-lockup strong,.brand-lockup small{display:block}.brand-lockup strong{color:var(--text);font-family:var(--font-display);font-size:14px;font-weight:700;line-height:1.1}.brand-lockup small{margin-top:4px;color:var(--muted-2);font-family:var(--font-ui);font-size:10px;line-height:1.1;text-transform:uppercase}.brand-mark,.avatar,.server-glyph,.island-avatar{display:grid;flex:0 0 auto;place-items:center;border:1px solid rgba(157,122,248,.3);border-radius:7px;background:#9d7af826;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:#e8ddff;transition:all .3s cubic-bezier(.34,1.56,.64,1)}.brand-logo{width:32px;height:32px;flex:0 0 auto;object-fit:contain;filter:drop-shadow(0 4px 12px rgba(157,122,248,.35))}.avatar{overflow:hidden;border-radius:50%}.rail-label{margin:36px 11px 10px;color:#7d7784;font-size:10px;font-weight:600;text-transform:uppercase}.rail-label-spaced{margin-top:27px}.main-nav{display:grid;gap:4px}.nav-item{position:relative;display:flex;width:100%;min-height:42px;align-items:center;gap:12px;border:0;border-radius:7px;background:transparent;padding:10px 12px;color:#aaa4b0;font-size:12.5px;font-weight:500;text-align:left;transition:color .17s ease,background-color .17s ease}.nav-item:before{position:absolute;top:10px;bottom:10px;left:0;width:2px;border-radius:2px;background:var(--accent-bright);content:"";opacity:0;transform:scaleY(.45);transition:opacity .17s ease,transform .17s ease}.nav-item svg{color:#97919e;transition:color .17s ease,transform .17s ease}.nav-item:hover:not(:disabled){background:#9d7af81f;color:var(--text);box-shadow:inset 0 0 20px #9d7af814}.nav-item:hover:not(:disabled) svg{transform:scale(1.08);color:var(--accent-bright)}.nav-item-active{background:#2a2832;color:var(--text)}.nav-item-active:before{opacity:1;transform:scaleY(1)}.nav-item-active svg{color:var(--accent-bright)}.nav-item:disabled{opacity:.48}.nav-item em{min-width:22px;margin-left:auto;border-radius:99px;background:var(--accent-soft);padding:2px 6px;color:var(--accent-bright);font-family:var(--font-mono);font-size:10px;font-style:normal;text-align:center}.main-content{min-width:0;min-height:100vh;margin-left:252px;background:var(--bg)}.topbar{position:sticky;top:0;z-index:30;display:flex;min-height:70px;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(235,230,243,.06);background:#111016d9;backdrop-filter:blur(var(--blur-md));-webkit-backdrop-filter:blur(var(--blur-md));padding:0 38px}.breadcrumb{display:flex;align-items:center;gap:9px;color:#827c89;font-size:11.5px}.breadcrumb strong{color:#e9e4ef;font-weight:600}.topbar-actions{display:flex;align-items:center;gap:13px}.icon-button{display:inline-grid;width:38px;height:38px;flex:0 0 auto;place-items:center;border:1px solid var(--line);border-radius:10px;background:var(--surface);color:#b6b0bc;transition:color .17s ease,background-color .17s ease,border-color .17s ease,transform .17s ease}.icon-button:hover{border-color:var(--accent-line);background:var(--surface-3);color:var(--text);transform:translateY(-2px);box-shadow:var(--glow-sm)}.icon-button:active{transform:scale(.97)}.icon-button .lucide-refresh-cw,.primary-button .lucide-refresh-cw{transition:transform .36s var(--ease-out)}.icon-button:hover .lucide-refresh-cw,.primary-button:hover .lucide-refresh-cw{transform:rotate(120deg)}.mobile-menu{display:none}.user-menu{display:flex;align-items:center;gap:9px}.avatar{overflow:hidden;font-family:var(--font-display);font-size:11px;font-weight:700}.avatar img{width:100%;height:100%;object-fit:cover}.avatar-small{width:31px;height:31px}.avatar-medium{width:36px;height:36px}.user-meta{padding-top:3px}.user-meta strong,.user-meta span{display:block}.user-meta strong{color:#e9e4ef;font-size:13px;font-weight:600;line-height:1.05}.user-meta span{margin-top:1px;color:#827c89;font-family:var(--font-ui);font-size:10px;line-height:1.05}.muted-icon{color:#716b78}.logout-button{display:inline-grid;width:34px;height:34px;margin-left:2px;place-items:center;border:0;border-radius:6px;background:transparent;color:#77717e;transition:color .16s ease,background-color .16s ease}.logout-button:hover{background:var(--danger-soft);color:var(--danger)}.page-wrap{width:100%;max-width:1580px;min-width:0;margin:0 auto;padding:18px 38px 64px}.page-stage{min-width:0;animation:page-enter .26s var(--ease-out) both}.eyebrow{display:flex;align-items:center;gap:8px;color:#8d8794;font-size:10.5px;font-weight:600;text-transform:uppercase}.dashboard-welcome,.page-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:28px}.dashboard-welcome{min-height:108px;padding:0 2px 25px}.dashboard-welcome h1,.page-heading h1{margin:10px 0 6px;color:var(--text);font-size:38px;font-weight:700;line-height:1.08}.dashboard-welcome h1 em,.page-heading h1 em{color:var(--accent-bright);font-style:normal}.dashboard-welcome h1.gradient-text,.page-heading h1.gradient-text,.drawer-head h2,.drawer-owner-copy strong,.drawer-section-title h3,.server-picker-card>strong,.mode-picker-card strong,.overview-route strong,.setting-heading strong,.stat-value .animated-value{background:linear-gradient(110deg,#fff,#fff 24%,#f2ecff 58%,#c4adfa);background-clip:text;-webkit-background-clip:text;color:transparent!important;-webkit-text-fill-color:transparent}.dashboard-welcome p,.page-heading p{max-width:680px;margin-bottom:0;color:#a19aa7;font-size:12.5px;line-height:1.5}.welcome-actions{display:flex;align-items:center;gap:13px;padding-bottom:2px}.welcome-time{display:flex;align-items:center;gap:7px;color:#908a96;font-size:11px;white-space:nowrap}.welcome-time span{font-variant-numeric:tabular-nums}.primary-button,.outline-button,.text-link{display:inline-flex;align-items:center;justify-content:center;gap:7px}.primary-button,.outline-button{min-height:40px;border-radius:11px;padding:9px 13px;font-size:11.5px;font-weight:600;transition:color .18s ease,background-color .18s ease,border-color .18s ease,box-shadow .18s ease,transform .18s ease}.primary-button{border:1px solid #a990e8;background:var(--accent);color:#18131f;box-shadow:0 8px 22px #7a58c52e}.primary-button:hover{background:#ad8ef4;box-shadow:var(--glow-md),0 14px 32px #7a58c559;transform:translateY(-2px)}.primary-button:active,.outline-button:active{transform:scale(.98)}.outline-button{border:1px solid var(--line-strong);background:transparent;color:var(--accent-bright)}.outline-button:hover{border-color:var(--accent-line);background:var(--accent-soft)}.alert-banner{display:flex;align-items:center;gap:9px;margin-bottom:16px;border:1px solid rgba(231,125,142,.34);border-radius:7px;background:var(--danger-soft);padding:10px 12px;color:#ef9eac;font-size:11.5px}.alert-banner button{margin-left:auto;border:0;background:transparent;color:#ffc1cb;font-size:11.5px;text-decoration:underline}.stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.overview-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr));max-width:760px}.stat-card,.panel,.empty-state{min-width:0;border:1px solid var(--line);border-radius:8px;background:#17161ca6;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.stat-card{min-height:150px;padding:18px;background:#17161cbf;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);box-shadow:0 8px 32px #00000026;animation:float-in .48s var(--ease-spring) both;transition:all .4s cubic-bezier(.34,1.56,.64,1)}.stat-card:nth-child(2){animation-delay:60ms}.stat-card:nth-child(3){animation-delay:.12s}.stat-card:nth-child(4){animation-delay:.18s}.stat-card-head{display:flex;align-items:center;gap:10px}.stat-icon,.panel-title-icon,.note-icon,.setting-icon{display:inline-grid;flex:0 0 auto;place-items:center;border:1px solid rgba(157,122,248,.25);border-radius:7px;background:#9d7af81f;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:var(--accent-bright);transition:all .4s cubic-bezier(.34,1.56,.64,1)}.stat-icon{width:32px;height:32px}.stat-label{color:#b0aab6;font-size:12px;font-weight:500}.stat-value{display:flex;align-items:baseline;gap:8px;margin-top:20px;color:var(--text);font-size:32px;font-weight:650;line-height:1;font-variant-numeric:tabular-nums}.stat-value small{color:#827c89;font-family:var(--font-ui);font-size:10.5px;font-weight:500}.stat-trend{display:flex;align-items:center;gap:4px;margin-top:17px;color:var(--accent-bright);font-size:11px}.stat-trend span{color:#918b98}@media(hover:hover)and (pointer:fine){.stat-card:hover,.server-detail-card:hover{border-color:#9d7af866;background:#17161cd9;transform:translateY(-6px) scale(1.02);box-shadow:0 20px 60px #9d7af826,0 0 0 1px #9d7af826}.panel:hover{border-color:#9d7af84d;transform:translateY(-2px);box-shadow:0 12px 40px #9d7af81a}}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(320px,.85fr);gap:10px;margin-top:10px}.performance-panel,.health-panel{min-height:394px;padding:20px 21px 17px;background:var(--glass-bg);backdrop-filter:blur(var(--blur-md));-webkit-backdrop-filter:blur(var(--blur-md));border:1px solid var(--glass-border);box-shadow:0 8px 32px #00000026;animation:float-in .52s .14s var(--ease-spring) both}.health-panel{animation-delay:.2s}.panel-header{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.panel-title{display:flex;min-width:0;align-items:center;gap:10px}.panel-title-icon{width:31px;height:31px}.panel-title h3{margin:0;color:#ebe6f0;font-size:13.5px;font-weight:650;line-height:1.3}.panel-title span{display:block;margin-top:3px;color:#88828f;font-size:11px}.panel-period,.health-count{display:inline-flex;align-items:center;gap:6px;color:#96909d;font-family:var(--font-mono);font-size:9.5px;white-space:nowrap}.traffic-chart{margin-top:18px}.chart-legend{display:flex;align-items:center;gap:16px;color:#aaa4b0;font-size:11px}.chart-legend>span{display:inline-flex;align-items:center;gap:6px}.legend-line{display:inline-block;width:18px;height:2px;border-radius:2px}.legend-online{background:var(--accent-bright)}.legend-mspt{height:1px;background:#81768f}.chart-current{margin-left:auto;color:#827c89}.chart-current b{color:#ebe6f0;font-family:var(--font-mono);font-size:11px;font-weight:500}.traffic-chart-canvas{position:relative;width:100%;min-width:0;height:220px;margin-top:8px;border-radius:4px;touch-action:pan-y}.traffic-chart-canvas svg{display:block;width:100%;height:100%;overflow:visible}.chart-grid line{stroke:#ebe6f313;stroke-width:1;vector-effect:non-scaling-stroke}.traffic-area{fill:#9d7af81a;stroke:none;opacity:0;animation:chart-area-in .7s .26s ease forwards}.traffic-line{fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:1;vector-effect:non-scaling-stroke;animation:chart-line-in .9s var(--ease-out) forwards}.traffic-line-online{stroke:var(--accent-bright);stroke-width:2.2}.traffic-line-mspt{stroke:#7f748c;stroke-width:1.35;animation-delay:80ms}.chart-focus line{stroke:#e0d8ee40;stroke-width:1;vector-effect:non-scaling-stroke}.chart-focus circle{vector-effect:non-scaling-stroke}.focus-online{fill:var(--surface);stroke:var(--accent-bright);stroke-width:2}.focus-mspt{fill:var(--surface);stroke:#988ba7;stroke-width:1.8}.chart-tooltip{position:absolute;z-index:4;display:grid;min-width:136px;gap:4px;border:1px solid var(--line-strong);border-radius:7px;background:#25222c;padding:9px 10px;color:#aaa4b0;font-size:10px;pointer-events:none;transform:translate(10px,-100%);box-shadow:0 14px 32px #00000052;animation:tooltip-in .14s ease both}.chart-tooltip-left{transform:translate(calc(-100% - 10px),-100%)}.chart-tooltip time{color:#817b89;font-family:var(--font-mono);font-size:9.5px}.chart-tooltip span{display:flex;justify-content:space-between;gap:10px}.chart-tooltip b{color:#eee9f4;font-family:var(--font-mono);font-weight:500}.chart-scale{position:absolute;top:10px;bottom:21px;display:flex;flex-direction:column;justify-content:space-between;color:#716b78;font-family:var(--font-mono);font-size:9px;pointer-events:none}.chart-scale-left{left:1px}.chart-scale-right{right:1px;text-align:right}.traffic-chart-times{display:flex;justify-content:space-between;padding:0 17px;color:#77717e;font-family:var(--font-mono);font-size:9px}.engagement-summary{display:flex;justify-content:space-between;gap:14px;margin-top:13px;color:#918b99;font-size:10.5px}.engagement-summary b{color:#e6e0ec;font-family:var(--font-mono);font-weight:500}.health-list{margin-top:16px}.server-row{display:flex;min-width:0;min-height:68px;align-items:center;gap:10px;border-bottom:1px solid var(--line)}.server-row:last-child{border-bottom:0}.server-glyph{width:32px;height:32px;color:var(--accent-bright)}.server-row-info{min-width:0;flex:1}.server-row-info strong{display:block;overflow:hidden;color:#e6e0ec;font-size:11.5px;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.server-row-info span{display:block;overflow:hidden;margin-top:3px;color:#827c89;font-family:var(--font-mono);font-size:8.5px;text-overflow:ellipsis;white-space:nowrap}.server-row-metrics{display:flex;flex:0 0 auto;gap:14px}.server-row-metrics div b,.server-row-metrics div span{display:block;text-align:right}.server-row-metrics div b{color:#ded8e5;font-family:var(--font-mono);font-size:10.5px;font-weight:500}.server-row-metrics div span{margin-top:2px;color:#77717f;font-size:9px}.server-status{flex:0 0 auto;border:1px solid var(--line);border-radius:4px;background:#23212a;padding:4px 6px;color:var(--accent-bright);font-size:9.5px;white-space:nowrap}.server-status.offline{border-color:#e77d8e3d;background:var(--danger-soft);color:#e99aaa}.text-link{margin-top:14px;border:0;background:transparent;padding:0;color:var(--accent-bright);font-size:11px}.text-link:hover{color:#dacbfc}.overview-route{display:flex;min-height:78px;align-items:center;gap:13px;margin-top:14px;padding:16px 18px}.overview-route-icon{display:grid;width:36px;height:36px;flex:0 0 auto;place-items:center;border:1px solid var(--accent-line);border-radius:8px;background:var(--accent-soft);color:var(--accent-bright)}.overview-route>div:nth-child(2){min-width:0;flex:1}.overview-route strong{color:#e6e0ec;font-size:12px;font-weight:650}.overview-route p{margin:3px 0 0;color:#8d8794;font-size:10.5px}.overview-route .text-link{margin-top:0;white-space:nowrap}.back-link{display:inline-flex;align-items:center;gap:5px;margin-bottom:15px;border:0;background:transparent;padding:0;color:#9c94a8;font-size:10.5px}.back-link:hover{color:var(--accent-bright)}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin:38px 0 14px;animation:slide-up-fade .45s .22s var(--ease-out) both}.section-heading h2{margin:7px 0 0;color:#e9e4ef;font-size:22px;font-weight:650;line-height:1.25}.island-table{overflow:hidden;background:var(--glass-bg);backdrop-filter:blur(var(--blur-md));-webkit-backdrop-filter:blur(var(--blur-md));border:1px solid var(--glass-border);box-shadow:0 8px 32px #00000026;animation:scale-in .5s .26s var(--ease-spring) both}.table-head,.island-row{display:grid;grid-template-columns:minmax(250px,1.45fr) minmax(170px,.9fr) minmax(110px,.62fr) 20px;gap:16px;align-items:center}.table-head{min-height:42px;border-bottom:1px solid var(--line);padding:0 20px;color:#7e7885;font-size:10px;font-weight:600;text-transform:uppercase}.island-row{width:100%;min-height:76px;border:0;border-bottom:1px solid var(--line);background:transparent;padding:0 20px;text-align:left;transition:background-color .17s ease,box-shadow .17s ease}.island-row:last-child{border-bottom:0}.island-row:hover{background:#9d7af80e;box-shadow:inset 2px 0 0 var(--accent)}.island-row .row-chevron{color:#6f6976;transition:color .17s ease,transform .17s ease}.island-row:hover .row-chevron{color:var(--accent-bright);transform:translate(2px)}.island-owner{display:flex;min-width:0;align-items:center;gap:10px}.island-owner>span:last-child{min-width:0}.rank{width:24px;flex:0 0 auto;color:#77717e;font-family:var(--font-mono);font-size:9.5px}.rank-1,.rank-2,.rank-3{color:var(--accent-bright)}.player-head{display:grid;flex:0 0 auto;place-items:center;overflow:hidden;border:1px solid rgba(196,173,250,.3);border-radius:4px;background:#9d7af821;color:var(--accent-bright);font-family:var(--font-display);font-size:10px;font-weight:700}.player-head img{display:block;width:100%;height:100%;object-fit:cover;image-rendering:pixelated}.player-head-table{width:32px;height:32px}.player-head-drawer{width:52px;height:52px;font-size:13px}.player-head-roster{width:25px;height:25px}.island-avatar{width:32px;height:32px;font-family:var(--font-display);font-size:11px;font-weight:700}.island-owner strong,.island-owner small,.island-phase span,.island-phase small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.island-owner strong{color:#e6e0ec;font-size:11.5px;font-weight:600}.island-owner small,.island-phase small{margin-top:3px;color:#7e7885;font-size:9.5px}.island-roster-preview{color:#aaa0b5!important}.island-phase{min-width:0}.island-phase span{color:#bcb2c8;font-size:11px}.entity-cell{display:flex;min-width:0;align-items:center;gap:8px}.entity-cell b{color:#ded8e5;font-family:var(--font-mono);font-size:10.5px;font-weight:500;font-variant-numeric:tabular-nums}.entity-bar,.meter-track{display:block;overflow:hidden;border-radius:4px;background:#34313b}.entity-bar{width:72px;height:3px}.entity-bar i,.meter-track i{display:block;height:100%;border-radius:inherit;background:var(--accent)}.entity-bar i{transform-origin:left;animation:entity-fill-in .62s var(--ease-out) both;transition:width .42s var(--ease-out)}.empty-state{display:grid;min-height:210px;place-items:center;align-content:center;gap:8px;padding:28px;color:var(--muted);text-align:center}.empty-state svg{color:var(--accent-bright)}.empty-state strong{color:var(--soft);font-size:13px}.empty-state span{max-width:440px;font-size:11.5px}.page-heading{margin-bottom:29px;padding:20px 2px 0}.compact-heading{min-height:132px}.heading-meta{flex:0 0 auto}.search-field{display:flex;width:250px;min-height:40px;align-items:center;gap:8px;border:1px solid var(--line);border-radius:10px;background:var(--surface);padding:0 11px;color:#827c89;transition:border-color .17s ease,background-color .17s ease}.search-field:focus-within{border-color:var(--accent-line);background:var(--surface-hover)}.search-field input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:var(--text);font-size:11.5px}.search-field input::placeholder{color:#7c7683}.servers-page-grid,.server-picker-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.server-picker-card{display:flex;min-width:0;min-height:188px;flex-direction:column;border:1px solid var(--glass-border);border-radius:8px;background:var(--glass-bg);padding:19px;text-align:left;opacity:1;box-shadow:0 8px 32px #00000026;animation:float-in .42s var(--ease-out) both;transition:border-color .18s ease,background .18s ease,transform .18s ease,box-shadow .18s ease}.server-picker-card:nth-child(2){animation-delay:55ms}.server-picker-card:nth-child(3){animation-delay:.11s}.server-picker-card-action:hover{border-color:var(--accent-line);background:#1f1d26d1;transform:translateY(-3px);box-shadow:0 16px 40px #0000003d}.server-picker-top{display:flex;align-items:center;justify-content:space-between;gap:10px}.server-picker-icon,.mode-picker-icon{display:grid;flex:0 0 auto;place-items:center;border:1px solid var(--accent-line);border-radius:8px;background:var(--accent-soft);color:var(--accent-bright)}.server-picker-icon{width:32px;height:32px;border-radius:6px}.server-picker-card>strong{margin-top:20px;color:var(--text);font-family:var(--font-display);font-size:19px;font-weight:650}.server-picker-card>small{max-width:260px;margin-top:5px;color:#898390;font-size:10.5px;line-height:1.5}.server-picker-link{display:inline-flex;align-items:center;gap:6px;margin-top:auto;padding-top:18px;color:var(--accent-bright);font-size:10.5px}.mode-picker-grid{display:grid;grid-template-columns:minmax(0,620px)}.mode-picker-card{display:grid;grid-template-columns:45px minmax(0,1fr) auto;min-height:92px;align-items:center;gap:14px;border:1px solid var(--glass-border);border-radius:8px;background:var(--glass-bg);padding:16px 18px;text-align:left;box-shadow:0 8px 32px #00000026;transition:border-color .18s ease,background .18s ease,transform .18s ease}.mode-picker-card:hover{border-color:var(--accent-line);background:#1f1d26d6;transform:translateY(-2px)}.mode-picker-icon{width:43px;height:43px}.mode-picker-card strong,.mode-picker-card small{display:block}.mode-picker-card strong{color:#ebe5f0;font-size:13px;font-weight:650}.mode-picker-card small{margin-top:3px;color:#898390;font-size:10px}.mode-picker-meta{display:inline-flex;align-items:center;gap:7px;color:var(--accent-bright);font-size:10.5px;white-space:nowrap}.server-detail-card{min-height:310px;border-top:2px solid var(--accent-line);padding:21px;background:var(--glass-bg);backdrop-filter:blur(var(--blur-md));-webkit-backdrop-filter:blur(var(--blur-md));border-left:1px solid var(--glass-border);border-right:1px solid var(--glass-border);border-bottom:1px solid var(--glass-border);box-shadow:0 8px 32px #00000026;animation:float-in .48s var(--ease-spring) both;transition:border-color .19s ease,background-color .19s ease,transform .19s ease,box-shadow .19s ease}.server-detail-card:nth-child(2){animation-delay:60ms}.server-detail-card:nth-child(3){animation-delay:.12s}.server-detail-top{display:flex;align-items:center;justify-content:space-between}.server-detail-card h2{margin:21px 0 4px;color:var(--text);font-size:21px;font-weight:650}.server-address{color:#817b88;font-family:var(--font-mono);font-size:9.5px}.server-big-metric{display:flex;align-items:baseline;gap:8px;margin-top:25px}.server-big-metric strong{color:var(--text);font-size:35px;font-weight:650;font-variant-numeric:tabular-nums}.server-big-metric span{color:#8d8794;font-size:10.5px}.server-stat-pairs{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:22px}.server-stat-pairs div{border-right:1px solid var(--line)}.server-stat-pairs div:last-child{border-right:0}.server-stat-pairs span,.server-stat-pairs b{display:block}.server-stat-pairs span{color:#817b88;font-size:9.5px}.server-stat-pairs b{margin-top:4px;color:#ded8e5;font-family:var(--font-mono);font-size:10.5px;font-weight:500}.resource-meter{margin-top:20px}.resource-meter>div{display:flex;justify-content:space-between;color:#817b88;font-size:9.5px}.resource-meter b{color:#b8b2bf;font-family:var(--font-mono);font-weight:500}.meter-track{height:4px;margin-top:8px}.metric-note{display:flex;align-items:flex-start;gap:13px;margin-top:10px;padding:18px 20px}.note-icon{width:34px;height:34px}.metric-note strong{color:#e6e0ec;font-size:12px;font-weight:600}.metric-note p{margin:4px 0 0;color:#8f8996;font-size:11px;line-height:1.55}.settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.settings-card{padding:20px;background:var(--glass-bg);backdrop-filter:blur(var(--blur-md));-webkit-backdrop-filter:blur(var(--blur-md));border:1px solid var(--glass-border);box-shadow:0 8px 32px #00000026;animation:float-in .48s var(--ease-spring) both}.settings-card:nth-child(2){animation-delay:80ms}.setting-heading{display:flex;align-items:center;gap:11px;padding-bottom:16px;border-bottom:1px solid var(--line)}.setting-icon{width:32px;height:32px}.setting-heading strong,.setting-heading span{display:block}.setting-heading strong{color:#e6e0ec;font-size:12px;font-weight:600}.setting-heading span{margin-top:3px;color:#85808c;font-size:10.5px}.setting-row{display:flex;min-height:49px;align-items:center;justify-content:space-between;gap:18px;border-bottom:1px solid var(--line);color:#96909d;font-size:11px}.setting-row:last-child{border-bottom:0}.setting-row b{color:#d5cfdb;font-family:var(--font-mono);font-size:9.5px;font-weight:500;text-align:right}.ok-text{color:var(--accent-bright)!important}.danger-text{color:var(--danger)!important}.access-card{grid-column:1 / -1}.access-form{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) 168px auto;gap:8px;padding:16px 0;border-bottom:1px solid var(--line)}.access-input,.access-select{min-height:40px;border:1px solid var(--line);border-radius:10px;background:var(--surface);padding:0 12px;color:var(--text);font-family:var(--font-ui);font-size:11.5px;outline:0;transition:border-color .18s ease,background .18s ease}.access-input::placeholder{color:#7c7683}.access-input:focus,.access-select:focus{border-color:var(--accent-line);background:var(--surface-hover)}.access-select option{color:var(--text);background:#16121d}.access-select:disabled{opacity:.45;cursor:not-allowed}.access-form .primary-button{min-height:40px;white-space:nowrap}.access-error{display:flex;align-items:center;gap:7px;padding-top:12px;color:var(--danger);font-size:11px}.access-error .text-link{margin-top:0}.access-loading{padding:14px 0 4px;color:#85808c;font-size:11px}.access-list{display:flex;flex-direction:column}.access-row{display:grid;grid-template-columns:28px minmax(0,1fr) 168px 34px;align-items:center;gap:12px;padding:11px 0;border-bottom:1px solid var(--line)}.access-row:last-child{border-bottom:0}.access-avatar{display:grid;width:28px;height:28px;place-items:center;border:1px solid var(--glass-border);border-radius:50%;background:var(--glass-bg);color:#d5cfdb;font-family:var(--font-display);font-size:11px;font-weight:700}.access-ident{min-width:0}.access-ident strong{display:flex;align-items:center;gap:6px;color:#e6e0ec;font-size:12px;font-weight:600}.access-ident small{display:block;overflow:hidden;margin-top:2px;color:#85808c;font-family:var(--font-mono);font-size:9.5px;text-overflow:ellipsis;white-space:nowrap}.access-crown{flex:0 0 auto;color:var(--accent-bright)}.access-you{border:1px solid var(--accent-line);border-radius:4px;padding:1px 5px;color:var(--accent-bright);font-size:8.5px;font-style:normal;text-transform:uppercase}.access-remove{width:34px;height:34px}.access-remove:not(:disabled):hover{border-color:#e77d8e80;color:var(--danger)}.access-remove:disabled{opacity:.45}@media(max-width:720px){.access-form{grid-template-columns:minmax(0,1fr)}.access-row{grid-template-columns:28px minmax(0,1fr) 34px;grid-template-areas:"avatar ident remove" "select select select"}.access-avatar{grid-area:avatar}.access-ident{grid-area:ident}.access-row .access-select{grid-area:select;width:100%}.access-remove{grid-area:remove}}.drawer-scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:70;border:0;background:#08070bc7;animation:scrim-in .18s ease both}.island-drawer{position:fixed;inset:0 0 0 auto;z-index:80;width:min(470px,100%);overflow-y:auto;border-left:1px solid var(--line-strong);border-radius:8px 0 0 8px;background:#18171d;padding:28px 26px 24px;box-shadow:-24px 0 70px #00000061;animation:drawer-in .24s var(--ease-out) both}.drawer-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.drawer-head h2{margin:8px 0 0;color:var(--text);font-size:24px;font-weight:650}.drawer-owner-hero{display:flex;align-items:center;gap:13px;margin-top:24px;border:1px solid var(--line);border-radius:8px;background:var(--surface-2);padding:14px}.drawer-owner-copy{min-width:0;flex:1}.drawer-owner-copy strong,.drawer-owner-copy>span:last-child{display:block}.drawer-owner-copy strong{margin-top:4px;font-size:14px;font-weight:700}.drawer-owner-copy>span:last-child{margin-top:4px;color:#8d8794;font-size:10px}.drawer-owner-kicker{display:inline-flex;align-items:center;gap:5px;color:#bca7f6;font-size:9px;font-weight:600;text-transform:uppercase}.drawer-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:10px}.metric-mini{display:grid;grid-template-columns:18px 1fr;gap:3px 7px;min-width:0;border:1px solid var(--line);border-radius:7px;padding:12px}.metric-mini svg{grid-row:1 / 3;color:var(--accent-bright)}.metric-mini span{color:#938d99;font-size:9.5px}.metric-mini b{overflow:hidden;color:#e5ddef;font-size:10.5px;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.drawer-section{margin-top:27px}.drawer-section-title{display:flex;align-items:center;justify-content:space-between}.drawer-section-title h3{margin:0;color:#e8e2ed;font-size:13px;font-weight:650}.drawer-section-title span{color:#8b8592;font-size:9.5px}.entity-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-top:11px}.entity-item{display:grid;grid-template-columns:27px minmax(0,1fr) auto;min-height:50px;align-items:center;gap:7px;border:1px solid var(--line);border-radius:6px;background:#ffffff05;padding:8px 9px;color:#b7b0bd;font-size:10.5px}.entity-head{position:relative;display:grid;width:27px;height:27px;place-items:center;overflow:hidden;border:1px solid rgba(196,173,250,.3);border-radius:4px;background:#9d7af821;color:var(--accent-bright)}.entity-head img{display:block;image-rendering:pixelated}.entity-head-sprite{width:16px;height:16px;flex:0 0 auto;background-repeat:no-repeat;image-rendering:pixelated;transform:scale(1.5)}.entity-head-texture img{position:absolute;top:-100%;left:-100%;width:800%;max-width:none;height:auto}.entity-item b{color:#e5ddef;font-family:var(--font-mono);font-size:10px;font-weight:600}.entity-empty{grid-column:1 / -1;border:1px dashed var(--line-strong);border-radius:6px;padding:13px;color:#817b89;font-size:10px;text-align:center}.roster-note{display:flex;align-items:center;gap:7px;margin-top:11px;padding:10px 0 11px;border-bottom:1px solid var(--line);color:#898390;font-size:9.5px}.roster-note svg{flex:0 0 auto;color:var(--accent-bright)}.roster-groups{border-bottom:1px solid var(--line)}.roster-group{padding:13px 0 14px;border-bottom:1px solid var(--line)}.roster-group:last-child{border-bottom:0}.roster-group-head{display:flex;align-items:flex-start;gap:9px}.roster-role-icon{display:grid;width:27px;height:27px;flex:0 0 auto;place-items:center;border:1px solid rgba(196,173,250,.3);border-radius:6px;background:#9d7af821;color:var(--accent-bright)}.roster-group-head>span:last-child{min-width:0}.roster-group-head strong,.roster-group-head small{display:block}.roster-group-head strong{color:#ded7e6;font-size:11px;font-weight:650}.roster-group-head small{margin-top:2px;color:#817b89;font-size:9px}.roster-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-top:10px}.roster-person{display:flex;min-width:0;min-height:39px;align-items:center;gap:8px;border:1px solid var(--line);border-radius:6px;background:#ffffff05;padding:6px 8px;transition:border-color .17s ease,background .17s ease,transform .17s ease}.roster-person:hover{border-color:var(--line-strong);background:#ffffff0b;transform:translateY(-1px)}.roster-person strong{min-width:0;overflow:hidden;color:#d8d1df;font-size:10.5px;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.roster-empty{min-height:31px;margin-top:8px;padding-left:36px;color:#706a78;font-size:9.5px}.auth-screen{position:relative;isolation:isolate;display:grid;min-height:100vh;min-height:100svh;overflow:hidden;place-items:center;background:var(--bg);padding:36px 20px 72px}.dither-background,.dither-fallback,.auth-veil{position:absolute;top:0;right:0;bottom:0;left:0}.dither-background{z-index:0;opacity:.46;pointer-events:none}.dither-background>div,.dither-background canvas{width:100%!important;height:100%!important}.dither-background canvas{image-rendering:pixelated}.dither-fallback{z-index:0;background:var(--bg)}.auth-veil{z-index:1;background:#11101624;pointer-events:none}.login-layout{position:relative;z-index:2;display:flex;width:min(100%,450px);min-width:0;justify-content:center}.login-card{width:100%;min-width:0;border:1px solid var(--line-strong);border-radius:16px;background:#19181e3d;padding:32px;box-shadow:0 24px 80px #00000057,inset 0 1px #ffffff0f;font-family:"PP Neue Machina",var(--font-ui);font-weight:400;-webkit-backdrop-filter:blur(6px) saturate(112%);backdrop-filter:blur(6px) saturate(112%);animation:login-card-in .48s var(--ease-out) both}.login-brand{margin:0 0 31px;padding:0}.login-brand small{font-family:"PP Neue Machina",var(--font-ui);font-size:11px;text-transform:none}.login-brand-logo{display:block;width:32px;height:32px;flex:0 0 auto;object-fit:contain}.login-private-label{display:inline-flex;align-items:center;gap:7px;border:1px solid rgba(196,173,250,.25);border-radius:999px;background:#9d7af817;padding:7px 10px;color:var(--accent-bright);font-size:11.5px;font-weight:400;text-transform:uppercase}.login-private-label span{-webkit-text-stroke:.35px currentColor;paint-order:stroke fill}.login-card h2{width:fit-content;max-width:100%;margin:16px 0 6px;background:linear-gradient(110deg,#fff,#fff 24%,#f2ecff 58%,#c4adfa);background-clip:text;color:#fff;font-family:"PP Neue Machina",var(--font-display);font-size:27px;font-weight:800;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.login-card>p{margin-bottom:0;color:#a19aa7;font-size:13.5px}.telegram-widget{display:flex;width:100%;min-width:0;min-height:66px;align-items:center;margin-top:23px;overflow:hidden;border:1px solid rgba(196,173,250,.3);border-radius:16px;background:#9d7af818;padding:9px 12px;box-shadow:inset 0 1px #ffffff09;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.telegram-widget iframe{max-width:100%;margin:0 auto}.login-error{display:flex;align-items:flex-start;gap:8px;margin-top:14px;border:1px solid rgba(231,125,142,.3);border-radius:7px;background:var(--danger-soft);padding:10px;color:#ef9eac;font-size:12px}.login-access-note{display:flex;align-items:center;gap:9px;margin-top:18px;border:1px solid rgba(235,230,243,.09);border-radius:12px;background:#ffffff06;padding:10px 11px;color:#928c99;font-size:12px}.login-access-note svg{color:#a78cdd}.login-footer{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:23px;border-top:1px solid var(--line);padding-top:17px;color:#77717e;font-size:11px}.login-footer b{color:var(--accent-bright);font-family:"PP Neue Machina",var(--font-ui);font-size:11px;font-weight:400}.auth-screen-loading{padding-bottom:36px}.auth-loading{position:relative;z-index:2;display:grid;justify-items:center;gap:16px;color:var(--muted)}.auth-brand-logo{display:block;width:50px;height:53px;object-fit:contain}.loading-spinner{width:22px;height:22px;border:2px solid rgba(157,122,248,.18);border-top-color:var(--accent-bright);border-radius:50%;animation:spinner .78s linear infinite}.auth-loading p{margin:0;font-size:11px}.mobile-scrim{display:none}@keyframes page-enter{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes surface-enter{0%{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}@keyframes float-in{0%{opacity:0;transform:translateY(20px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes scale-in{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}@keyframes slide-up-fade{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes glow-pulse{0%,to{box-shadow:0 0 20px #9d7af826}50%{box-shadow:0 0 40px #9d7af859}}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}@keyframes float-subtle{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes glow-pulse-border{0%,to{box-shadow:0 0 #9d7af866;border-color:#9d7af84d}50%{box-shadow:0 0 20px 4px #9d7af833;border-color:#9d7af880}}@keyframes gradient-shift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes bounce-in{0%{opacity:0;transform:scale(.3)}50%{opacity:1;transform:scale(1.05)}70%{transform:scale(.9)}to{transform:scale(1)}}@keyframes rotate-glow{0%{transform:rotate(0);filter:hue-rotate(0deg)}to{transform:rotate(360deg);filter:hue-rotate(360deg)}}@keyframes login-card-in{0%{opacity:0;transform:translateY(10px) scale(.992)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes chart-line-in{to{stroke-dashoffset:0}}@keyframes chart-area-in{to{opacity:1}}@keyframes tooltip-in{0%{opacity:0}to{opacity:1}}@keyframes scrim-in{0%{opacity:0}to{opacity:1}}@keyframes drawer-in{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes entity-fill-in{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes spinner{to{transform:rotate(360deg)}}@media(max-width:1120px){.sidebar{width:214px}.main-content{margin-left:238px}.topbar{padding:0 27px}.page-wrap{padding-right:27px;padding-left:27px}.server-picker-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:940px){.stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.settings-grid{grid-template-columns:minmax(0,1fr)}}@media(max-width:800px){.sidebar{inset:10px auto 10px 10px;width:238px;border-radius:8px;transform:translate(calc(-100% - 12px))}.sidebar-open{transform:translate(0)}.main-content{margin-left:0}.topbar{min-height:66px;padding:0 16px}.mobile-menu{display:inline-grid}.breadcrumb{margin-right:auto;margin-left:14px}.page-wrap{padding:17px 16px 52px}.dashboard-welcome{align-items:flex-start;flex-direction:column;gap:15px;padding:0 2px 23px}.dashboard-welcome>.outline-button{width:100%}.dashboard-welcome h1,.page-heading h1{font-size:31px}.table-head{display:none}.island-row{grid-template-columns:minmax(0,1fr) 74px 18px;gap:10px;min-height:76px;padding:0 15px}.island-phase{display:none}.entity-cell{justify-content:flex-end}.entity-bar{width:44px}.server-picker-grid,.mode-picker-grid{grid-template-columns:minmax(0,1fr)}.page-heading{align-items:flex-start;flex-direction:column;gap:18px;padding-top:10px}.compact-heading{min-height:0}.heading-meta,.search-field{width:100%}.island-drawer{border-radius:8px 0 0 8px}.roster-list{grid-template-columns:minmax(0,1fr)}.mobile-scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:35;display:block;border:0;background:#08070bc2;animation:scrim-in .17s ease both}}@media(max-width:600px){.user-meta,.muted-icon{display:none}.topbar-actions{gap:8px}.server-row-metrics{gap:10px}.server-status{font-size:9px}}@media(max-width:520px){.dashboard-welcome h1,.page-heading h1{font-size:29px}.overview-route{align-items:flex-start;flex-wrap:wrap}.overview-route .text-link{width:100%;margin-left:49px}.overview-stat-grid{grid-template-columns:minmax(0,1fr);max-width:none}.stat-grid{gap:9px}.stat-card{min-height:151px;padding:16px}.stat-card-head{align-items:flex-start}.stat-label{line-height:1.35}.stat-value{margin-top:18px;font-size:29px}.rank{width:20px}.island-owner{gap:7px}.entity-bar{display:none}.island-row{grid-template-columns:minmax(0,1fr) 34px 16px;gap:7px}.drawer-grid,.entity-list{grid-template-columns:minmax(0,1fr)}.login-card{padding:25px 21px}.login-card h2{font-size:24px}.dither-background{opacity:.42}.auth-veil{background:#1110162e}}@media(prefers-contrast:more){.dither-background{opacity:.2}:root{--line: rgba(235, 230, 243, .18);--line-strong: rgba(235, 230, 243, .3)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-delay:0ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.traffic-line{stroke-dashoffset:0}.traffic-area{opacity:1}}