:root{color-scheme:light;--bg: #e7eef3;--panel: #ffffff;--ink: #12181c;--muted: #5c6b76;--line: #d5e0e8;--text: #12181c;--up: #0d7a52;--warn: #b56a00;--critical: #c5362b;--down: #7a8792;--accent: #0c5f62;--wash: #f3f7fa;font-family:SF Pro Text,PingFang SC,Hiragino Sans GB,Noto Sans SC,sans-serif}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text)}button,input,select{font:inherit;color:inherit}button{cursor:pointer}.app{height:100%;display:flex;flex-direction:column;min-height:0;background:var(--bg)}.topbar{display:flex;align-items:center;gap:28px;height:60px;padding:0 18px;background:var(--panel);border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:10px;min-width:168px}.mark{width:28px;height:28px;border-radius:7px;border:1px solid #c5d3dc;background:linear-gradient(var(--accent),var(--accent)) 7px 6px / 14px 2px no-repeat,linear-gradient(var(--accent),var(--accent)) 7px 12px / 14px 2px no-repeat,linear-gradient(var(--accent),var(--accent)) 7px 18px / 9px 2px no-repeat,#f4f8fa}.brand p{margin:0;color:var(--muted);font-size:11px;letter-spacing:.08em}.brand h1,.detail h2,.dialog h2{margin:0;font-weight:640;letter-spacing:-.03em}.brand h1{font-size:16px}.stats{display:flex;gap:0;margin:0}.stats div{display:grid;gap:1px;padding:0 16px;border-left:1px solid var(--line)}.stats div:first-child{border-left:0;padding-left:4px}.stats dt{color:var(--muted);font-size:11px}.stats dd{margin:0;font-size:16px;font-weight:620;font-variant-numeric:tabular-nums}.stats .hot dd{color:var(--critical)}.legend{margin-left:auto;display:flex;gap:14px;align-items:center;color:var(--muted);font-size:12px}.who{color:var(--ink);font-weight:620}button.logout{background:#fff;border:1px solid var(--line);border-radius:8px;padding:4px 10px;color:var(--muted)}.login-page{min-height:100%;display:grid;place-items:center;padding:24px;background:radial-gradient(ellipse at 50% 0%,#f7fbfc 0%,transparent 55%),var(--bg)}.login-card{width:min(380px,100%);display:grid;gap:14px;padding:28px 26px 24px;background:var(--panel);border:1px solid var(--line);border-radius:16px;box-shadow:0 16px 40px #12181c0f}.login-card h1{margin:0;font-size:22px;letter-spacing:-.03em}.login-card .lead{margin:6px 0 0;color:var(--muted);font-size:13px}.login-card label{display:grid;gap:6px;color:var(--muted);font-size:13px}.login-card input{width:100%;background:#fff;border:1px solid var(--line);border-radius:8px;padding:10px 12px;color:var(--ink)}.login-card input:focus{outline:2px solid rgba(12,95,98,.25);border-color:var(--accent)}.login-card button.primary{padding:10px 12px;border-radius:8px}.login-card .form-error{margin:0}.legend i,.device>i,.status:before{width:7px;height:7px;border-radius:50%;display:inline-block;background:var(--down)}.legend i.up,.device>i.up{background:var(--up)}.legend i.warn,.device>i.warn{background:var(--warn)}.legend i.critical,.device>i.critical{background:var(--critical)}.banner,.form-error{color:#8d2b24;margin:8px 12px 0;padding:8px 12px;background:#fdf3f2;border:1px solid #f3d2ce;border-radius:8px}main{flex:1;min-height:0;display:grid;grid-template-columns:300px 1fr;gap:12px;padding:12px}main.has-detail{grid-template-columns:292px 1fr 328px}.rail{min-height:0;display:flex;flex-direction:column;background:var(--panel);border:1px solid var(--line);border-radius:12px;overflow:hidden}.alert-rail{padding:12px 12px 8px;border-bottom:1px solid var(--line);background:#fbfcfd}.alert-rail header,.inv-list header,.detail header,.dialog header{display:flex;align-items:center;gap:8px}.alert-rail h2{margin:0;font-size:12px;font-weight:650;letter-spacing:.06em;color:var(--muted)}.alert-rail header button,.inv-list header button,.detail header button,.dialog header button{margin-left:auto;background:transparent;border:0;color:var(--accent);padding:0;font-size:12px}.alert-rail ul{list-style:none;margin:8px 0 0;padding:0;display:grid;gap:6px}.alert-rail li{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center;padding:7px 8px;border-radius:8px;background:#f4f7fa}.alert-rail li.critical{background:#fdf3f2}.alert-rail li.warn{background:#fbf7ef}.alert-rail li.acked{background:transparent;opacity:.62}.alert-rail li button:first-child{background:transparent;border:0;padding:0;text-align:left;display:grid}.alert-rail strong{font-weight:620;font-size:13px}.alert-rail span,.alert-rail em{color:var(--muted);font-style:normal;font-size:12px}.alert-rail li>button:last-child{background:#fff;border:1px solid var(--line);border-radius:6px;padding:3px 8px;font-size:12px;color:var(--ink)}.stage{min-width:0;min-height:0;position:relative;border-radius:12px;overflow:hidden;border:1px solid var(--line);background:#dfe7ee}.viewbar{position:absolute;z-index:2;left:50%;bottom:14px;transform:translate(-50%);display:flex;gap:2px;padding:3px;background:#fffffff0;border:1px solid var(--line);border-radius:9px;box-shadow:0 8px 20px #12181c14}.viewbar button{background:transparent;border:0;border-radius:6px;padding:6px 14px;color:var(--muted)}.viewbar button.on{background:var(--accent);color:#f4fbfb}.stage canvas{display:block;width:100%;height:100%}.stage-wait,.muted{color:var(--muted);padding:18px}.inventory,.detail{min-height:0;overflow:auto;background:transparent}.detail{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:16px 16px 20px}.inv-tools{padding:12px;display:grid;gap:8px;position:sticky;top:0;background:var(--panel);border-bottom:1px solid var(--line);z-index:1}.inv-tools input,.dialog input,.dialog select,.remote select,.remote pre{width:100%;background:#fff;border:1px solid var(--line);border-radius:8px;padding:8px 10px}.inv-tools input:focus,.dialog input:focus,.dialog select:focus,.remote select:focus{outline:2px solid rgba(12,95,98,.25);border-color:var(--accent)}.filter{display:flex;gap:2px;padding:3px;background:var(--wash);border-radius:8px}.filter button{flex:1;background:transparent;border:0;border-radius:6px;padding:4px 0;color:var(--muted);font-size:12px}.filter button.on{color:var(--ink);background:#fff;box-shadow:0 1px 2px #12181c14}.inv-actions,.detail-actions,.dialog footer{display:flex;gap:8px}.inv-actions button,.detail-actions button,.dialog footer button,.remote-row button{background:#fff;border:1px solid var(--line);border-radius:8px;padding:7px 10px}.inv-actions button{flex:1}button.primary{background:var(--accent);color:#f4fbfb;border-color:var(--accent)}button.danger{background:#fff;color:var(--critical);border-color:#f0d0cc}.capacity{height:3px;margin:0 12px 6px;background:#e6eef3;border-radius:99px;overflow:hidden}.capacity span{display:block;height:100%;background:var(--accent)}.muted.tight{padding:0 0 6px;margin:0;font-size:12px}.ports tr:hover td{background:#f4f8fb}.inv-list section{padding:6px 8px 10px}.inv-list h3{margin:8px;font-size:13px;font-weight:650}.inv-list header span{color:var(--muted);font-size:12px;margin-right:auto;font-variant-numeric:tabular-nums}.inv-list header button{margin-left:0;color:var(--muted);font-size:12px}.device{width:100%;display:grid;grid-template-columns:14px 1fr auto;gap:8px;align-items:center;text-align:left;padding:7px 8px;background:transparent;border:0;border-radius:8px}.device:hover{background:var(--wash)}.device.on{background:#e7f3f3;box-shadow:inset 2px 0 0 var(--accent)}.device span{display:grid;gap:1px}.device strong{font-weight:620;font-size:13px}.device small,.device b{color:var(--muted);font-style:normal;font-weight:500;font-size:12px}.device b{font-variant-numeric:tabular-nums}.kicker{margin:0 0 2px;color:var(--muted);letter-spacing:.08em;font-size:11px}.status{display:flex;gap:8px;align-items:center;margin:12px 0;font-weight:620}.status:before{content:"";background:var(--down)}.status.up:before{background:var(--up)}.status.warn:before{background:var(--warn)}.status.critical:before{background:var(--critical)}.status span{color:var(--muted);font-weight:450}.facts,.meters{display:grid;grid-template-columns:1fr 1fr;gap:8px}.facts div,.meters div{background:var(--wash);border-radius:8px;padding:8px 10px}.facts dt,.meters span{color:var(--muted);font-size:12px}.facts dd,.meters strong{margin:2px 0 0;font-variant-numeric:tabular-nums}.meters strong{display:block;font-size:20px;font-weight:640;letter-spacing:-.03em}.chart{margin:14px 0;height:148px}.ports h3,.remote h3{margin:14px 0 8px;font-size:12px;font-weight:650;letter-spacing:.04em;color:var(--muted)}table{width:100%;border-collapse:collapse;font-size:12px;font-variant-numeric:tabular-nums}th,td{text-align:left;padding:6px 4px;border-bottom:1px solid var(--line)}th{color:var(--muted);font-weight:500}td.up{color:var(--up)}td.down{color:var(--critical)}.detail-actions{margin-top:14px}.remote{margin-top:14px;display:grid;gap:8px}.remote-row{display:flex;gap:8px;align-items:center}.remote select{flex:1;min-width:0}.remote pre{margin:0;white-space:pre-wrap;font:12px/1.45 ui-monospace,SFMono-Regular,monospace;background:var(--wash)}.remote pre.bad{border-color:#f0d0cc;color:var(--critical);background:#fdf3f2}.remote-log{margin:8px 0 0;padding-left:18px;color:var(--muted);font-size:12px}.modal{position:fixed;inset:0;background:#12181c5c;display:grid;place-items:center;padding:24px;z-index:5}.dialog{width:min(640px,100%);background:#fff;border:1px solid var(--line);border-radius:12px;padding:16px;display:grid;gap:10px;box-shadow:0 24px 60px #12181c2e}.dialog label,.kind-switch{display:grid;gap:6px;color:var(--muted);font-size:13px}.kind-switch,.check{grid-auto-flow:column;justify-content:start;align-items:center}.split{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.dialog footer{justify-content:flex-end}.dialog.desk{width:min(720px,100%);max-height:min(78vh,720px);overflow:auto}.desk-list{list-style:none;margin:0;padding:0;display:grid;gap:0}.desk-list li{display:grid;gap:4px;padding:10px 0;border-bottom:1px solid var(--line)}.desk-row{display:flex;justify-content:space-between;align-items:center;gap:12px}.chip-main{background:transparent;border:0;padding:0;display:flex;gap:8px;align-items:center;text-align:left}.chip-ack{background:#fff;border:1px solid var(--line);border-radius:6px;padding:4px 10px;font-size:12px}.desk-list b.critical{color:var(--critical)}.desk-list b{color:var(--warn)}.desk-list small{color:var(--muted)}.tip,.rack-label{background:#fffffff0;border:1px solid rgba(18,24,28,.1);border-radius:6px;padding:3px 8px;color:var(--ink);white-space:nowrap;box-shadow:0 6px 16px #12181c14}.tip{display:grid}.tip span,.rack-label{color:var(--muted);font-size:12px}.tip strong{color:var(--ink);font-size:13px}@media(max-width:960px){main,main.has-detail{grid-template-columns:1fr;grid-template-rows:280px 1fr auto}.topbar{flex-wrap:wrap;height:auto;padding:10px 14px;gap:12px}.legend{margin-left:0}.stats div{padding:0 10px}.rail{order:2}.stage{order:1;min-height:280px}.detail{order:3}}