:root{font-family:Inter,PingFang SC,Microsoft YaHei,system-ui,sans-serif;color:#e8eef3;background:#0b1016;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:#0b1016}button{font:inherit}.login-shell{display:grid;place-items:center;min-height:100vh;padding:24px;background:#0b1016}.login-panel{width:min(100%,420px);padding:34px;border:1px solid #29424b;border-radius:8px;background:#111a23;box-shadow:0 24px 70px #00000052}.login-brand{display:flex;align-items:center;gap:12px;margin-bottom:42px}.login-eyebrow{margin:0 0 9px;color:#5b8790;font-size:9px;letter-spacing:.16em}.login-panel h1{margin:0;color:#eff5f6;font-size:24px;font-weight:650}.login-hint{margin:10px 0 24px;color:#748994;font-size:12px;line-height:1.7}.login-form{display:grid;gap:15px}.login-form label{display:grid;gap:7px;color:#aabcc2;font-size:11px}.login-form input{width:100%;min-height:42px;padding:0 12px;color:#e9f3f4;border:1px solid #2d444d;border-radius:5px;outline:none;background:#0d161d;font-size:12px}.login-form input:focus{border-color:#3dd7df;box-shadow:0 0 0 3px #3dd7df1a}.login-form button{min-height:43px;margin-top:5px;color:#102127;border:0;border-radius:5px;background:#68d5d7;cursor:pointer;font-size:12px;font-weight:650}.login-form button:hover{background:#83e0e1}.login-error{margin:-2px 0 0;color:#e9a36f;font-size:11px;line-height:1.5}.login-endpoint{display:block;margin-top:24px;overflow:hidden;color:#5f7f87;font-size:9px;text-overflow:ellipsis;white-space:nowrap}.logout-button{padding:3px 0 3px 8px;color:#78909a;border:0;border-left:1px solid #31414a;background:transparent;cursor:pointer;font-size:10px}.logout-button:hover{color:#d9eff0}.app-shell{display:flex;min-height:100vh;background:#0b1016}.sidebar{width:238px;min-height:100vh;padding:28px 16px 22px;display:flex;flex-direction:column;background:#0e151d;border-right:1px solid #202d38}.brand-lockup{display:flex;align-items:center;gap:12px;padding:0 12px}.brand-mark{width:32px;height:32px;position:relative;border:1px solid #3dd7df;border-radius:8px;transform:rotate(45deg);background:#13262d;box-shadow:0 0 18px #3dd7df26}.brand-mark:before,.brand-mark:after{content:"";position:absolute;background:#3dd7df}.brand-mark:before{width:6px;height:6px;left:13px;top:-4px;border-radius:50%}.brand-mark:after{width:6px;height:6px;right:4px;bottom:4px;border-radius:1px}.brand-mark span{display:block;position:absolute;width:4px;height:4px;border-radius:50%;background:#3dd7df}.brand-mark span:nth-child(1){top:8px;left:8px}.brand-mark span:nth-child(2){top:8px;right:8px}.brand-mark span:nth-child(3){bottom:8px;left:8px}.brand-name{margin:0;color:#f5f8fa;font-size:15px;font-weight:700;letter-spacing:.12em}.brand-subtitle{margin:3px 0 0;color:#748895;font-size:8px;letter-spacing:.12em}.sidebar-divider{height:1px;margin:32px 12px 25px;background:#202d38}.nav-caption{margin:0 12px 11px;color:#596b77;font-size:10px;letter-spacing:.12em;text-transform:uppercase}.main-nav{display:grid;gap:5px}.nav-item{display:flex;align-items:center;gap:12px;width:100%;height:43px;padding:0 13px;color:#8294a1;border:1px solid transparent;border-radius:7px;background:transparent;cursor:pointer;text-align:left;transition:.2s ease;font-size:13px}.nav-item:hover{color:#d8e4ea;background:#14202a}.nav-item.active{color:#eaf7f8;border-color:#25434a;background:#162c32;box-shadow:inset 3px 0 #3dd7df}.nav-count{margin-left:auto;min-width:20px;padding:2px 5px;color:#1b242b;border-radius:4px;background:#e0b25a;font-size:10px;font-weight:700;text-align:center}.nav-icon{width:17px;height:17px;position:relative;display:inline-block;opacity:.9}.nav-icon:before,.nav-icon:after{content:"";position:absolute}.icon-grid:before{width:5px;height:5px;left:1px;top:1px;border:1px solid currentColor;box-shadow:8px 0 currentColor,0 8px currentColor,8px 8px currentColor}.icon-radar:before{top:1px;right:1px;bottom:1px;left:1px;border:1px solid currentColor;border-radius:50%}.icon-radar:after{width:7px;height:1px;left:8px;top:8px;background:currentColor;transform:rotate(-45deg);transform-origin:left center}.icon-users:before{width:7px;height:7px;left:2px;top:1px;border:1px solid currentColor;border-radius:50%;box-shadow:7px 2px 0 -1px #0e151d,7px 2px 0 0 currentColor}.icon-users:after{width:12px;height:5px;left:1px;bottom:1px;border:1px solid currentColor;border-radius:7px 7px 2px 2px}.icon-chart:before{width:13px;height:11px;left:2px;bottom:1px;border-left:1px solid currentColor;border-bottom:1px solid currentColor}.icon-chart:after{width:12px;height:8px;left:3px;top:3px;border-top:1px solid currentColor;border-right:1px solid currentColor;transform:skewY(-35deg)}.icon-shield:before{top:1px;right:3px;bottom:1px;left:3px;border:1px solid currentColor;border-radius:7px 7px 10px 10px}.icon-shield:after{width:5px;height:3px;left:6px;top:6px;border-left:1px solid currentColor;border-bottom:1px solid currentColor;transform:rotate(-45deg)}.sidebar-footer{margin-top:auto;padding:17px 12px 0;border-top:1px solid #202d38}.environment-label{display:flex;align-items:center;gap:7px;color:#aebdc5;font-size:11px}.status-dot,.pulse-dot,.api-pulse{display:inline-block;width:6px;height:6px;border-radius:50%;background:#68d29a;box-shadow:0 0 0 3px #68d29a1f}.sidebar-footer p{margin:9px 0 18px;color:#687c88;font-size:10px}.system-version{color:#596c77;font-size:9px;letter-spacing:.08em}.system-version strong{float:right;color:#8296a0;font-weight:500}.main-content{min-width:0;flex:1}.topbar{display:flex;align-items:flex-start;justify-content:space-between;padding:32px 44px 26px;border-bottom:1px solid #202d38;background:#0e151d}.breadcrumb{margin:0 0 13px;color:#657985;font-size:11px}.breadcrumb span{margin:0 8px;color:#3f525d}.topbar h1{margin:0;color:#f3f7f8;font-size:26px;letter-spacing:.02em}.section-hint{margin:8px 0 0;color:#728792;font-size:12px}.topbar-actions{display:flex;align-items:center;gap:19px;padding-top:10px}.sync-status{display:flex;align-items:center;gap:9px;color:#758893;font-size:11px}.pulse-dot{width:5px;height:5px;box-shadow:0 0 0 3px #68d29a1a}.icon-button,.square-button{display:grid;place-items:center;width:32px;height:32px;color:#8499a4;border:1px solid #2b3b46;border-radius:6px;background:#121c24;cursor:pointer;transition:.2s ease}.icon-button:hover,.square-button:hover{color:#e3f3f4;border-color:#3dd7df}.refresh-icon{font-size:20px;line-height:1}.operator-profile{display:flex;align-items:center;gap:9px;padding-left:18px;border-left:1px solid #293943}.operator-avatar{display:grid;place-items:center;width:31px;height:31px;color:#172229;border-radius:50%;background:#d8a957;font-size:10px;font-weight:800}.operator-profile strong,.operator-profile span{display:block}.operator-profile strong{color:#d8e1e5;font-size:11px;font-weight:600}.operator-profile div>span{margin-top:3px;color:#6c7f89;font-size:9px}.chevron{margin-left:4px;color:#7b8f99;font-size:17px}.content-wrap{max-width:1520px;margin:0 auto;padding:25px 44px 48px}.api-strip{display:flex;align-items:center;justify-content:space-between;min-height:38px;margin-bottom:20px;padding:0 13px;border:1px solid #253c43;border-radius:5px;background:#102026}.api-strip-left,.api-ready{display:flex;align-items:center;gap:9px}.api-pulse{background:#3dd7df;box-shadow:0 0 0 3px #3dd7df1a}.api-label{color:#acc7ca;font-size:11px}.api-strip code{padding:3px 7px;color:#66bec3;border-radius:3px;background:#162e34;font:10px ui-monospace,SFMono-Regular,monospace}.api-ready{color:#718b91;font-size:10px}.metrics-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.metric-card,.panel{border:1px solid #23323d;background:#111a23}.metric-card{min-height:143px;padding:18px 19px 15px;border-top:2px solid var(--accent);border-radius:5px}.metric-cyan{--accent: #3dd7df}.metric-amber{--accent: #e0b25a}.metric-orange{--accent: #e68757}.metric-green{--accent: #68d29a}.metric-header{display:flex;align-items:center;justify-content:space-between;color:#82959e;font-size:11px}.metric-icon{color:var(--accent);font-size:16px}.metric-value{margin:15px 0 12px;color:#eff4f5;font-size:29px;font-weight:650;letter-spacing:.03em}.metric-foot{display:flex;justify-content:space-between;color:#617580;font-size:10px}.trend-up{color:#6bd19e}.trend-down{color:#e3a15d}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.63fr) minmax(330px,1fr);gap:15px;margin-top:16px}.panel{border-radius:5px}.room-panel,.ranking-panel{min-height:340px}.panel-heading{display:flex;align-items:flex-start;justify-content:space-between;padding:20px 21px 17px}.eyebrow{margin:0 0 6px;color:#5b8790;font-size:9px;letter-spacing:.14em}.panel h2{margin:0;color:#e4edef;font-size:15px;font-weight:600}.text-button,.ranking-link{padding:2px 0;color:#6bc5ca;border:0;background:none;cursor:pointer;font-size:10px}.text-button span,.ranking-link span{margin-left:5px;font-size:14px}.table-wrap{overflow-x:auto}.table-wrap table{width:100%;border-collapse:collapse;white-space:nowrap}.table-wrap th{padding:0 21px 11px;color:#596d78;font-size:9px;font-weight:500;text-align:left}.table-wrap td{padding:13px 21px;color:#a6b4ba;border-top:1px solid #1e2c36;font-size:11px}.room-code{color:#d9e8eb;font-family:ui-monospace,monospace;font-size:10px;letter-spacing:.05em}.room-state,.node-name{display:inline-flex;align-items:center;gap:6px}.room-state i,.node-name i{width:5px;height:5px;border-radius:50%;background:#6d8790}.state-进行中{color:#76d5a5}.state-进行中 i{background:#68d29a}.state-等待中{color:#dfb364}.state-等待中 i{background:#e0b25a}.state-结算中{color:#6fc5d0}.state-结算中 i{background:#3dd7df}.node-name{color:#80929b;font-family:ui-monospace,monospace;font-size:10px}.node-name i{background:#3dd7df}.muted-cell{color:#71858f!important;font-family:ui-monospace,monospace}.ranking-panel{display:flex;flex-direction:column}.ranking-list{padding:0 21px}.ranking-item{display:flex;align-items:center;min-height:53px;border-top:1px solid #1e2c36}.rank-number{width:24px;color:#5c707a;font:10px ui-monospace,monospace}.rank-number.gold{color:#e0b25a}.rank-number.silver{color:#b4c0c5}.rank-number.bronze{color:#c48359}.rank-avatar{display:grid;place-items:center;width:26px;height:26px;margin-right:9px;color:#a8bac0;border:1px solid #344853;border-radius:50%;background:#1a2831;font-size:10px}.rank-avatar.gold{color:#f0c66d;border-color:#806837;background:#2c281d}.rank-avatar.silver{color:#ccd6da;border-color:#5c6b73}.rank-avatar.bronze{color:#d3986b;border-color:#714e3a}.rank-player{display:grid;gap:3px;flex:1}.rank-player strong{color:#cbd6da;font-size:11px;font-weight:550}.rank-player span{color:#667b85;font-size:9px}.rank-score{color:#bccbd0;font:10px ui-monospace,monospace}.ranking-link{align-self:flex-start;margin:auto 21px 18px;padding-top:14px;border-top:1px solid #1e2c36;width:calc(100% - 42px);text-align:left}.bottom-grid{display:grid;grid-template-columns:minmax(0,1.63fr) minmax(330px,1fr);gap:15px;margin-top:16px}.activity-panel,.cluster-panel{min-height:220px}.live-label,.healthy-label{color:#69d19c;font-size:10px}.live-label{display:flex;align-items:center;gap:8px}.activity-list{padding:0 21px}.activity-item{display:flex;align-items:flex-start;gap:12px;padding:12px 0;border-top:1px solid #1e2c36}.activity-mark{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;font-size:11px}.activity-mark.green{color:#72d7a2;background:#183328}.activity-mark.cyan{color:#6ad4db;background:#173338}.activity-mark.amber{color:#e2b365;background:#352d1c}.activity-item strong,.activity-item span{display:block}.activity-item strong{color:#b7c5ca;font-size:11px;font-weight:500}.activity-item span{margin-top:4px;color:#647984;font-size:9px}.cluster-panel .panel-heading{padding-bottom:8px}.cluster-stat{padding:10px 21px 4px}.cluster-stat>div:first-child{display:flex;justify-content:space-between;color:#8497a0;font-size:10px}.cluster-stat strong{color:#c5d4d8;font:10px ui-monospace,monospace}.cluster-stat small{color:#657b85;font-family:inherit;font-size:9px;font-weight:400}.progress-track{height:4px;margin-top:8px;overflow:hidden;border-radius:2px;background:#1c2c34}.progress-track span{display:block;height:100%;border-radius:inherit;background:#3dd7df}.progress-track span.bar-amber{background:#e0b25a}.progress-track span.bar-green{background:#68d29a}@media(max-width:1100px){.sidebar{width:204px}.topbar,.content-wrap{padding-left:28px;padding-right:28px}.metrics-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid,.bottom-grid{grid-template-columns:1fr}.topbar-actions{gap:11px}.sync-status{display:none}}@media(max-width:720px){.app-shell{display:block}.sidebar{width:100%;min-height:auto;padding:16px;border-right:0;border-bottom:1px solid #202d38}.brand-lockup{padding:0 4px}.sidebar-divider,.nav-caption,.sidebar-footer{display:none}.main-nav{display:flex;overflow-x:auto;margin-top:17px;gap:5px}.nav-item{flex:0 0 auto;width:auto;height:36px;padding:0 10px;font-size:11px}.nav-item.active{box-shadow:inset 0 -2px #3dd7df}.nav-count{display:none}.topbar{display:block;padding:22px 18px}.topbar-actions{margin-top:20px;padding-top:0}.operator-profile{margin-left:auto;padding-left:0;border-left:0}.content-wrap{padding:16px 18px 30px}.api-strip{align-items:flex-start;flex-direction:column;gap:8px;padding:10px 12px}.metrics-grid{grid-template-columns:1fr 1fr;gap:9px}.metric-card{min-height:127px;padding:13px}.metric-value{font-size:23px;margin:13px 0 9px}.metric-foot{display:block;line-height:1.7}.dashboard-grid,.bottom-grid{gap:10px;margin-top:10px}.panel-heading{padding:16px 14px 14px}.table-wrap th,.table-wrap td{padding-left:14px;padding-right:14px}.ranking-list,.activity-list{padding:0 14px}.ranking-link{margin-left:14px;width:calc(100% - 28px)}.room-panel{overflow:hidden}}button:disabled{cursor:wait;opacity:.55}.refresh-icon.spinning{display:inline-block;animation:refresh-spin .8s linear infinite}@keyframes refresh-spin{to{transform:rotate(360deg)}}.status-loading{background:#e0b25a!important;box-shadow:0 0 0 3px #e0b25a1f!important}.status-ready{background:#68d29a!important;box-shadow:0 0 0 3px #68d29a1f!important}.status-degraded{background:#e0b25a!important;box-shadow:0 0 0 3px #e0b25a1f!important}.status-error{background:#e68757!important;box-shadow:0 0 0 3px #e687571f!important}.connection-ready{color:#69d19c!important}.connection-loading,.connection-degraded{color:#dfb364!important}.connection-error{color:#e68757!important}.api-message{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:-7px 0 20px;padding:10px 13px;color:#d9a773;border:1px solid #4a3827;border-radius:5px;background:#211b16;font-size:11px;line-height:1.5}.api-message button{flex:0 0 auto;padding:3px 0;color:#79cdd1;border:0;background:transparent;cursor:pointer;font-size:11px}.api-message button:hover{color:#c4eff1}.table-state-row td{height:210px;color:#70848e!important;text-align:center}.panel-state{display:grid;place-items:center;flex:1;min-height:180px;padding:20px;color:#70848e;border-top:1px solid #1e2c36;font-size:11px;text-align:center}.room-state.status-running{color:#76d5a5}.room-state.status-running i{background:#68d29a}.room-state.status-waiting{color:#dfb364}.room-state.status-waiting i{background:#e0b25a}.room-state.status-finished{color:#6fc5d0}.room-state.status-finished i{background:#3dd7df}.room-state.status-unknown{color:#9baab0}.room-state.status-unknown i{background:#6d8790}.service-status-list{padding:2px 21px 14px}.service-status-row{display:flex;justify-content:space-between;gap:18px;padding:13px 0;color:#8497a0;border-top:1px solid #1e2c36;font-size:10px}.service-status-row strong{color:#c5d4d8;font:10px ui-monospace,monospace;text-align:right}@media(max-width:720px){.api-message{align-items:flex-start;flex-direction:column;gap:7px}.table-state-row td{height:160px}.service-status-list{padding-left:14px;padding-right:14px}}