:root{--bg: #0e1116;--surface: #161b24;--surface-2: #1b212c;--border: rgba(255, 255, 255, .07);--border-strong: rgba(255, 255, 255, .12);--text: #e6e9ef;--text-dim: #8a94a6;--text-faint: #6b7689;--accent: #1f6feb;--ok: #3ad29f;--warn: #f5a623;--bad: #ff6b6b;--sider-bg: #0c1017;--terminal-bg: #0a0e14;--overlay: rgba(255, 255, 255, .04);--overlay-strong: rgba(255, 255, 255, .08);--scroll-thumb: #272e3a;--scroll-thumb-hover: #3a4250;--grid-line: rgba(255, 255, 255, .06);--gauge-track: rgba(255, 255, 255, .08);--nav-active-bg: rgba(31, 111, 235, .16);--nav-active-fg: #6fb0ff;--chart-axis: #6b7689}:root[data-theme=light]{--bg: #f5f7fa;--surface: #ffffff;--surface-2: #eef1f6;--border: rgba(0, 0, 0, .09);--border-strong: rgba(0, 0, 0, .14);--text: #1f2733;--text-dim: #5b6678;--text-faint: #8a94a6;--accent: #1f6feb;--ok: #1aa179;--warn: #c77f12;--bad: #e5484d;--sider-bg: #ffffff;--terminal-bg: #f0f2f7;--overlay: rgba(0, 0, 0, .04);--overlay-strong: rgba(0, 0, 0, .07);--scroll-thumb: #c4ccd8;--scroll-thumb-hover: #a9b3c2;--grid-line: rgba(0, 0, 0, .08);--gauge-track: rgba(0, 0, 0, .08);--nav-active-bg: rgba(31, 111, 235, .12);--nav-active-fg: #1f6feb;--chart-axis: #6b7689}*{box-sizing:border-box}html,body,#root{margin:0;height:100%}body{background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,PingFang SC,Microsoft YaHei,sans-serif;-webkit-font-smoothing:antialiased}.mono{font-family:JetBrains Mono,SFMono-Regular,Consolas,Liberation Mono,monospace;font-variant-numeric:tabular-nums}.dim{color:var(--text-dim)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--scroll-thumb);border-radius:6px}::-webkit-scrollbar-thumb:hover{background:var(--scroll-thumb-hover)}.pulse-dot{position:relative;display:inline-block;width:9px;height:9px;border-radius:50%;background:#5b6678;flex:0 0 auto}.pulse-dot.pulsing{background:var(--ok)}.pulse-dot.pulsing:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:var(--ok);animation:pulse-ring 1.8s ease-out infinite}@keyframes pulse-ring{0%{transform:scale(1);opacity:.7}to{transform:scale(3.4);opacity:0}}.app-root{min-height:100dvh}.app-content{min-width:0;height:100dvh;overflow-y:auto;padding:28px 32px 56px}.mobile-topbar{display:none}.mobile-brand{display:flex;align-items:center;gap:8px;min-width:0;font-weight:700}.mobile-brand .anticon{color:var(--accent)}.app-sider{background:var(--sider-bg)!important;border-right:1px solid var(--border);display:flex;flex-direction:column;position:relative}.brand{display:flex;align-items:center;gap:12px;padding:22px 20px 18px;border-bottom:1px solid var(--border)}.brand-icon{font-size:26px;color:var(--accent)}.brand-title{font-size:16px;font-weight:700;letter-spacing:.3px;color:var(--text)}.brand-sub{font-size:11px;color:var(--text-faint);letter-spacing:1.5px;text-transform:uppercase}.nav{padding:14px 12px;flex:1;overflow-y:auto}.nav-section+.nav-section{margin-top:14px;padding-top:12px;border-top:1px solid rgba(118,131,155,.14)}.nav-section-title{padding:0 14px 7px;color:var(--text-faint);font-size:11px;font-weight:600;line-height:1.2}.nav-item{display:flex;align-items:center;gap:12px;padding:11px 14px;border-radius:10px;color:var(--text-dim);font-size:14px;transition:background .18s,color .18s}.nav-item:hover{background:var(--overlay);color:var(--text)}.nav-item.active{background:var(--nav-active-bg);color:var(--nav-active-fg)}.nav-item .nav-badge{margin-left:auto}.sider-footer{padding:16px 20px 20px;border-top:1px solid var(--border)}.live-dot{display:flex;align-items:center;gap:8px}.sider-meta{margin-top:10px;font-size:12px;color:var(--text-faint);display:flex;align-items:center;gap:6px}.sider-prefs{margin-top:14px;display:flex;flex-direction:column;gap:8px}.sider-prefs .ant-segmented{width:100%}.sider-prefs .ant-segmented .ant-segmented-item{flex:1;text-align:center}.reconnect-banner{background:linear-gradient(90deg,#5a1d1d,#7a2424);color:#ffd9d9;text-align:center;padding:9px;font-size:13px;border-bottom:1px solid #8a2c2c}.page{max-width:1320px;margin:0 auto;min-width:0}.page-head{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:22px}.page-title{font-size:24px;font-weight:700;margin:0}.page-sub{margin:6px 0 0;color:var(--text-dim);font-size:13px}.empty-wrap{margin-top:90px;display:flex;justify-content:center}.inst-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:18px}.inst-card{background:linear-gradient(160deg,var(--surface),var(--surface-2));border:1px solid var(--border);border-radius:14px;padding:16px 18px;cursor:pointer;position:relative;overflow:hidden}.inst-card.offline{opacity:.6;filter:grayscale(.3)}.inst-card-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.inst-id{display:flex;align-items:center;gap:9px;min-width:0}.inst-name{font-weight:600;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.status-tag{margin:0!important}.inst-card-game{display:flex;align-items:center;justify-content:space-between;font-size:12px;color:var(--text-dim);margin-bottom:14px}.game-map{display:inline-flex;align-items:center;gap:6px}.game-mode{color:var(--text-faint);text-transform:capitalize}.inst-card-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:12px}.mini-metric{display:flex;flex-direction:column;align-items:center;gap:2px;background:var(--overlay);border-radius:8px;padding:8px 4px}.mini-metric .anticon{color:var(--text-faint);font-size:13px}.mini-metric b{font-size:15px;font-variant-numeric:tabular-nums}.mini-metric small{font-size:10px;color:var(--text-faint)}.card-spark{width:100%;height:30px;display:block;margin-bottom:12px}.card-spark-empty{height:30px;margin-bottom:12px}.inst-card-foot{display:flex;align-items:center;gap:14px;font-size:12px;color:var(--text-dim)}.foot-item{display:inline-flex;align-items:center;gap:6px}.foot-time{margin-left:auto;color:var(--text-faint)}.bar-mini{display:inline-block;width:44px;height:6px;border-radius:3px;background:var(--overlay-strong);overflow:hidden}.bar-mini-fill{display:block;height:100%;border-radius:3px;transition:width .5s ease}.back-btn{margin-bottom:14px!important;color:var(--text-dim)!important}.instance-header{background:linear-gradient(160deg,var(--surface),var(--surface-2));border:1px solid var(--border);border-radius:14px;padding:20px 24px;margin-bottom:18px}.ih-title{display:flex;align-items:center;gap:12px;margin-bottom:12px}.ih-title h1{font-size:20px;margin:0;font-weight:700}.ih-meta{display:flex;flex-wrap:wrap;gap:22px;font-size:13px;color:var(--text-dim)}.ih-meta .anticon{margin-right:5px;color:var(--text-faint)}.game-strip{margin-bottom:18px;background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:14px 18px}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:14px;margin-bottom:18px}.stat-card{position:relative;background:linear-gradient(160deg,var(--surface),var(--surface-2));border:1px solid var(--border);border-radius:14px;padding:16px 18px;overflow:hidden;min-height:104px}.stat-spark{position:absolute;inset:auto 0 0 0;height:46px;opacity:.7;pointer-events:none}.stat-head{display:flex;align-items:center;gap:8px;margin-bottom:10px}.stat-icon{font-size:16px}.stat-label{font-size:12px;color:var(--text-dim)}.stat-value{font-size:28px;font-weight:700;font-variant-numeric:tabular-nums;line-height:1.1}.stat-unit{font-size:14px;color:var(--text-dim);margin-left:3px}.stat-nodata{color:var(--text-faint)}.stat-sub{margin-top:6px;font-size:11px;color:var(--text-faint);position:relative;z-index:1}.countup{font-variant-numeric:tabular-nums}.panel-card{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:16px 18px;margin-bottom:18px;min-width:0}.card-title{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:var(--text);margin-bottom:14px}.card-title .anticon{color:var(--accent)}.title-count{margin-left:6px;font-size:12px;color:var(--text-faint);background:var(--overlay-strong);border-radius:10px;padding:1px 9px;font-weight:500}.gauge-row{display:grid;grid-template-columns:minmax(300px,1fr) 2fr;gap:18px;margin-bottom:18px}.gauge-wrap .gauges{display:flex;justify-content:space-around;gap:16px;flex-wrap:wrap}.chart-wrap{margin-bottom:0}.perf-findings{display:grid;gap:10px;margin-bottom:18px}.metric-tile{min-height:112px}.metric-label{color:var(--text-dim);font-size:12px;margin-bottom:8px}.metric-value{font-size:26px;font-weight:700;line-height:1.1;font-variant-numeric:tabular-nums}.metric-sub{color:var(--text-faint);font-size:11px;margin-top:8px}.gauge{position:relative;display:flex;flex-direction:column;align-items:center}.gauge-svg{display:block}.gauge-center{position:absolute;top:0;left:0;right:0;height:var(--gauge-size, 132px);display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:none}.gauge-pct{font-size:24px;font-weight:700;font-variant-numeric:tabular-nums}.gauge-sub{font-size:12px;color:var(--text-faint);font-variant-numeric:tabular-nums}.gauge-label{margin-top:8px;font-size:13px;color:var(--text-dim)}.gauge-target{font-size:11px;color:var(--text-faint);font-family:JetBrains Mono,monospace}.lat-tag{margin:0!important;font-variant-numeric:tabular-nums}.plugin-name-cell{display:flex;flex-direction:column}.plugin-name{font-weight:600}.plugin-ver{font-size:11px;color:var(--text-faint)}.plugin-detail{padding:4px 2px}.plugin-desc{color:var(--text-dim);margin-bottom:6px}.plugin-stats-line{font-size:12px}@media(max-width:900px){.gauge-row{grid-template-columns:1fr}.app-content{padding:20px 16px 48px}}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg);padding:24px}.login-card{width:380px;max-width:100%;background:var(--surface)!important;border:1px solid var(--border)!important;border-radius:16px!important;padding:32px 28px 24px!important;position:relative}.login-lang{position:absolute;top:16px;right:16px}.login-brand{display:flex;align-items:center;gap:14px;margin-bottom:28px}.login-brand-icon{font-size:32px;color:var(--accent)}.login-brand-title{font-size:20px;font-weight:700}.login-brand-sub{font-size:13px;color:var(--text-dim)}.loading-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg)}.sider-user{display:flex;align-items:flex-start;gap:8px;padding:10px 12px;border-radius:8px;margin-top:12px;cursor:pointer;font-size:13px;color:var(--text-dim);transition:background .15s}.sider-user:hover{background:var(--overlay);color:var(--text)}.sider-user-info{min-width:0;flex:1}.sider-user-main{display:flex;align-items:center;gap:8px;min-width:0}.sider-user-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sider-user-expiry{margin-top:3px;font-size:11px;color:var(--text-faint);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-role{margin-left:auto;flex:0 0 auto;font-size:11px;color:var(--text-faint);background:var(--overlay-strong);border-radius:4px;padding:1px 7px}@media(max-width:768px){.app-sider{display:none!important}.mobile-topbar{display:flex;align-items:center;justify-content:space-between;gap:10px;height:52px;padding:0 12px;background:var(--sider-bg);border-bottom:1px solid var(--border);flex:0 0 auto}.mobile-topbar .ant-btn{flex:0 0 auto}.mobile-topbar .live-dot{flex:0 1 auto;min-width:0}.mobile-topbar .live-dot span:last-child{max-width:92px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobile-nav-drawer .ant-drawer-body{padding:0;display:flex;flex-direction:column;background:var(--sider-bg)}.mobile-nav-drawer .ant-drawer-content,.mobile-nav-drawer .ant-drawer-header{background:var(--sider-bg);border-color:var(--border)}.mobile-nav-drawer .ant-drawer-title,.mobile-topbar .ant-btn{color:var(--text)}.mobile-nav{padding:12px}.mobile-drawer-footer{margin-top:auto;padding:14px 18px 18px;border-top:1px solid var(--border)}.app-content{height:calc(100dvh - 52px);padding:16px 12px 40px}.page-title{font-size:20px}.page-head{flex-direction:column;align-items:flex-start;gap:12px}.inst-grid{grid-template-columns:1fr}.stat-grid{grid-template-columns:repeat(2,1fr);gap:10px}.stat-card{padding:12px 14px;min-height:90px}.stat-value{font-size:22px}.gauge-row{grid-template-columns:1fr;gap:14px}.ant-table-wrapper{overflow-x:auto;max-width:100%}.ant-table-wrapper .ant-table-content{overflow-x:auto}.ant-tabs{min-width:0}.ant-tabs-nav{max-width:100%}.ih-meta{gap:10px;font-size:12px}.ih-title h1{font-size:16px}.instance-header{padding:14px 16px}.login-card{width:100%;padding:24px 20px 20px!important}.inst-card-metrics{grid-template-columns:repeat(2,1fr)}}.teams-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.team-col{display:flex;flex-direction:column;gap:10px}.team-header{font-size:14px;font-weight:600;display:flex;align-items:center;gap:8px;margin-bottom:4px;padding:8px 12px;border-radius:8px;background:var(--overlay)}.team-header.blue{color:#4a9eff}.team-header.red{color:#ff6b6b}.team-header.neutral{color:var(--text-dim)}.team-dot{width:8px;height:8px;border-radius:50%}.team-dot.blue{background:#4a9eff}.team-dot.red{background:#ff6b6b}.team-section{margin-top:18px}.team-row{display:flex;flex-wrap:wrap;gap:10px}.player-card{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:12px 14px;cursor:pointer;min-width:0}.pc-head{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:6px;min-width:0}.pc-name{font-weight:600;font-size:14px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pc-latency{margin:0!important}.pc-stats{font-size:12px;color:var(--text-dim);margin-bottom:8px;display:flex;align-items:center;flex-wrap:wrap;gap:4px}.pc-kd b{color:var(--text)}.chat-toolbar{display:flex;gap:10px;margin-bottom:12px}.chat-terminal{background:var(--terminal-bg);border:1px solid var(--border);border-radius:10px;padding:14px 16px;height:480px;overflow-y:auto;font-family:JetBrains Mono,monospace;font-size:12.5px;line-height:1.9}.chat-line{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-time{color:#5b6678}.chat-team{margin:0 4px}.chat-player{color:#58a6ff;cursor:pointer;text-decoration:underline;text-decoration-color:transparent;transition:text-decoration-color .15s}.chat-player:hover{text-decoration-color:#58a6ff}.chat-msg{color:var(--text)}.activity-toolbar{display:flex;gap:10px;margin-bottom:14px;flex-wrap:wrap}.activity-list{display:flex;flex-direction:column;gap:2px}.activity-row{display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:8px;font-size:13px;transition:background .12s}.activity-row:hover{background:var(--overlay)}.activity-time{color:#5b6678;font-family:monospace;font-size:12px;min-width:120px}.activity-icon{font-size:14px}.activity-type{margin:0!important}.activity-player{color:#58a6ff;cursor:pointer;font-weight:500}.activity-player:hover{text-decoration:underline}.activity-team-tag{margin:0!important}.activity-content{color:var(--text-dim);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.drawer-chat-list{max-height:200px;overflow-y:auto;font-size:12px;font-family:monospace;line-height:1.8}.drawer-chat-item{color:var(--text-dim)}.instance-tabs .ant-tabs-nav{margin-bottom:18px!important}@media(max-width:768px){.teams-grid{grid-template-columns:1fr}.team-row{flex-direction:column}.team-row .player-card{width:100%}.chat-terminal{height:360px;font-size:11px}}