:root{color:#e8f2ff;background:#080d17;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--bg: #080d17;--surface: rgba(15, 25, 42, .82);--surface-strong: rgba(18, 31, 51, .96);--surface-soft: rgba(24, 39, 62, .58);--line: rgba(127, 184, 226, .14);--line-bright: rgba(55, 190, 255, .34);--text: #e8f2ff;--muted: #8293aa;--primary: #25b8ff;--primary-soft: rgba(37, 184, 255, .13);--success: #2dd4a7;--warning: #f3b547;--danger: #ff6b78;--radius: 16px;--shadow: 0 18px 48px rgba(0, 7, 18, .28)}*{box-sizing:border-box}html{min-width:320px;background:var(--bg);scroll-behavior:smooth}body{margin:0;min-width:320px;min-height:100vh;overflow-x:hidden;background:radial-gradient(circle at 12% -8%,rgba(26,148,216,.18),transparent 32rem),radial-gradient(circle at 90% 8%,rgba(29,185,174,.09),transparent 28rem),linear-gradient(180deg,#080d17,#0a111e 48%,#070c15)}button,input{font:inherit}button{-webkit-tap-highlight-color:transparent}button:active{transform:scale(.98);filter:brightness(1.08)}button:focus-visible,input:focus-visible{outline:2px solid var(--primary);outline-offset:2px}h1,h2,h3,p{margin-top:0}h1{margin-bottom:0;color:var(--text);font-size:clamp(28px,4vw,42px);line-height:1.13;letter-spacing:0}h2{margin-bottom:0;color:var(--text);font-size:22px}small{color:var(--muted)}.login-screen{display:grid;min-height:100svh;padding:20px;place-items:center;background:radial-gradient(circle at 50% 15%,rgba(37,184,255,.19),transparent 25rem),linear-gradient(160deg,#09111f,#070b12 68%)}.login-box{position:relative;width:min(440px,100%);padding:34px;overflow:hidden;border:1px solid var(--line-bright);border-radius:20px;background:linear-gradient(180deg,#122035f0,#0a121ff5);box-shadow:0 28px 80px #00071285,inset 0 1px #ffffff0a}.login-box:before{content:"";position:absolute;inset:0 0 auto;height:3px;background:linear-gradient(90deg,var(--primary),var(--success))}.login-logo,.brand-mark{display:grid;place-items:center;overflow:hidden;background:#fff}.login-logo{width:62px;height:62px;margin-bottom:20px;border-radius:14px;box-shadow:0 12px 32px #25b8ff33}.login-logo img,.brand-mark img,.server-brand img{width:100%;height:100%;object-fit:contain}.login-box h1{font-size:30px}.login-box p{margin:12px 0 24px;color:var(--muted);line-height:1.65}.login-box label{display:grid;gap:8px;margin-top:14px;color:#b9c7d9;font-size:13px;font-weight:650}.login-box input{width:100%;padding:13px 14px;color:var(--text);border:1px solid var(--line);border-radius:10px;outline:0;background:#050c16ad;transition:border-color .2s,box-shadow .2s}.login-box input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #25b8ff1a}.login-button{width:100%;margin-top:22px;padding:13px 16px;color:#02121e;border:0;border-radius:10px;background:linear-gradient(135deg,#45c7ff,#2dd4a7);cursor:pointer;font-weight:800;box-shadow:0 12px 30px #25b8ff2e}.login-button:disabled{cursor:wait;opacity:.65}.login-error{display:block;min-height:18px;margin-top:12px;color:transparent}.login-error.show{color:#ff8d98}.app-shell{position:relative;width:min(1400px,100%);min-height:100vh;margin:0 auto;padding:20px 24px 48px}.ambient{position:fixed;z-index:-1;width:360px;height:360px;border-radius:50%;filter:blur(110px);opacity:.09;pointer-events:none}.ambient-one{left:5%;top:10%;background:var(--primary)}.ambient-two{right:4%;bottom:8%;background:var(--success)}.topbar{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:13px 15px;border:1px solid var(--line);border-radius:var(--radius);background:#0c1524d6;box-shadow:0 12px 38px #00050e33,inset 0 1px #ffffff09;-webkit-backdrop-filter:blur(18px) saturate(130%);backdrop-filter:blur(18px) saturate(130%)}.brand{display:flex;min-width:0;align-items:center;gap:11px;padding:0;color:inherit;border:0;background:transparent;cursor:pointer;text-align:left}.brand-mark{flex:0 0 auto;width:42px;height:42px;border-radius:10px}.brand>span:last-child{min-width:0}.brand strong,.brand small{display:block}.brand strong{overflow:hidden;color:var(--text);font-size:15px;text-overflow:ellipsis;white-space:nowrap}.brand small{margin-top:3px;overflow:hidden;color:var(--muted);font-size:11px;text-overflow:ellipsis;white-space:nowrap}.topbar-actions{display:flex;align-items:center;gap:8px}.status-pill,.live-sync{display:inline-flex;align-items:center;gap:7px;color:#a8b7ca;font-size:12px;white-space:nowrap}.status-pill{padding:8px 11px;border:1px solid rgba(45,212,167,.18);border-radius:999px;background:#2dd4a712}.status-pill span,.live-sync i{width:7px;height:7px;border-radius:50%;background:var(--success);box-shadow:0 0 12px #2dd4a7bf}.icon-button,.back-button,.nav-action{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:38px;padding:0 12px;color:#cbd9e9;border:1px solid var(--line);border-radius:10px;background:#17263db8;cursor:pointer;transition:border-color .2s,background .2s,transform .2s}.icon-button{width:38px;padding:0}.icon-button:hover,.back-button:hover,.nav-action:hover{border-color:var(--line-bright);background:#25b8ff1c}.health-score{display:grid;min-width:65px;height:38px;place-items:center;color:var(--success);border:1px solid rgba(45,212,167,.2);border-radius:10px;background:#2dd4a714;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;font-weight:800}.health-score.warn{color:var(--warning);border-color:#f3b54740;background:#f3b54714}.hero-panel,.panel,.detail-card,.metric-card,.notice-card,.kpi-focus-card,.plan-card,.work-card,.ability-chart-card,.realtime-panel,.server-sidebar,.server-main{border:1px solid var(--line);background:linear-gradient(155deg,#121f33e6,#0a121fe0);box-shadow:var(--shadow),inset 0 1px #ffffff06;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.hero-panel{position:relative;display:grid;grid-template-columns:1fr auto;align-items:end;gap:22px;margin-top:16px;padding:26px;overflow:hidden;border-color:#25b8ff38;border-radius:var(--radius);background:linear-gradient(120deg,#112943f5,#0c1a2ce6 62%,#0d3742d6),var(--surface)}.hero-panel:after{content:"";position:absolute;right:-70px;top:-100px;width:270px;height:270px;border:1px solid rgba(37,184,255,.14);border-radius:50%;box-shadow:0 0 0 40px #25b8ff06,0 0 0 80px #25b8ff05;pointer-events:none}.eyebrow{display:inline-flex;align-items:center;gap:7px;margin-bottom:10px;color:#55caff;font-size:11px;font-weight:750;letter-spacing:.08em;text-transform:uppercase}.hero-panel p,.detail-head p{max-width:720px;margin:11px 0 0;color:#9caec3;line-height:1.65}.executive-notice{display:inline-flex;margin-top:14px;padding:7px 10px;color:#a8ddf7;border:1px solid rgba(37,184,255,.16);border-radius:999px;background:#25b8ff12;font-size:11px;font-weight:650}.hero-live{position:relative;z-index:1;display:grid;gap:5px;min-width:200px;padding:17px;color:#d8e8f6;border:1px solid rgba(37,184,255,.25);border-radius:14px;background:#06111d94;cursor:pointer;text-align:left}.hero-live svg{color:var(--primary)}.hero-live strong{color:#72d4ff;font-size:30px;font-variant-numeric:tabular-nums}.mobile-action-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:12px}.mobile-action-grid button{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:2px 10px;min-height:78px;padding:14px;color:var(--text);border:1px solid var(--line);border-radius:14px;background:#0f1a2cd1;cursor:pointer;text-align:left}.mobile-action-grid svg{grid-row:1/3;color:var(--primary)}.mobile-action-grid strong,.mobile-action-grid small{display:block}.mobile-action-grid small{color:var(--muted);font-size:11px}.metric-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin-top:12px}.metric-card{--tone-color: var(--primary);position:relative;min-width:0;min-height:130px;padding:16px;overflow:hidden;color:inherit;border-radius:var(--radius);cursor:default;text-align:left}.metric-card:not(:disabled):hover{transform:translateY(-2px);border-color:var(--line-bright)}.metric-card:after{content:"";position:absolute;width:70px;height:70px;right:-26px;top:-28px;border-radius:50%;background:color-mix(in srgb,var(--tone-color) 13%,transparent)}.tone-blue,.tone-cyan{--tone-color: var(--primary)}.tone-green{--tone-color: var(--success)}.tone-amber{--tone-color: var(--warning)}.tone-violet,.tone-rose{--tone-color: #5bc7ec}.metric-icon{display:grid;width:34px;height:34px;margin-bottom:13px;place-items:center;color:var(--tone-color);border-radius:9px;background:color-mix(in srgb,var(--tone-color) 13%,transparent)}.metric-card span,.metric-card small{display:block;overflow:hidden;color:var(--muted);font-size:11px;text-overflow:ellipsis;white-space:nowrap}.metric-card strong{display:block;margin:6px 0;overflow:hidden;color:var(--text);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:clamp(17px,1.6vw,23px);font-variant-numeric:tabular-nums;text-overflow:ellipsis;white-space:nowrap}.ops-board{margin-top:12px}.notice-card{display:grid;width:100%;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:12px 14px;color:#b9c9db;border-radius:12px;cursor:pointer;text-align:left}.notice-card>svg:first-child{color:var(--primary)}.ops-grid{display:grid;grid-template-columns:1.05fr .9fr 1.05fr;gap:12px;margin-top:12px}.kpi-focus-card,.plan-card,.work-card,.ability-chart-card{min-width:0;padding:16px;border-radius:var(--radius)}.ability-chart-card{grid-column:1/-1}.section-title-row{display:flex;min-width:0;align-items:center;justify-content:space-between;gap:10px;color:var(--text);font-weight:750}.section-title-row button{display:inline-flex;align-items:center;gap:3px;padding:6px 9px;color:#8fdcff;border:0;border-radius:8px;background:var(--primary-soft);cursor:pointer;font-size:11px}.section-title-row small{font-weight:500}.gauge-wrap{display:grid;min-height:150px;place-items:center}.gauge-ring,.compact-ring{--progress: 0deg;display:grid;place-items:center;border-radius:50%;background:radial-gradient(circle,#101c2d 59%,transparent 60%),conic-gradient(var(--primary) var(--progress),rgba(91,127,157,.16) 0);transition:background .35s ease}.gauge-ring{width:130px;height:130px}.gauge-ring strong,.compact-ring strong{color:var(--text);font-size:28px;font-variant-numeric:tabular-nums}.gauge-ring small{margin-top:-38px;font-size:10px}.mini-kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.mini-kpis span{min-width:0;padding:9px 7px;color:var(--muted);border:1px solid rgba(127,184,226,.09);border-radius:9px;background:#040c165c;font-size:10px;text-align:center}.mini-kpis strong{display:block;overflow:hidden;margin-bottom:4px;color:#dfefff;font-size:12px;font-variant-numeric:tabular-nums;text-overflow:ellipsis;white-space:nowrap}.plan-card{display:grid;grid-template-columns:.85fr 1.15fr;gap:12px}.plan-score{display:grid;align-content:center;gap:7px;padding:16px;border-radius:12px;background:linear-gradient(145deg,#25b8ff26,#2dd4a70f)}.plan-score span,.plan-score small{color:var(--muted);font-size:11px}.plan-score strong{color:#71d7ff;font-size:32px;font-variant-numeric:tabular-nums}.plan-status-list{display:grid;gap:7px}.plan-status-list button{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;padding:10px;color:#afbdd0;border:1px solid rgba(127,184,226,.1);border-radius:10px;background:#050d1861;cursor:pointer;text-align:left}.plan-status-list strong{color:var(--text)}.dot{width:8px;height:8px;border-radius:50%}.dot.cyan,.dot.blue{background:var(--primary);box-shadow:0 0 10px #25b8ff80}.dot.red{background:var(--danger);box-shadow:0 0 10px #ff6b7873}.work-card{width:100%;color:inherit;cursor:pointer;text-align:left}.work-list{display:grid;gap:12px;margin-top:18px}.work-item div{display:flex;justify-content:space-between;gap:8px}.work-item strong{color:#dcecff;font-size:12px}.work-item small{font-size:10px}.work-item i,.ability-flow-meter i,.budget-line i,.server-stat>i{display:block;height:5px;margin-top:7px;overflow:hidden;border-radius:999px;background:#6b89a526}.work-item b,.ability-flow-meter b,.budget-line b,.server-stat b{display:block;height:100%;border-radius:inherit;transition:width .35s ease}.ability-flow-list{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-top:15px}.ability-flow-item{min-width:0;padding:13px;border:1px solid rgba(127,184,226,.1);border-radius:12px;background:#050d1859}.ability-flow-main{display:flex;min-width:0;gap:9px}.ability-flow-main>span{flex:0 0 auto;width:4px;min-height:36px;border-radius:99px}.ability-flow-main div{min-width:0}.ability-flow-main strong,.ability-flow-main small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ability-flow-main strong{color:#dcecff;font-size:12px}.ability-flow-main small{margin-top:5px;font-size:9px}.ability-flow-meter{display:grid;grid-template-columns:1fr auto;align-items:center;gap:7px;margin-top:11px}.ability-flow-meter i{margin:0}.ability-flow-meter em{color:var(--success);font-size:10px;font-style:normal}.realtime-panel{margin-top:12px;padding:18px;border-radius:var(--radius)}.realtime-head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px}.realtime-head .eyebrow{margin-bottom:5px}.realtime-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:15px}.realtime-card{min-width:0;padding:14px;border:1px solid rgba(127,184,226,.1);border-radius:12px;background:#050d185c}.realtime-card span,.realtime-card small{display:block;color:var(--muted);font-size:10px}.realtime-card strong{display:block;margin:7px 0;overflow:hidden;color:#dff2ff;font-size:20px;font-variant-numeric:tabular-nums;text-overflow:ellipsis;white-space:nowrap}.budget-line{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;margin-top:15px;color:var(--muted);font-size:11px}.budget-line i{margin:0}.budget-line b{background:linear-gradient(90deg,var(--primary),var(--success))}.budget-line strong{color:var(--success);font-variant-numeric:tabular-nums}.chart-grid,.bottom-grid,.detail-layout{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:12px}.panel{min-width:0;padding:16px;overflow:hidden;border-radius:var(--radius);transition:border-color .2s,transform .2s}.panel:hover{border-color:#37beff38;transform:translateY(-1px)}.panel.wide{grid-column:span 2}.panel-title{display:flex;align-items:center;gap:9px;margin-bottom:14px;color:#dcecff}.panel-title>span{display:grid;width:30px;height:30px;place-items:center;color:var(--primary);border-radius:8px;background:var(--primary-soft)}.panel-title strong{font-size:14px}.recharts-responsive-container,.recharts-wrapper{max-width:100%;overflow:hidden}.recharts-surface{overflow:hidden}.recharts-cartesian-axis-tick text{font-size:10px}.recharts-tooltip-wrapper{z-index:8}.legend-list{display:flex;flex-wrap:wrap;justify-content:center;gap:7px;margin-top:-2px}.legend-list button{padding:6px 8px;color:#9eafc4;border:1px solid rgba(127,184,226,.1);border-radius:8px;background:#040c1657;cursor:pointer;font-size:10px}.legend-list i{display:inline-block;width:6px;height:6px;margin-right:5px;border-radius:50%}.table-wrap,.node-table-wrap{width:100%;overflow-x:auto}table{width:100%;border-collapse:collapse}th,td{padding:12px 10px;border-bottom:1px solid rgba(127,184,226,.09);color:#aebed0;font-size:11px;text-align:left;white-space:nowrap}th{color:#70839b;font-size:10px;font-weight:650}tbody tr{cursor:pointer;transition:background .2s}tbody tr:hover{background:#25b8ff0d}td strong,td small{display:block}td strong{color:#dcecff}td small{margin-top:4px;color:var(--muted)}.success{display:inline-flex;padding:4px 7px;color:var(--success);border-radius:7px;background:#2dd4a717}.stack-list,.handled-list,.insight-list{display:grid;gap:8px}.health-item,.alert-item,.handled-item,.insight,.empty-state{display:grid;width:100%;align-items:center;gap:10px;padding:11px;color:#b5c4d6;border:1px solid rgba(127,184,226,.09);border-radius:11px;background:#050d1857;text-align:left}.health-item,.alert-item,.handled-item{cursor:pointer}.health-item,.alert-item{grid-template-columns:auto 1fr auto}.handled-item{grid-template-columns:1fr}.health-item span:nth-child(2),.alert-item span:nth-child(2){min-width:0}.health-item strong,.health-item small,.alert-item strong,.alert-item small,.handled-item span,.handled-item small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.health-item strong,.alert-item strong,.handled-item span{color:#d7e6f5;font-size:11px}.health-item small,.alert-item small,.handled-item small{margin-top:4px;font-size:9px}.health-dot{width:8px;height:8px;border-radius:50%;background:var(--success);box-shadow:0 0 10px #2dd4a78c}.status-warning{background:var(--warning);box-shadow:0 0 10px #f3b54780}.status-offline{background:var(--danger);box-shadow:0 0 10px #ff6b7880}.level{display:inline-grid;min-width:28px;height:26px;place-items:center;border-radius:7px;font-size:9px;font-weight:800}.P1{color:#ff9da6;background:#ff6b7821}.P2{color:#ffd17e;background:#f3b5471f}.P3{color:#82d9ff;background:#25b8ff1f}.handled-block{margin-top:14px;padding-top:13px;border-top:1px solid rgba(127,184,226,.1)}.handled-block>strong{display:block;margin-bottom:10px;color:#aebfd2;font-size:11px}.empty-state{place-items:center;min-height:72px;color:var(--muted)}.detail-card{margin-top:16px;padding:20px;overflow:hidden;border-radius:var(--radius)}.back-button{margin-bottom:18px}.detail-head{padding:4px 2px 14px}.detail-head h1{font-size:32px}.detail-workbench{display:grid;grid-template-columns:.75fr 1fr 1.5fr;gap:10px;margin-top:4px}.detail-progress-card,.detail-status-cards,.detail-plan-card,.detail-kpi,.resource-card{min-width:0;padding:14px;border:1px solid rgba(127,184,226,.1);border-radius:12px;background:#050d185c}.detail-progress-card{display:grid;justify-items:center;gap:9px;color:var(--muted);font-size:11px}.compact-ring{width:105px;height:105px}.compact-ring strong{font-size:23px}.detail-status-cards{display:grid;gap:8px}.detail-status-cards>div{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;padding:9px;color:#a9b9cb;border-radius:9px;background:#12203385;font-size:11px}.detail-status-cards strong{color:var(--text);font-variant-numeric:tabular-nums}.detail-plan-card{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.detail-plan-card>span{grid-column:1/-1;color:var(--muted);font-size:11px}.detail-plan-card div{min-width:0;padding:9px;border-radius:9px;background:#12203385}.detail-plan-card strong,.detail-plan-card small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.detail-plan-card strong{color:#e1f1ff;font-size:14px;font-variant-numeric:tabular-nums}.detail-plan-card small{margin-top:5px;font-size:9px}.detail-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:12px}.detail-kpi span,.detail-kpi strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.detail-kpi span{color:var(--muted);font-size:10px}.detail-kpi strong{margin-top:8px;color:#dff1ff;font-size:18px;font-variant-numeric:tabular-nums}.insight{grid-template-columns:auto 1fr}.insight svg{color:var(--primary)}.insight strong,.insight small{display:block}.insight strong{color:#dcecff;font-size:12px}.insight small{margin-top:4px;font-size:10px}.alert-summary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.alert-center-list{display:grid;grid-template-columns:1.1fr .9fr;gap:12px;margin-top:12px}.alert-center-list>article{min-width:0;padding:14px;border:1px solid rgba(127,184,226,.1);border-radius:12px;background:#050d184d}.alert-center-list .section-title-row{margin-bottom:12px}.server-page{margin-top:16px}.server-layout{display:grid;grid-template-columns:280px 1fr;gap:12px}.server-sidebar,.server-main{min-width:0;padding:18px;border-radius:var(--radius)}.server-sidebar{align-self:start}.server-brand{display:flex;align-items:center;gap:10px}.server-brand>span{display:grid;width:40px;height:40px;place-items:center;overflow:hidden;border-radius:9px;background:#fff}.server-brand strong,.server-brand small{display:block}.server-brand strong{color:#dcecff;font-size:13px}.server-brand small{margin-top:4px;font-size:9px}.server-health-main{margin:22px 0;padding:16px;border:1px solid rgba(37,184,255,.16);border-radius:12px;background:linear-gradient(145deg,#25b8ff1f,#2dd4a70d)}.server-health-main span,.server-health-main strong{display:block}.server-health-main span{color:var(--muted);font-size:10px;text-transform:uppercase}.server-health-main strong{margin-top:7px;color:#6bd3ff;font-size:34px;font-variant-numeric:tabular-nums}.server-stats{display:grid;gap:11px}.server-stat>div{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:7px;color:#aebed0;font-size:11px}.server-stat strong{color:#dcecff}.server-dot{width:7px;height:7px;border-radius:50%}.normal{background:var(--success)}.warning{background:var(--warning)}.offline{background:var(--danger)}.server-stat b.normal{background:var(--success)}.server-stat b.warning{background:var(--warning)}.server-stat b.offline{background:var(--danger)}.server-resource-grid,.server-overview-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:18px}.resource-card span,.resource-card strong{display:block}.resource-card span{color:var(--muted);font-size:9px}.resource-card strong{margin-top:6px;color:#dcecff;font-size:14px;font-variant-numeric:tabular-nums}.server-main-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.server-main-head h1{font-size:30px}.server-main-head p{max-width:680px;margin:10px 0 0;color:var(--muted);font-size:12px;line-height:1.6}.server-overview-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.rack-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:12px}.rack-card{min-width:0;padding:13px;border:1px solid rgba(127,184,226,.1);border-radius:12px;background:#050d1857}.rack-header{display:flex;justify-content:space-between;gap:8px}.rack-header strong{color:#dcecff;font-size:12px}.rack-header small{overflow:hidden;font-size:9px;text-overflow:ellipsis;white-space:nowrap}.rack-nodes{display:grid;grid-template-columns:repeat(12,minmax(8px,1fr));gap:5px;margin-top:13px}.node-cell{position:relative;height:32px;padding:0;border:0;border-radius:5px;cursor:pointer}.node-normal{background:#2dd4a78c;box-shadow:inset 0 0 0 1px #2dd4a799}.node-warning{background:#f3b547b3;box-shadow:0 0 9px #f3b54738}.node-offline{background:#ff6b78bf;box-shadow:0 0 10px #ff6b7840}.node-tooltip{position:absolute;z-index:10;left:50%;bottom:calc(100% + 8px);display:none;width:190px;padding:10px;transform:translate(-50%);color:#c8d8e8;border:1px solid var(--line-bright);border-radius:9px;background:#0a1423;box-shadow:var(--shadow);text-align:left}.node-tooltip strong,.node-tooltip small{display:block}.node-tooltip small{margin-top:4px;font-size:9px}.node-cell:hover .node-tooltip,.node-cell:focus .node-tooltip{display:block}.node-detail-panel{margin-top:12px;padding:14px;border:1px solid rgba(127,184,226,.1);border-radius:12px;background:#050d184d}.node-status-pill{display:inline-flex;align-items:center;padding:5px 8px;border-radius:7px;font-size:9px;font-weight:750}.node-status-pill.normal{color:var(--success);background:#2dd4a71a}.node-status-pill.warning{color:var(--warning);background:#f3b5471a}.node-status-pill.offline{color:var(--danger);background:#ff6b781a}.task-command-list{display:grid;gap:12px}.task-command-card{min-width:0;padding:14px;border:1px solid rgba(127,184,226,.1);border-radius:12px;background:#050d1857}.task-command-card>div:first-child{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:8px}.task-command-card>div:first-child strong{min-width:0;overflow:hidden;color:#dcecff;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.task-command-card>div:first-child small{grid-column:1/-1;font-size:9px}.terminal-window{height:190px;margin-top:12px;overflow:auto;border:1px solid rgba(37,184,255,.14);border-radius:10px;background:#030810;scroll-behavior:smooth}.terminal-window pre{width:max-content;min-width:100%;margin:0;padding:13px;color:#83e9c7;font:10px/1.75 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;white-space:pre;animation:log-in .3s ease}@keyframes log-in{0%{opacity:.45;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.bottom-tabbar{display:none}@media (hover: hover){.metric-card:hover,.mobile-action-grid button:hover,.notice-card:hover,.work-card:hover,.health-item:hover,.alert-item:hover,.handled-item:hover{border-color:var(--line-bright);background-color:#162841db}}@media (max-width: 1050px){.metric-grid,.ability-flow-list,.server-overview-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width: 760px){body{background:linear-gradient(180deg,#080e19,#0b1422 50%,#080d17)}.app-shell{width:100%;max-width:430px;padding:12px 16px calc(94px + env(safe-area-inset-bottom))}.ambient{display:none}.topbar{gap:8px;padding:10px 11px;border-radius:14px}.brand{flex:1;gap:8px}.brand-mark{width:36px;height:36px;border-radius:8px}.brand strong{max-width:205px;font-size:13px}.brand small{max-width:205px;font-size:9px}.topbar-actions{flex:0 0 auto;gap:6px}.status-pill,.topbar .nav-action{display:none}.topbar .icon-button{width:34px;height:34px;min-height:34px}.health-score{min-width:54px;height:34px;font-size:10px}.hero-panel{grid-template-columns:1fr;gap:14px;margin-top:12px;padding:18px}.hero-panel h1{font-size:26px}.hero-panel p{font-size:12px;line-height:1.55}.executive-notice{margin-top:12px}.hero-live{width:100%;grid-template-columns:auto 1fr auto;align-items:center;min-width:0;padding:12px}.hero-live svg{grid-row:1/3}.hero-live strong{grid-column:3;grid-row:1/3;font-size:24px}.hero-live small{grid-column:2}.mobile-action-grid{gap:8px}.mobile-action-grid button{display:grid;grid-template-columns:1fr;justify-items:center;min-height:76px;padding:10px 4px;border-radius:12px;text-align:center}.mobile-action-grid svg{grid-row:auto}.mobile-action-grid strong{font-size:11px}.mobile-action-grid small{display:none}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.metric-card{min-height:122px;padding:14px}.metric-icon{margin-bottom:10px}.metric-card strong{font-size:clamp(16px,4.7vw,20px)}.ops-grid,.chart-grid,.bottom-grid,.detail-layout,.alert-center-list,.server-layout{grid-template-columns:1fr}.ability-chart-card,.panel.wide{grid-column:auto}.plan-card{grid-template-columns:.85fr 1.15fr}.ability-flow-list{grid-template-columns:1fr}.ability-flow-item{display:grid;grid-template-columns:1.15fr .85fr;align-items:center;gap:8px}.ability-flow-meter{margin:0}.realtime-panel{padding:15px}.realtime-head{align-items:center}.realtime-head h2{font-size:18px}.realtime-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.realtime-card{padding:12px}.realtime-card strong{font-size:16px}.panel{padding:14px}.panel:hover{transform:none}.panel .recharts-responsive-container{min-height:240px!important}.table-wrap{overflow:visible}.table-wrap table,.table-wrap tbody{display:block}.table-wrap thead{display:none}.table-wrap tbody{display:grid;gap:9px}.table-wrap tr{display:grid;grid-template-columns:1fr repeat(3,auto);gap:8px;padding:12px;border:1px solid rgba(127,184,226,.1);border-radius:11px;background:#050d1857}.table-wrap td{display:block;min-width:0;padding:0;border:0;font-size:10px}.table-wrap td:nth-child(1){grid-column:1/4}.table-wrap td:nth-child(2){grid-column:4;grid-row:1;color:var(--muted);text-align:right}.table-wrap td:nth-child(3):before{content:"请求 ";color:#6f829a}.table-wrap td:nth-child(4):before{content:"Token ";color:#6f829a}.table-wrap td:nth-child(5):before{content:"成本 ";color:#6f829a}.table-wrap td:nth-child(6){grid-column:4;text-align:right}.table-wrap td:nth-child(7){display:none}.detail-card{margin-top:12px;padding:14px}.back-button{margin-bottom:14px}.detail-head h1{font-size:26px}.detail-head p{font-size:11px}.detail-workbench{grid-template-columns:1fr}.detail-progress-card{padding:13px}.detail-status-cards{grid-template-columns:repeat(3,minmax(0,1fr))}.detail-status-cards>div{grid-template-columns:auto 1fr;align-content:center}.detail-status-cards strong{grid-column:1/-1;margin-left:16px}.detail-plan-card{grid-template-columns:repeat(3,minmax(0,1fr))}.detail-plan-card strong{font-size:clamp(11px,3vw,14px)}.detail-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.detail-kpi strong{font-size:15px}.alert-summary-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.alert-summary-grid .detail-kpi{padding:10px}.alert-summary-grid .detail-kpi strong{font-size:14px}.server-page>.back-button{margin-bottom:12px}.server-sidebar,.server-main{padding:14px}.server-health-main{margin:16px 0}.server-resource-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.server-main-head{display:block}.server-main-head h1{font-size:25px}.server-main-head .live-sync{margin-top:12px}.server-overview-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.rack-grid{grid-template-columns:1fr}.rack-nodes{gap:4px}.node-cell{height:28px}.node-tooltip{left:auto;right:0;transform:none}.node-table{min-width:680px}.task-command-card{padding:12px}.terminal-window{height:210px}.bottom-tabbar{position:fixed;left:50%;bottom:max(8px,env(safe-area-inset-bottom));z-index:50;display:grid;width:min(398px,calc(100% - 24px));grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;padding:7px;transform:translate(-50%);border:1px solid rgba(119,190,232,.2);border-radius:18px;background:#0a121fe6;box-shadow:0 20px 55px #00050e7a,inset 0 1px #ffffff0a;-webkit-backdrop-filter:blur(22px) saturate(135%);backdrop-filter:blur(22px) saturate(135%)}.bottom-tabbar button{display:grid;min-height:50px;place-items:center;gap:3px;padding:5px;color:#6f8299;border:0;border-radius:12px;background:transparent;cursor:pointer;font-size:10px;font-weight:700}.bottom-tabbar button.active{color:#63d1ff;background:#25b8ff1c}.bottom-tabbar button.active svg{filter:drop-shadow(0 0 8px rgba(37,184,255,.45))}}@media (max-width: 380px){.app-shell{padding-left:12px;padding-right:12px}.brand strong,.brand small{max-width:170px}.topbar .icon-button{display:none}.hero-panel h1{font-size:23px}.metric-card strong{font-size:16px}.plan-card{grid-template-columns:1fr}.realtime-card strong{font-size:14px}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}