:root{color-scheme:dark;font-family:Inter,"Segoe UI",system-ui,-apple-system,sans-serif;--bg:#081426;--panel:#10243a;--panel2:#152b45;--line:#29415d;--white:#eff6fc;--muted:#9ab0c8;--blue:#2f8ee5;--cyan:#39c9e9;--good:#33d0a0;--warn:#ffd38a;--bad:#ff8e95;--unit:25px}
*{box-sizing:border-box}body{margin:0;color:var(--white);background:radial-gradient(ellipse at top right,#142a47 0,transparent 42%),var(--bg)}.topbar{min-height:87px;padding:15px 4%;display:flex;align-items:center;gap:38px;justify-content:space-between;background:#0d1e33;border-bottom:1px solid var(--line)}.brand{display:flex;gap:12px;align-items:center;min-width:240px}.brand img{border-radius:10px}.brand strong{display:block;font-size:22px;letter-spacing:-.7px}.brand em{color:var(--cyan);font-style:normal}.brand span{font-size:9px;letter-spacing:1.5px;color:var(--muted)}.topbar nav{display:flex;gap:20px;flex-wrap:wrap}.topbar nav a{color:#b6cbdf;text-decoration:none;font-size:13px}.topbar nav a:hover,.topbar nav a[aria-current]{color:var(--cyan)}.edition{font-size:10px;letter-spacing:1.3px;color:var(--muted);white-space:nowrap}main{max-width:1680px;margin:0 auto;padding:34px 4% 50px}.heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:27px}.eyebrow{color:var(--cyan);font-size:11px;font-weight:750;letter-spacing:1.8px}.heading h1{font-size:38px;letter-spacing:-1.5px;margin:8px 0}.heading p,.section-title p{color:var(--muted);margin:7px 0;max-width:760px}.actions{display:flex;align-items:flex-end;gap:12px}label{display:flex;flex-direction:column;gap:8px;font-size:12px;color:#b6cde1;font-weight:650}select,input,button{font:inherit;border-radius:9px;min-height:39px}select,input{color:var(--white);background:#0b1c31;border:1px solid #39526e;padding:7px 12px;min-width:155px}button{cursor:pointer;border:1px solid transparent;font-weight:680;padding:9px 16px}button:disabled{cursor:not-allowed;opacity:.45}.primary{background:linear-gradient(105deg,#2586d9,#25b4d1);color:white}.secondary{background:#1c3551;color:var(--white);border-color:#355671}.primary:hover:not(:disabled){filter:brightness(1.14)}.secondary:hover:not(:disabled){background:#294765}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin-bottom:30px}.stats>div{border:1px solid var(--line);border-radius:14px;background:linear-gradient(145deg,#142941,#102035);padding:20px 22px}.stats small{display:block;color:var(--muted);font-size:12px}.stats strong{display:block;margin-top:10px;font-size:26px;letter-spacing:-.7px}.toolbar{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:15px}.toolbar strong,.toolbar span{display:block}.toolbar strong{font-size:18px}.toolbar span{color:var(--muted);font-size:12px;margin-top:5px}.legend{display:flex;gap:18px}.legend span{display:flex;align-items:center;gap:7px;white-space:nowrap}.swatch{display:inline-block;width:12px;height:12px;border-radius:3px}.device-sw{background:#287ab2}.empty-sw{border:1px solid #4b6280}.target-sw{background:#36d1a8}.notice{background:#10283e;border:1px solid #225477;border-radius:10px;padding:12px 16px;color:#c0e7f6;margin:16px 0}.notice.error{border-color:#a65760;color:#ffd1d1}.rack-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:17px;align-items:start}.rack-card{border:1px solid var(--line);background:var(--panel);border-radius:14px;overflow:hidden;min-width:0}.rack-head{display:flex;justify-content:space-between;gap:10px;padding:17px 17px 10px}.rack-head strong{display:block;font-size:17px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rack-head small{display:block;margin-top:7px;color:var(--muted)}.rack-head b{color:var(--cyan);font-size:13px;white-space:nowrap}.rack-power{margin:0 17px 14px}.power-track{height:5px;background:#283e56;border-radius:10px;overflow:hidden;margin-top:9px}.power-track>div{height:100%;background:linear-gradient(90deg,#159ac5,#45d9b7)}.power-track.over>div{background:#ff8e95}.rack-cabinet{margin:0 15px 17px;border:2px solid #506e88;background:#081726;border-radius:7px;padding:10px 8px 8px;overflow:auto;max-height:660px}.rack-elevation{position:relative;margin-left:35px;border:1px solid #2b4f6a;min-width:0;background:repeating-linear-gradient(to top,#091a2b 0,#091a2b 24px,#152d46 24px,#152d46 25px)}.unit-slot{position:absolute;left:0;right:0;height:var(--unit);border-bottom:1px solid rgba(108,151,182,.14)}.unit-num{position:absolute;right:calc(100% + 9px);font:11px/25px ui-monospace,Consolas,monospace;color:#7da3bd}.rack-device{position:absolute;left:5px;right:5px;z-index:2;background:linear-gradient(100deg,#1e628e,#235179);border:1px solid #55c1db;border-left:4px solid var(--cyan);border-radius:5px;padding:6px 10px;cursor:grab;overflow:hidden;display:flex;flex-direction:column;justify-content:center;gap:4px;box-shadow:0 3px 8px #0006}.rack-device:active{cursor:grabbing}.rack-device strong{font-size:12px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.rack-device span{font-size:10px;color:#c7dfeb;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rack-device:focus{outline:3px solid var(--warn);outline-offset:-3px}.rack-device.dragging{opacity:.4}.rack-elevation.drop-ok{outline:2px solid var(--good);outline-offset:1px}.rack-elevation.drop-bad{outline:2px solid var(--bad);outline-offset:1px}.drop-ghost{pointer-events:none;position:absolute;z-index:3;left:4px;right:4px;border:2px dashed var(--good);border-radius:5px;background:#32bb9660}.drop-ghost.bad{border-color:var(--bad);background:#e6566760}.empty-message{background:var(--panel);border:1px dashed var(--line);padding:32px;border-radius:15px;color:var(--muted)}.move-panel,.review{margin-top:23px;padding:24px;background:#10243a;border:1px solid var(--line);border-radius:15px}.section-title{display:flex;justify-content:space-between;gap:20px}.section-title h2,.review h2{font-size:21px;margin:8px 0}.role{font-size:12px;color:var(--muted)}.fields{display:flex;gap:15px;flex-wrap:wrap;align-items:flex-end;margin-top:20px}.fields label{min-width:160px;flex:1}.fields button{margin-bottom:0}.review{border-color:#3978a1;display:flex;justify-content:space-between;gap:20px;align-items:flex-end}.review[hidden]{display:none}.review p{color:var(--muted)}.review-actions{display:flex;gap:10px;flex-shrink:0}.item-warning{color:var(--warn);font-size:12px;margin:6px 0}.item-error{color:var(--bad);font-size:12px;margin:6px 0}footer{color:#7d97ad;font-size:11px;line-height:1.65;margin-top:28px}@media(max-width:1050px){.edition{display:none}.topbar{flex-wrap:wrap}.heading{align-items:start;flex-direction:column}.legend{flex-wrap:wrap}.review{flex-direction:column;align-items:stretch}}@media(max-width:650px){.topbar nav{gap:10px}.stats{grid-template-columns:repeat(2,1fr)}.toolbar{align-items:start;flex-direction:column}.rack-grid{grid-template-columns:1fr}.heading h1{font-size:30px}}