:root{font-family:Inter,system-ui,Arial,sans-serif;color:#e8f0ff;background:#0a101d}*{box-sizing:border-box}body{margin:0}.shell{display:grid;grid-template-columns:250px minmax(0,1fr);min-height:100vh}aside{background:#111c2d;border-right:1px solid #263650;padding:25px 18px}.logo{font-size:23px;font-weight:850;color:#66d2fb;margin-bottom:8px}.muted{color:#95a8c5;font-size:12px}.nav{display:block;color:#c6d8ef;text-decoration:none;padding:13px;border-radius:9px;margin:5px 0}.nav.on,.nav:hover{background:#213851}main{min-width:0;padding:26px;max-width:1900px}h1{font-size:25px;margin:0 0 6px}h2{font-size:16px;margin:0 0 16px}.summary{display:flex;gap:14px;flex-wrap:wrap;margin:20px 0}.stat{flex:1;min-width:145px;background:#142237;border:1px solid #2b3e58;border-radius:12px;padding:16px}.stat b{display:block;font-size:24px;margin:7px 0}.grid{display:grid;grid-template-columns:minmax(360px,1.5fr) minmax(310px,1fr);gap:18px}.panel{background:#121e30;border:1px solid #293b53;border-radius:14px;padding:18px;min-width:0}input,select,button{font:inherit;border-radius:8px;padding:10px;border:1px solid #3b526d;background:#101b2b;color:white}button{cursor:pointer;background:#18668e;border-color:#298db9;font-weight:650}button:hover{filter:brightness(1.16)}button.secondary{background:#26384c;border-color:#394f68}label{font-size:12px;color:#a9bed7;display:block;margin-bottom:5px}.tools{display:flex;gap:8px;flex-wrap:wrap;align-items:end;margin-bottom:14px}.tools>div{flex:1;min-width:125px}.floor{width:100%;height:auto;background:#0b1523;border:1px solid #2c455d;border-radius:10px;touch-action:none}.racknode{cursor:grab}.racknode:hover rect{stroke:#67ddff;stroke-width:2}.racknode text{pointer-events:none}.rackrow{display:grid;grid-template-columns:30px 1fr;gap:4px;height:15px;align-items:center}.unit{color:#7c90a9;text-align:right;font-size:10px}.slot{height:14px;border:1px solid #32465e;border-radius:2px;background:#0a1423;position:relative;overflow:hidden}.device{background:linear-gradient(90deg,#315273,#233c55);position:absolute;inset:0;display:flex;align-items:center;justify-content:space-between;padding:0 5px;font-size:10px;white-space:nowrap}.device.switch{background:#325c58}.device.storage{background:#58496e}.device.gpu,.device.ai{background:#5d4b3b}.device.selected{outline:2px solid #50d6fe;z-index:2}.rackscreen{height:630px;overflow:auto;background:#07101b;border:10px solid #34465c;border-radius:12px;padding:5px}.powerwarn{color:#ffab86}.ok{color:#80dcb0}.alert{color:#ffb08d}.badge{display:inline-block;padding:3px 7px;border:1px solid #3c5870;border-radius:5px;font-size:11px}.list{max-height:220px;overflow:auto}.item{padding:9px 4px;border-bottom:1px solid #26374a;font-size:12px}.bottom{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:18px}.port{display:inline-block;margin:3px;padding:3px 6px;border-radius:4px;background:#294863;font-size:10px}.help{font-size:12px;color:#a6b9ce;line-height:1.6}.notice{min-height:18px;color:#8decc7;font-size:12px}.error{color:#ff938d}#topology{width:100%;height:180px;background:#081524;border:1px solid #2a4058;border-radius:9px}a{color:#6ed3f5}@media(max-width:1150px){.grid,.bottom{grid-template-columns:1fr}}@media(max-width:700px){.shell{display:block}aside{padding:10px}.nav{display:inline-block}main{padding:12px}.floor{min-height:300px}}