@import"https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Inter:wght@400;500;600&family=Onest:wght@500;600;700;800&display=swap";:root{color-scheme:dark;font-family:Inter,Arial,sans-serif;color:#f2eef7;background:#111016;font-synthesis:none;text-rendering:optimizeLegibility;--font-display: "Onest", Arial, sans-serif;--font-ui: "Inter", Arial, sans-serif;--font-mono: "DM Mono", monospace;--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)}*{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,.load-score{font-family:var(--font-display)}.app-shell{min-height:100vh;background:var(--bg)}.sidebar{position:fixed;inset:12px auto 12px 12px;z-index:40;display:flex;width:228px;flex-direction:column;overflow:hidden;border:1px solid var(--line);border-radius:8px;background:var(--sidebar);padding:23px 13px 16px;box-shadow:0 18px 50px #00000038;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,.36);border-radius:7px;background:#302a3d;color:#e8ddff}.brand-mark{width:34px;height:34px;font-family:Georgia,serif;font-size:20px;font-weight:700}.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:#9d7af812;color:var(--text)}.nav-item:hover:not(:disabled) svg{transform:scale(1.06)}.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}.sidebar-bottom{margin-top:auto;padding:0 10px}.sidebar-foot{color:#68626f;font-family:var(--font-mono);font-size:9px}.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,.04);background:#111016f0;padding:0 38px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.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}.topbar-divider{width:1px;height:25px;background:var(--line)}.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(-1px)}.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 strong,.user-meta span{display:block}.user-meta strong{color:#e9e4ef;font-size:11.5px;font-weight:600}.user-meta span{margin-top:2px;color:#827c89;font-family:var(--font-mono);font-size:9.5px}.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}.signal-bars{display:inline-flex;height:12px;align-items:flex-end;gap:2px}.signal-bars i{width:2px;border-radius:1px;background:var(--accent-bright);animation:signal-rise .65s var(--ease-out) both}.signal-bars i:nth-child(1){height:5px}.signal-bars i:nth-child(2){height:9px;animation-delay:55ms}.signal-bars i:nth-child(3){height:12px;animation-delay:.11s}.dashboard-welcome,.page-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:28px}.dashboard-welcome{min-height:120px;padding:12px 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 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:0 11px 27px #7a58c540;transform:translateY(-1px)}.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:10px}.stat-card,.panel,.empty-state{min-width:0;border:1px solid var(--line);border-radius:8px;background:var(--surface)}.stat-card{min-height:150px;padding:18px;animation:surface-enter .43s var(--ease-out) both;transition:border-color .19s ease,background-color .19s ease,transform .19s ease}.stat-card:nth-child(2){animation-delay:40ms}.stat-card:nth-child(3){animation-delay:80ms}.stat-card:nth-child(4){animation-delay:.12s}.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,.34);border-radius:7px;background:#9d7af814;color:var(--accent-bright)}.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:var(--line-strong);background:var(--surface-hover);transform:translateY(-2px)}}.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;animation:surface-enter .48s .11s var(--ease-out) both}.health-panel{animation-delay:155ms}.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}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin:38px 0 14px;animation:surface-enter .43s 175ms 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;animation:surface-enter .46s .21s var(--ease-out) both}.table-head,.island-row{display:grid;grid-template-columns:minmax(250px,1.45fr) minmax(150px,.9fr) minmax(110px,.62fr) 76px 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)}.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-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,.mspt-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)}.mspt-cell b,.mspt-cell span{display:block}.mspt-cell span{margin-top:2px;color:#77717f;font-size:9px}.mspt-high b{color:var(--danger)}.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{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.server-detail-card{min-height:310px;border-top-color:var(--accent-line);padding:21px;animation:surface-enter .43s var(--ease-out) both;transition:border-color .19s ease,background-color .19s ease,transform .19s ease}.server-detail-card:nth-child(2){animation-delay:45ms}.server-detail-card:nth-child(3){animation-delay:90ms}.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;animation:surface-enter .43s var(--ease-out) both}.settings-card:nth-child(2){animation-delay:55ms}.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}.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-score{display:flex;align-items:center;gap:11px;margin-top:24px;border:1px solid var(--line);border-radius:8px;background:var(--surface-2);padding:15px}.drawer-avatar{width:39px;height:39px;font-size:14px}.drawer-score>div:nth-child(2){min-width:0;flex:1}.drawer-score strong,.drawer-score span{display:block}.drawer-score strong{color:#e5dfea;font-size:12px}.drawer-score span{margin-top:3px;color:#8d8794;font-size:10px}.load-score{color:var(--accent-bright);font-size:23px;font-weight:650}.load-score small{color:#817b88;font-family:var(--font-ui);font-size:10px}.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{margin-top:11px;border-top:1px solid var(--line)}.entity-item{display:grid;grid-template-columns:22px minmax(0,1fr) auto;min-height:43px;align-items:center;border-bottom:1px solid var(--line);color:#b7b0bd;font-size:10.5px}.entity-symbol{color:var(--accent-bright)}.entity-item b{color:#e5ddef;font-family:var(--font-mono);font-size:10px;font-weight:500}.access-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:11px}.access-grid div{border:1px solid var(--line);border-radius:7px;padding:12px}.access-grid strong,.access-grid span{display:block}.access-grid strong{color:#eee8fa;font-family:var(--font-display);font-size:18px}.access-grid span{margin-top:3px;color:#8e8895;font-size:9.5px}.drawer-foot{display:flex;margin-top:27px;color:#8b8592;font-size:9.5px}.drawer-foot span{display:inline-flex;align-items:center;gap:6px}.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-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;-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 .brand-mark{width:40px;height:40px;border-radius:12px;background:#9d7af829}.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:10.5px;font-weight:600;text-transform:uppercase}.login-card h2{margin:16px 0 6px;color:var(--text);font-size:27px;font-weight:700}.login-card>p{margin-bottom:0;color:#a19aa7;font-size:12.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:11px}.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:11px}.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:10px}.login-footer b{color:var(--accent-bright);font-family:var(--font-mono);font-size:10px;font-weight:500}.auth-footer{position:absolute;z-index:2;right:20px;bottom:24px;left:20px;color:#d1cada7a;font-family:var(--font-mono);font-size:9px;text-align:center}.auth-footer span{margin:0 7px}.auth-screen-loading{padding-bottom:36px}.auth-loading{position:relative;z-index:2;display:grid;justify-items:center;gap:16px;color:var(--muted)}.brand-mark-large{width:44px;height:44px;font-size:25px}.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 login-card-in{0%{opacity:0;transform:translateY(10px) scale(.992)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes signal-rise{0%{opacity:0;transform:scaleY(.3);transform-origin:bottom}to{opacity:1;transform:scaleY(1);transform-origin:bottom}}@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 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}.dashboard-grid{grid-template-columns:minmax(0,1fr)}.health-panel{min-height:0}.servers-page-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:10px 2px 23px}.welcome-actions{width:100%;justify-content:space-between}.dashboard-welcome h1,.page-heading h1{font-size:31px}.performance-panel,.health-panel{min-height:0;padding:18px 16px 16px}.traffic-chart-canvas{height:190px}.section-heading{margin-top:34px}.section-heading h2{font-size:20px}.table-head{display:none}.island-row{grid-template-columns:minmax(0,1fr) 74px 18px;gap:10px;min-height:76px;padding:0 15px}.island-phase,.mspt-cell{display:none}.entity-cell{justify-content:flex-end}.entity-bar{width:44px}.servers-page-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}.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,.topbar-divider{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}.welcome-actions{align-items:stretch;flex-direction:column}.primary-button{width:100%}.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}.chart-current{display:none}.traffic-chart-canvas{height:168px}.traffic-chart-times{padding:0 10px}.engagement-summary{align-items:flex-start;flex-direction:column;gap:5px}.server-row{gap:8px}.server-row-info span{max-width:120px}.server-row-metrics>div:first-child{display:none}.section-heading{align-items:flex-start}.section-heading .outline-button{min-width:92px}.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{grid-template-columns:minmax(0,1fr)}.access-grid{gap:6px}.access-grid div{padding:10px 8px}.login-card{padding:25px 21px}.login-card h2{font-size:24px}.auth-footer{right:10px;left:10px}.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}}