:root{color-scheme:dark;font-family:Space Grotesk,IBM Plex Sans,ui-sans-serif,system-ui,sans-serif;background:#06111d;color:#e8f5ff}*{box-sizing:border-box}body{margin:0;min-width:1280px;background:radial-gradient(circle at 20% 10%,#123252 0,transparent 28%),#06111d}button,input{font:inherit}.boot,.login-shell{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at 50% 20%,rgba(33,150,243,.22),transparent 34%),#06111d}.boot{gap:16px;align-content:center;color:#9fb8cd}.login-card{width:420px;padding:28px;border:1px solid rgba(99,187,255,.22);border-radius:24px;background:linear-gradient(145deg,#0b1f32eb,#06111deb);box-shadow:0 30px 90px #0006}.brand-row{display:flex;align-items:center;gap:14px;margin-bottom:28px}.brand-row h1{margin:0;font-size:26px}.brand-row p,.brand-row span{display:block;margin:2px 0 0;color:#81a0b9;font-size:13px}.brand-row.compact{margin-bottom:32px}.brand-mark{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;color:#7be7ff;font-weight:800;background:linear-gradient(145deg,#07365e,#0a1020);border:1px solid rgba(82,185,255,.42);box-shadow:inset 0 0 24px #00aeff3d,0 0 32px #00aeff2e}.login-card label{display:grid;gap:8px;margin:18px 0;color:#adc6d9}.login-card input,.confirm{width:100%;padding:13px 14px;border-radius:14px;border:1px solid rgba(126,184,224,.2);background:#030d18b3;color:#e8f5ff;outline:none}.login-card button,.detail button{border:0;border-radius:14px;padding:12px 16px;background:#1287df;color:#fff;display:inline-flex;align-items:center;justify-content:center;gap:8px;cursor:pointer}.error{color:#ff8090;padding:8px 0}.app-shell{display:grid;grid-template-columns:230px 1fr;min-height:100vh}.sidebar{padding:22px 16px;background:#030d18d1;border-right:1px solid rgba(126,184,224,.12);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.sidebar button{width:100%;height:48px;margin:6px 0;display:flex;align-items:center;gap:12px;color:#b7cee1;background:transparent;border:1px solid transparent;border-radius:14px;padding:0 14px;cursor:pointer}.sidebar button.active,.sidebar button:hover{color:#e8f5ff;background:#2a89cf2e;border-color:#53b4ff3d}main{padding:22px 24px;overflow:hidden}.topbar{display:flex;align-items:center;justify-content:space-between;gap:16px}.topbar h1{margin:0;font-size:28px;letter-spacing:-.03em}.topbar p{margin:4px 0 0;color:#8da8bd}.user-chip{display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border-radius:999px;background:#0b1f32cc;border:1px solid rgba(126,184,224,.18);color:#bad1e5}.metrics-row{display:grid;grid-template-columns:repeat(6,minmax(140px,1fr));gap:14px;margin:20px 0}.metric{min-height:86px;border:1px solid rgba(126,184,224,.16);border-radius:16px;padding:14px;background:linear-gradient(180deg,#0d2338d9,#071422bf)}.metric span{display:block;color:#a5bbcf;font-size:13px}.metric strong{display:block;margin-top:8px;font-size:27px;letter-spacing:-.04em}.metric small{color:#60e181}.metric.critical strong{color:#ff5d72}.metric.warning strong{color:#ffc35c}.metric.healthy strong{color:#60e181}.workspace{display:grid;grid-template-columns:minmax(780px,1fr) 380px;gap:18px;height:calc(100vh - 172px)}.scene-card{position:relative;overflow:hidden;border-radius:24px;border:1px solid rgba(126,184,224,.16);background:#071523;box-shadow:inset 0 0 80px #167ad314}.overlay-note{position:absolute;z-index:5;left:20px;top:20px;padding:12px 14px;border-radius:14px;background:#020c16b8;color:#b9d2e8;border:1px solid rgba(126,184,224,.18)}.overlay-note.error{color:#ff8090}.node-label{min-width:120px;text-align:center;padding:7px 9px;border-radius:10px;background:#030d18cc;border:1px solid rgba(126,184,224,.18);color:#e8f5ff;box-shadow:0 12px 28px #0003}.node-label span{display:block;font-size:10px;color:#68d8ff;letter-spacing:.12em}.node-label strong{display:block;font-size:13px}.node-label small{color:#96afc4}.node-label.critical{border-color:#ff4c6399}.node-label.warning{border-color:#ffb34799}.node-label.healthy{border-color:#44f07857}.node-label.selected{transform:scale(1.06)}.detail{overflow:auto;border-radius:24px;border:1px solid rgba(126,184,224,.16);background:linear-gradient(180deg,#0b1f32db,#040d17e0);padding:18px;box-shadow:inset 0 1px #ffffff0a}.detail-header{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding-bottom:16px;border-bottom:1px solid rgba(126,184,224,.12)}.detail-header h2{margin:4px 0}.detail-header small,.detail-header p,.muted{color:#90a9bd}.status-dot{width:14px;height:14px;border-radius:50%;background:#7894ad;box-shadow:0 0 20px currentColor}.status-dot.healthy{background:#44f078;color:#44f078}.status-dot.warning{background:#ffb347;color:#ffb347}.status-dot.critical{background:#ff4c63;color:#ff4c63}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:16px 0}.info{padding:12px;border-radius:14px;background:#0000002e;border:1px solid rgba(126,184,224,.1)}.info svg{width:18px;color:#62c8ff}.info span{display:block;color:#8fa9bd;font-size:12px;margin-top:5px}.info strong{display:block;margin-top:3px;font-size:14px;overflow-wrap:anywhere}.detail h3{margin:20px 0 10px}.action-row{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.detail button.danger{background:#b52f45}.empty-detail{min-height:180px;display:grid;place-items:center;text-align:center;color:#91aabe}.list{display:grid;gap:10px}.alert,.action-item{display:flex;gap:10px;padding:10px;border-radius:14px;background:#0000002e;border:1px solid rgba(126,184,224,.1)}.alert svg{color:#ffb347;flex:0 0 auto}.alert strong{font-size:13px}.alert p{margin:3px 0 0;color:#9bb3c8;font-size:12px}.compact-list .action-item{align-items:center;justify-content:space-between;font-size:12px;color:#b7cee1}