:root{font-family:Inter,PingFang SC,Microsoft YaHei,system-ui,sans-serif;color:#d9e4f0;background:#08111f;font-synthesis:none;line-height:1.5;--bg:#08111f;--sidebar:#0b1424;--panel:#101c2e;--panel-2:#142339;--line:#223550;--text:#e5eef8;--muted:#8ea3bc;--cyan:#38bdf8;--blue:#2563eb;--green:#34d399;--amber:#fbbf24;--red:#fb7185}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at 68% -10%,#12345b 0,transparent 36%),var(--bg)}button,input,select,textarea{font:inherit}button{cursor:pointer}.muted{color:var(--muted)}.eyebrow{color:var(--cyan);font-size:.75rem;font-weight:800;letter-spacing:.16em;margin:0 0 .25rem}.app-shell{display:grid;grid-template-columns:244px 1fr;min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;background:linear-gradient(180deg,#0b1424,#08101d);border-right:1px solid #1b2a40;padding:1.1rem .8rem;display:flex;flex-direction:column;z-index:20}.sidebar-brand{display:flex;align-items:center;gap:.8rem;padding:.35rem .55rem 1.25rem}.sidebar-brand b{display:block;font-size:1rem}.sidebar-brand small{display:block;color:#66809d;font-size:.65rem;letter-spacing:.12em}.brand-mark{width:54px;height:54px;border-radius:16px;background:linear-gradient(145deg,#0ea5e9,#1d4ed8);display:grid;place-items:center;box-shadow:0 12px 30px #0284c744}.brand-mark span{font-size:1.6rem;font-weight:900;color:#fff}.brand-mark.small{width:38px;height:38px;border-radius:11px}.brand-mark.small span{font-size:1.05rem}.sidebar nav{display:flex;flex-direction:column;gap:.22rem}.sidebar nav button{border:0;background:transparent;color:#91a7bf;display:flex;align-items:center;gap:.75rem;padding:.68rem .8rem;border-radius:9px;text-align:left;font-size:.91rem}.sidebar nav button i{font-style:normal;width:1.3rem;text-align:center;color:#6685a4}.sidebar nav button:hover{background:#13233a;color:#e9f3fc}.sidebar nav button.active{background:linear-gradient(90deg,#0c4a6eaa,#172b48);color:#f0f9ff;box-shadow:inset 3px 0 var(--cyan)}.sidebar nav button.active i{color:var(--cyan)}.sidebar-foot{margin-top:auto;border-top:1px solid var(--line);padding:1rem .8rem .2rem;color:var(--muted);font-size:.78rem}.status-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#64748b;margin-right:.5rem}.status-dot.online{background:var(--green);box-shadow:0 0 0 4px #34d39918}.workspace{min-width:0}.topbar{height:82px;border-bottom:1px solid #1e3048;background:#0b1626dd;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);display:flex;align-items:center;padding:0 2rem;position:sticky;top:0;z-index:10}.topbar h1{font-size:1.25rem;margin:0}.topbar p{font-size:.8rem;color:var(--muted);margin:.15rem 0 0}.user-menu{margin-left:auto;display:flex;align-items:center;gap:1rem}.user-menu span{text-align:right}.user-menu b,.user-menu small{display:block}.user-menu small{font-size:.7rem;color:var(--muted)}button{border:1px solid var(--line);background:#14243a;color:#c9d8e8;border-radius:8px;padding:.5rem .85rem}button:hover{border-color:#3b82f6;color:#fff}button.primary,.primary{background:linear-gradient(135deg,#0284c7,#2563eb);border-color:#3b82f6;color:#fff;font-weight:700;box-shadow:0 7px 18px #1d4ed82c}.menu-button{display:none}.page-content{padding:1.5rem 2rem 3rem;max-width:1600px;margin:auto}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;margin-bottom:1rem}.metric{background:linear-gradient(145deg,#101d2f,#0d1929);border:1px solid var(--line);border-radius:13px;padding:1.1rem 1.2rem;min-height:130px;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}.metric:after{content:"";position:absolute;width:80px;height:80px;border-radius:50%;background:#1d4ed818;right:-25px;top:-25px}.metric.accent{border-color:#0ea5e966;background:linear-gradient(145deg,#10314a,#102038)}.metric div{display:flex;align-items:flex-start;justify-content:space-between}.metric span{color:#9db0c5}.metric strong{font-size:2rem;line-height:1;color:#f4f9ff}.metric small{color:#6f87a1;font-size:.75rem}.dashboard-grid{display:grid;grid-template-columns:2fr 1fr;gap:1rem}.panel{background:#0f1b2c;border:1px solid var(--line);border-radius:13px;overflow:hidden}.panel.wide{grid-row:span 2}.panel-heading,.toolbar{display:flex;align-items:center;justify-content:space-between;padding:1.15rem 1.25rem;border-bottom:1px solid var(--line)}.panel-heading h2,.toolbar h2{font-size:1rem;margin:0}.panel-heading p,.toolbar p{font-size:.76rem;color:var(--muted);margin:.18rem 0 0}.chip{background:#0c4a6e;color:#7dd3fc;border:1px solid #075985;border-radius:999px;padding:.2rem .55rem;font-size:.68rem}.pool-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.8rem;padding:1.15rem}.pool-card{border:1px solid #213650;background:#132238;border-radius:10px;padding:.9rem;min-height:105px}.pool-card span,.pool-card small{display:block;color:var(--muted);font-size:.76rem}.pool-card strong{display:block;font-size:1.7rem;margin:.35rem 0;color:#ecf7ff}.skeleton{background:linear-gradient(90deg,#122035,#192d47,#122035);background-size:200%;animation:pulse 1.5s infinite}.health-list{padding:.7rem 1.2rem}.health-list>div{display:flex;align-items:center;min-height:46px;border-bottom:1px solid #1b2d44;color:#afc0d2}.health-list>div:last-child{border-bottom:0}.health-list b{margin-left:auto}.empty-inline,.table-empty{color:var(--muted);text-align:center;padding:2rem!important}.state-pill{font-size:.68rem;border-radius:999px;padding:.2rem .5rem;background:#334155;color:#dbeafe}.state-pill.running,.state-pill.leased{background:#075985;color:#bae6fd}.state-pill.succeeded{background:#065f46;color:#a7f3d0}.state-pill.failed{background:#7f1d1d;color:#fecdd3}.state-pill.reconciling{background:#78350f;color:#fde68a}.filters{display:flex;gap:.55rem}.filters input{width:270px}input,select,textarea{background:#0a1525;color:var(--text);border:1px solid #2a405d;border-radius:8px;padding:.58rem .7rem;outline:none}input:focus,select:focus,textarea:focus{border-color:var(--cyan);box-shadow:0 0 0 3px #0ea5e91c}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:.82rem;white-space:nowrap}th{text-align:left;color:#7890aa;font-weight:600;background:#0c1727;padding:.75rem 1rem;border-bottom:1px solid var(--line)}td{padding:.78rem 1rem;border-bottom:1px solid #192a40;color:#bdcddd}td b,td small{display:block}td small{font-size:.7rem;color:#6f87a1}.number{text-align:right}.platform{font-size:.7rem;padding:.18rem .48rem;border-radius:5px;background:#0e749033;color:#67e8f9}.platform.alipay{background:#2563eb33;color:#93c5fd}.ok-text{color:var(--green)}.danger-text{color:var(--red)}.cluster-banner{display:flex;justify-content:space-between;align-items:center;background:linear-gradient(120deg,#0b3350,#14243a 65%,#162136);border:1px solid #155e75;border-radius:14px;padding:1.5rem;margin-bottom:1rem}.cluster-banner h2{font-size:1.55rem;margin:.15rem 0}.cluster-banner p:last-child{margin:.3rem 0 0;color:#9eb2c8}.pairing-card{display:flex;align-items:center;justify-content:space-between;background:#172554;border:1px solid #1d4ed8;border-radius:12px;padding:1rem 1.2rem;margin-bottom:1rem}.pairing-card b,.pairing-card code,.pairing-card small{display:block}.pairing-card code{font-size:1rem;color:#bfdbfe;margin:.3rem 0;word-break:break-all}.pairing-card small{color:#93a9c1}.node-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.node-card{background:#0f1b2c;border:1px solid var(--line);border-radius:13px;padding:1.15rem}.node-head{display:flex;align-items:center;gap:.8rem}.device-icon{width:43px;height:43px;border-radius:10px;background:#16334e;display:grid;place-items:center;color:var(--cyan);font-size:1.25rem}.node-head h3{margin:0;font-size:1rem}.node-head p{margin:.12rem 0 0;color:var(--muted);font-size:.72rem}.node-state{margin-left:auto;font-size:.7rem;padding:.22rem .5rem;border-radius:999px;background:#334155}.node-state.online{background:#064e3b;color:#6ee7b7}.capability-row{display:flex;gap:.55rem;margin:1rem 0}.capability-row span{padding:.28rem .55rem;border:1px solid #263c58;border-radius:6px;color:#627a96;font-size:.72rem}.capability-row span.enabled{border-color:#0e7490;color:#67e8f9;background:#164e6333}.capacity-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:.45rem}.capacity-grid div{background:#0b1626;border-radius:7px;padding:.5rem;text-align:center}.capacity-grid span,.capacity-grid b{display:block}.capacity-grid span{color:#6f87a1;font-size:.62rem}.node-foot{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);margin-top:1rem;padding-top:.8rem}.node-foot small{color:var(--muted)}.empty-state{grid-column:1/-1;min-height:220px;border:1px dashed #2c425f;border-radius:12px;display:grid;place-content:center;text-align:center;color:var(--muted)}.empty-state b{color:var(--text);font-size:1.1rem}.empty-state span{margin-top:.4rem}.split-layout{display:grid;grid-template-columns:360px 1fr;gap:1rem}.compact-form form,.settings-panel form{padding:1.2rem}.compact-form label,.settings-panel label,.login-form label{display:grid;gap:.35rem;margin-bottom:1rem}.compact-form label>span,.settings-panel label>span,.login-form label>span{font-size:.78rem;color:#9db0c5}.compact-form textarea{resize:vertical}.compact-form form>button{width:100%}.alert{padding:.65rem .8rem;border-radius:8px;margin-top:.8rem;font-size:.8rem}.alert.error{background:#7f1d1d55;border:1px solid #be123c;color:#fecdd3}.alert.success{background:#064e3b55;border:1px solid #047857;color:#a7f3d0}.job-list{padding:.5rem 1rem}.job-list article{display:grid;grid-template-columns:80px 1fr 130px auto;gap:.8rem;align-items:center;border-bottom:1px solid var(--line);padding:.8rem .2rem}.job-list article>div b,.job-list article>div small{display:block}.job-list article>div small{color:var(--muted);font-size:.7rem}.job-progress{text-align:right}.job-progress span{display:block;height:4px;background:#1e293b;border-radius:3px;margin-top:.3rem}.job-progress i{display:block;height:100%;background:var(--cyan);border-radius:3px}.log-layout{display:grid;grid-template-columns:380px 1fr;gap:1rem}.log-list>button{width:100%;display:grid;grid-template-columns:8px 1fr auto;gap:.65rem;align-items:center;border:0;border-bottom:1px solid var(--line);border-radius:0;background:transparent;text-align:left;padding:.75rem 1rem}.log-list>button.selected{background:#15304a}.log-list>button b,.log-list>button small{display:block}.log-list>button small{color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:240px}.log-list time{font-size:.68rem;color:#64748b}.log-level{width:7px;height:7px;border-radius:50%;background:#64748b}.log-level.error{background:var(--red)}.log-level.warn{background:var(--amber)}.log-level.info{background:var(--cyan)}.log-detail pre{white-space:pre-wrap;word-break:break-word;padding:1.2rem;margin:0;color:#bcd0e4;min-height:400px;font-family:Cascadia Code,monospace;font-size:.78rem}.code-editor{width:100%;font-family:Cascadia Code,monospace;font-size:.78rem;line-height:1.6;resize:vertical}.form-actions{display:flex;justify-content:flex-end;gap:.7rem}.placeholder{min-height:420px;display:grid;place-content:center;text-align:center}.placeholder-symbol{font-size:3rem;color:var(--cyan)}.placeholder h2{margin:.5rem 0}.placeholder p{color:var(--muted);margin:0}.login-shell{min-height:100vh;display:grid;place-items:center;padding:1rem;background:radial-gradient(circle at 50% 0,#123b61,transparent 40%)}.login-card{width:min(420px,100%);background:#0d1929ee;border:1px solid #29425f;border-radius:18px;padding:2rem;box-shadow:0 30px 80px #0008}.login-card>.brand-mark{margin-bottom:1.2rem}.login-card h1{margin:.1rem 0;font-size:1.5rem}.login-card>div>p:last-child{margin:.3rem 0 1.6rem}.login-form button{width:100%;padding:.7rem}.boot-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;gap:.8rem;color:var(--muted)}.spinner{width:22px;height:22px;border:2px solid #26405e;border-top-color:var(--cyan);border-radius:50%;animation:spin .7s linear infinite}.scrim{display:none}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{to{background-position:-200%}}@media(max-width:1100px){.metric-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid{grid-template-columns:1fr}.panel.wide{grid-row:auto}.node-grid,.split-layout,.log-layout{grid-template-columns:1fr}}@media(max-width:760px){.app-shell{display:block}.sidebar{position:fixed;left:-260px;width:244px;transition:left .2s}.sidebar.open{left:0}.scrim{display:block;position:fixed;inset:0;background:#0008;border:0;border-radius:0;z-index:15}.topbar{height:72px;padding:0 1rem}.menu-button{display:block;margin-right:.8rem;padding:.4rem .6rem}.topbar p,.user-menu span{display:none}.page-content{padding:1rem}.metric-grid{grid-template-columns:1fr 1fr}.metric{min-height:112px;padding:.9rem}.metric strong{font-size:1.6rem}.pool-grid{grid-template-columns:repeat(2,1fr)}.toolbar{align-items:flex-start;gap:1rem}.filters{width:100%;flex-wrap:wrap}.filters input{width:100%}.cluster-banner{align-items:flex-start;gap:1rem}.capacity-grid{grid-template-columns:repeat(3,1fr)}.job-list article{grid-template-columns:72px 1fr}.job-progress{grid-column:2}.job-list article>button{grid-column:2;justify-self:start}}@media(max-width:430px){.metric-grid,.pool-grid{grid-template-columns:1fr}.cluster-banner{display:block}.cluster-banner button{margin-top:1rem}.pairing-card{display:block}.pairing-card button{margin-top:.8rem}.login-card{padding:1.35rem}}.setup-card{width:min(560px,100%)}.totp-secret{display:grid;gap:.55rem;padding:1rem;margin-bottom:1rem;background:#081421;border:1px solid #28415e;border-radius:10px}.totp-secret>span{font-size:.78rem;color:#9db0c5}.totp-secret code{font-size:1.1rem;letter-spacing:.12em;color:#7dd3fc;word-break:break-all}.totp-secret small{color:var(--muted)}.totp-secret textarea{font-size:.7rem;resize:none}.recovery-panel pre{columns:2;padding:1rem;border:1px solid #2a405d;border-radius:10px;background:#081421;color:#bfdbfe;line-height:1.8;-webkit-user-select:all;user-select:all}.recovery-panel button{width:100%}