:root{font-family:Inter,Pretendard,Noto Sans KR,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#eaf7fc;background:#060b0f;font-synthesis:none;text-rendering:optimizeLegibility;--cyan: #52dfff;--green: #52f5a7;--panel: rgba(8, 17, 24, .76);--line: rgba(157, 213, 235, .14);--muted: #748a96}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0;overflow:hidden}button,input{font:inherit}button{color:inherit}.app-shell{position:relative;width:100%;height:100%;min-height:680px;overflow:hidden;background:radial-gradient(circle at 55% 45%,rgba(32,115,139,.09),transparent 35%),#060b0f;isolation:isolate}.scene-layer{position:absolute;top:0;right:0;bottom:0;left:0}.scene-layer:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(90deg,rgba(3,8,12,.82),transparent 19%,transparent 76%,rgba(3,8,12,.7)),linear-gradient(180deg,rgba(3,8,12,.64),transparent 18%,transparent 72%,rgba(3,8,12,.78))}.glass-panel{background:linear-gradient(145deg,#0d1a23d6,#060d13bd);border:1px solid var(--line);box-shadow:0 18px 50px #0000004d,inset 0 1px #ffffff06;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.scene-loader{position:absolute;z-index:100;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;overflow:hidden;background:#050b10;transition:opacity .5s ease,visibility .5s ease}.scene-loader.complete{opacity:0;visibility:hidden}.loader-grid{position:absolute;top:-25%;right:-25%;bottom:-25%;left:-25%;opacity:.18;transform:perspective(500px) rotateX(62deg) translateY(24%);background-image:linear-gradient(rgba(81,223,255,.2) 1px,transparent 1px),linear-gradient(90deg,rgba(81,223,255,.2) 1px,transparent 1px);background-size:42px 42px;-webkit-mask-image:radial-gradient(circle,#000 0,transparent 64%);mask-image:radial-gradient(circle,#000 0,transparent 64%);animation:loader-grid-move 2.5s linear infinite}.loader-content{position:relative;width:min(410px,calc(100vw - 44px));text-align:center}.loader-mark{width:62px;height:62px;margin:0 auto 20px;display:grid;place-items:center;color:#061016;background:linear-gradient(135deg,#7cedff,#42e5ad);clip-path:polygon(15% 0,85% 0,100% 15%,100% 85%,85% 100%,15% 100%,0 85%,0 15%);box-shadow:0 0 42px #52dfff47;animation:loader-mark-pulse 1.7s ease-in-out infinite}.loader-content>p{margin:0 0 12px;color:#5d7b88;font-size:9px;letter-spacing:.24em}.loader-content>h2{margin:0 0 31px;font-size:18px;font-weight:430;letter-spacing:.04em}.loader-progress-head{display:flex;justify-content:space-between;align-items:center;color:#66808c;font-size:9px;letter-spacing:.09em}.loader-progress-head strong{color:#dffaff;font:500 11px ui-monospace,monospace}.loader-track{height:3px;margin-top:9px;overflow:hidden;background:#14232b}.loader-track span{display:block;height:100%;background:linear-gradient(90deg,#39bfff,#52f5a7);box-shadow:0 0 14px #52dfff99;transition:width .18s ease}.loader-content>small{display:block;margin-top:14px;color:#3f5661;font-size:8px;letter-spacing:.04em}@keyframes loader-grid-move{to{background-position:0 42px,42px 0}}@keyframes loader-mark-pulse{50%{transform:translateY(-3px) scale(1.035);box-shadow:0 0 58px #52dfff66}}.topbar{position:absolute;z-index:10;inset:0 0 auto 0;height:76px;display:grid;grid-template-columns:290px 1fr auto;align-items:center;padding:0 28px;border-bottom:1px solid rgba(142,207,231,.12);background:linear-gradient(180deg,#050b10eb,#050b10a3);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.brand-block{display:flex;align-items:center;gap:12px}.brand-mark{width:39px;height:39px;display:grid;place-items:center;color:#061016;background:linear-gradient(135deg,#7cedff,#42e5ad);clip-path:polygon(15% 0,85% 0,100% 15%,100% 85%,85% 100%,15% 100%,0 85%,0 15%);box-shadow:0 0 24px #52dfff40}.brand-block h1{margin:0;font-size:18px;letter-spacing:.08em;font-weight:740}.brand-block h1 span{color:var(--cyan);font-weight:400}.brand-block p{margin:4px 0 0;font-size:8px;color:#66808d;letter-spacing:.2em}.site-path{display:flex;align-items:center;justify-content:center;gap:9px;font-size:10px;letter-spacing:.11em;color:#617783}.site-path strong{color:#a9bbc4;font-weight:500}.site-path em{color:var(--cyan);font-style:normal}.topbar-status{display:flex;align-items:center;gap:21px}.identity-badge{display:grid;grid-template-columns:18px auto;align-items:center;column-gap:7px;min-width:0;padding:6px 10px;border:1px solid rgba(82,223,255,.16);border-radius:7px;color:#9cecff;background:#1448572e}.identity-badge svg{grid-row:1 / 3}.identity-badge span{max-width:120px;overflow:hidden;font-size:9px;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.identity-badge small{color:#5f7d88;font-size:7px;letter-spacing:.08em;text-transform:uppercase}.live-indicator{color:#74909b;font-size:9px;letter-spacing:.13em;display:flex;gap:8px;align-items:center}.live-indicator span{width:7px;height:7px;background:var(--green);border-radius:50%;box-shadow:0 0 11px var(--green);animation:pulse 2s infinite}.live-indicator.auth span,.live-indicator.demo span{background:#7d929c;box-shadow:0 0 8px #7d929c}.live-indicator.offline span{background:#ff5b6e;box-shadow:0 0 9px #ff5b6e}.live-indicator.reconnecting span,.live-indicator.connecting span,.live-indicator.checking span{background:#ffbd59;box-shadow:0 0 9px #ffbd59}@keyframes pulse{50%{opacity:.42;box-shadow:0 0 3px var(--green)}}.clock{padding-left:20px;border-left:1px solid var(--line);text-align:right}.clock strong{display:block;font:500 13px/1.1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.08em}.clock span{display:block;margin-top:4px;color:#57707b;font-size:8px;letter-spacing:.09em}.icon-button{width:34px;height:34px;display:grid;place-items:center;border:1px solid var(--line);background:#ffffff06;border-radius:7px;color:#6f8792;cursor:pointer}.side-nav{position:absolute;z-index:10;left:23px;top:98px;width:58px;padding:7px;border-radius:10px}.side-nav button{width:44px;height:37px;display:grid;place-items:center;border:0;border-radius:6px;color:#5e7783;background:transparent;cursor:pointer;transition:.2s ease}.side-nav button:hover{color:#d5f6ff;background:#55d2ff14}.side-nav button.active{color:var(--cyan);background:#52dfff1f;box-shadow:inset 2px 0 var(--cyan)}.side-nav .mode-button{height:48px;grid-template-rows:22px 11px;align-content:center;gap:2px}.side-nav .mode-button small{font:600 6px ui-monospace,monospace;letter-spacing:.12em}.side-nav .live-mode-button.active{color:var(--green);background:#52f5a71a;box-shadow:inset 2px 0 var(--green),0 0 14px #52f5a70d}.side-nav>span{display:block;height:1px;margin:8px 4px;background:var(--line)}.scene-heading{position:absolute;z-index:5;left:100px;top:112px;pointer-events:none}.scene-heading p{margin:0 0 11px;display:flex;align-items:center;gap:8px;color:#6e8b98;font-size:9px;letter-spacing:.21em}.scene-heading p span{width:18px;height:1px;background:var(--cyan);box-shadow:0 0 8px var(--cyan)}.scene-heading h2{margin:0;font-weight:260;font-size:clamp(24px,2.25vw,38px);letter-spacing:.1em;text-shadow:0 2px 25px #000}.scene-heading h2 em{color:var(--cyan);font-style:normal;font-weight:600}.scene-heading>div{display:flex;align-items:center;gap:11px;margin-top:10px;color:#66808c;font:500 9px ui-monospace,monospace;letter-spacing:.12em}.scene-heading>div i{width:3px;height:3px;border-radius:50%;background:#526976}.search-wrap{position:absolute;z-index:20;top:94px;right:28px;width:268px;height:40px;display:flex;align-items:center;gap:9px;padding:0 11px;border:1px solid var(--line);border-radius:7px;color:#637c88;background:#070f15c2;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px)}.search-wrap input{width:100%;color:#cee1e9;border:0;outline:0;background:transparent;font-size:11px}.search-wrap input::placeholder{color:#526a76}.search-wrap kbd{padding:3px 5px;border:1px solid rgba(255,255,255,.1);border-radius:4px;color:#526b76;background:#ffffff08;font-size:8px;white-space:nowrap}.search-results{position:absolute;top:47px;left:0;right:0;padding:5px;border-radius:7px}.search-results button{display:grid;grid-template-columns:7px 1fr auto 15px;align-items:center;gap:9px;width:100%;padding:9px 8px;border:0;border-radius:5px;background:transparent;text-align:left;cursor:pointer}.search-results button:hover{background:#52dfff14}.search-results button>span{width:6px;height:6px;border-radius:50%;box-shadow:0 0 7px currentColor}.search-results strong{font-size:11px}.search-results small{color:#607783;font-size:9px}.view-controls{position:absolute;z-index:8;left:50%;top:94px;transform:translate(-50%);display:flex;align-items:center;padding:4px;border-radius:8px}.view-controls button{height:31px;padding:0 11px;display:flex;align-items:center;gap:6px;border:0;border-radius:5px;color:#708994;background:transparent;font-size:10px;cursor:pointer;transition:.2s}.view-controls button:hover{color:#d4f4ff}.view-controls button.active{color:#dff9ff;background:#5cd7ff1c}.view-controls button.thermal.active{color:#ffab78;background:#ff76501f}.view-controls button.layout-edit{margin-left:3px;color:#78a0ad}.view-controls button.layout-edit.active{color:#79ffc0;background:#52f5a71c;box-shadow:inset 0 0 0 1px #52f5a71f}.view-controls>i{width:1px;height:19px;margin:0 3px;background:var(--line)}.rack-navigator{position:absolute;z-index:10;left:50%;top:139px;transform:translate(-50%);height:38px;padding:4px;display:flex;align-items:center;gap:4px;border-radius:8px}.rack-navigator>button{width:30px;height:30px;padding:0;display:grid;place-items:center;border:0;border-radius:5px;color:#7d9aa6;background:transparent;cursor:pointer}.rack-navigator>button:hover{color:#e0f8ff;background:#52dfff17}.rack-navigator label{height:30px;display:flex;align-items:center;gap:7px;padding:0 7px;border-right:1px solid rgba(157,213,235,.1);border-left:1px solid rgba(157,213,235,.1)}.rack-navigator label>span{color:#5f7c88;font:8px ui-monospace,monospace;letter-spacing:.13em}.rack-navigator select{width:205px;height:27px;padding:0 7px;outline:0;border:0;border-radius:4px;color:#cfe7ee;background:#02080cb8;font:10px ui-monospace,monospace;color-scheme:dark;cursor:pointer}.inspector{position:absolute;z-index:9;right:28px;top:151px;bottom:102px;width:292px;min-height:510px;padding:18px;border-radius:10px;overflow:auto;scrollbar-width:none}.inspector::-webkit-scrollbar{display:none}.server-inspector{width:460px;padding-right:16px;scrollbar-width:thin;scrollbar-color:rgba(82,223,255,.25) transparent}.server-inspector::-webkit-scrollbar{display:block;width:5px}.server-inspector::-webkit-scrollbar-thumb{border-radius:10px;background:#52dfff38}.server-inspector::-webkit-scrollbar-track{background:transparent}.layout-editor{position:absolute;z-index:12;right:28px;top:151px;bottom:102px;width:410px;min-height:510px;padding:20px;overflow:auto;border-radius:10px;scrollbar-width:thin;scrollbar-color:rgba(82,223,255,.25) transparent}.layout-editor-head{display:flex;align-items:flex-start;justify-content:space-between;padding-bottom:13px;border-bottom:1px solid var(--line)}.layout-editor-head p{margin:0 0 6px;color:#6d8995;font-size:11px;letter-spacing:.15em}.layout-editor-head h2{margin:0;font-size:23px;font-weight:520}.layout-editor-head button{width:26px;height:26px;padding:0;border:1px solid var(--line);border-radius:5px;color:#718894;background:#ffffff05;font-size:18px;line-height:1;cursor:pointer}.layout-save-state{margin-top:12px;padding:10px 11px;display:flex;align-items:center;gap:8px;border:1px solid rgba(82,245,167,.12);border-radius:6px;color:#82a99b;background:#52f5a709;font-size:11px}.layout-save-state span{width:6px;height:6px;border-radius:50%;background:var(--green);box-shadow:0 0 7px var(--green)}.layout-save-state.saving{color:#ffc76d;border-color:#ffbd592b;background:#ffbd590b}.layout-save-state.saving span{background:#ffbd59;box-shadow:0 0 7px #ffbd59;animation:pulse 1s infinite}.layout-save-state.placing{color:#8fe9ff;border-color:#52dfff38;background:#52dfff0e}.layout-save-state.placing span{background:var(--cyan);box-shadow:0 0 8px var(--cyan);animation:pulse 1.2s infinite}.layout-save-state button{margin-left:auto;padding:4px 8px;border:1px solid rgba(255,255,255,.12);border-radius:4px;color:#b7ccd4;background:#ffffff09;font-size:10px;cursor:pointer}.layout-editor-section{margin-top:15px}.layout-section-title{display:flex;align-items:center;justify-content:space-between;padding-bottom:8px;color:#78939f;border-bottom:1px solid rgba(157,213,235,.1);font-size:11px;letter-spacing:.12em}.layout-section-title strong{min-width:24px;padding:2px 6px;border-radius:10px;color:#8fe9ff;background:#52dfff14;text-align:center}.floor-chip-list{display:grid;grid-template-columns:1fr;gap:7px;margin-top:8px}.floor-card{min-width:0;min-height:62px;padding:9px 9px 9px 11px;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;border:1px solid rgba(157,213,235,.12);border-radius:6px;color:#8199a4;background:#ffffff05;font-size:11px}.floor-card>div{min-width:0}.floor-card b{display:block;margin-bottom:3px;color:#d4edf5;font:600 13px ui-monospace,monospace}.floor-card span{display:block;overflow:hidden;color:#8da7b2;text-overflow:ellipsis;white-space:nowrap}.floor-card small{display:block;margin-top:3px;color:#657f8b;font:10px ui-monospace,monospace}.floor-card .floor-delete-button{min-width:112px;min-height:34px;padding:0 9px;display:inline-flex;align-items:center;justify-content:center;gap:6px;border:1px solid rgba(255,91,110,.28);border-radius:5px;color:#ff8d9a;background:#ff5b6e12;font-size:10px;cursor:pointer}.floor-card .floor-delete-button:hover:not(:disabled){color:#ffd5da;border-color:#ff5b6e80;background:#ff5b6e24}.floor-card .floor-delete-button:disabled{color:#8c7478;border-color:#9dd5eb1a;background:#ffffff05;opacity:.8;cursor:not-allowed}.compact-layout-form{display:grid;gap:6px;margin-top:8px}.compact-layout-form.floor-form{grid-template-columns:74px 1fr 76px}.compact-layout-form.rack-form,.compact-layout-form.server-create-form{grid-template-columns:1fr 1fr}.compact-layout-form input,.compact-layout-form select{min-width:0;height:38px;padding:0 10px;outline:0;border:1px solid rgba(157,213,235,.13);border-radius:5px;color:#c9e0e8;background:#02080c9e;font:11px ui-monospace,monospace}.compact-layout-form select{color-scheme:dark}.compact-layout-form input:focus,.compact-layout-form select:focus{border-color:#52dfff6b}.compact-layout-form button{min-height:38px;display:inline-flex;align-items:center;justify-content:center;gap:6px;border:1px solid rgba(82,223,255,.2);border-radius:5px;color:#9cecff;background:#52dfff12;font-size:11px;cursor:pointer}.rack-form button,.server-create-form button{grid-column:1 / -1}.compact-layout-form button:disabled,.rack-move-pad button:disabled{opacity:.4;cursor:not-allowed}.placement-preview{margin-top:8px;padding:9px 10px;border:1px dashed rgba(82,245,167,.28);border-radius:6px;color:#8be9b6;background:#52f5a70b;font-size:10px;line-height:1.5}.placement-preview.invalid{color:#ff8796;border-color:#ff5b6e4d;background:#ff5b6e0d}.rack-position-editor>p{margin:10px 0 0;color:#78919c;font-size:11px;line-height:1.55}.rack-move-pad{display:grid;grid-template-columns:repeat(5,35px);justify-content:center;gap:5px;margin-top:9px}.rack-move-pad button{height:32px;border:1px solid rgba(157,213,235,.13);border-radius:5px;color:#8ba3ad;background:#ffffff06;cursor:pointer}.rack-move-pad button:hover{color:#e2faff;border-color:#52dfff4d;background:#52dfff12}.rack-move-pad .rotate{color:#72e9ff}.layout-direct-move{margin-top:11px;padding:10px;display:grid;grid-template-columns:1fr;gap:7px;border:1px solid rgba(82,223,255,.14);border-radius:6px;background:#52dfff09}.layout-direct-move label{min-width:0;display:grid;gap:5px}.layout-direct-move label>span{color:#7d99a5;font-size:10px}.layout-direct-move select,.layout-direct-move input{min-width:0;width:100%;height:36px;padding:0 9px;outline:0;border:1px solid rgba(157,213,235,.16);border-radius:5px;color:#d2e8ef;background:#02080cb8;font:11px ui-monospace,monospace;color-scheme:dark}.layout-direct-move button{min-height:36px;display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid rgba(82,245,167,.22);border-radius:5px;color:#89f1ba;background:#52f5a711;font-size:11px;cursor:pointer}.layout-direct-move button:hover:not(:disabled){border-color:#52f5a773;background:#52f5a721}.layout-direct-move button:disabled{opacity:.38;cursor:not-allowed}.server-direct-move{grid-template-columns:minmax(0,1fr) 72px}.server-direct-move button{grid-column:1 / -1}.layout-danger-button{width:100%;min-height:37px;margin-top:10px;display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid rgba(255,91,110,.25);border-radius:6px;color:#ff8d9a;background:#ff5b6e0f;font-size:11px;cursor:pointer}.layout-danger-button:hover:not(:disabled){color:#ffd7dc;border-color:#ff5b6e80;background:#ff5b6e24}.layout-danger-button:disabled{opacity:.38;cursor:not-allowed}.selected-server-editor>p{margin:10px 0 0;color:#91aab5;font-size:11px;line-height:1.55}.selected-server-editor>small{display:block;margin-top:7px;color:#bc8a6c;font-size:10px;line-height:1.55}.rack-drag-guide,.server-drag-guide{margin-top:12px;padding:11px;display:grid;grid-template-columns:20px 1fr;gap:9px;border:1px dashed rgba(82,223,255,.23);border-radius:7px;color:#66dfff;background:#52dfff09}.rack-drag-guide{margin-top:16px;color:#a68aff;border-color:#a68aff40;background:#a68aff09}.rack-drag-guide.active,.server-drag-guide.active{color:#63f3ad;border-style:solid;border-color:#52f5a757;background:#52f5a70e;box-shadow:inset 0 0 25px #52f5a706}.rack-drag-guide strong,.server-drag-guide strong{display:block;font-size:12px}.rack-drag-guide span,.server-drag-guide span{display:block;margin-top:5px;color:#8199a3;font-size:11px;line-height:1.55}.layout-editor-note{display:block;margin-top:12px;color:#667f8a;font-size:10px;line-height:1.6}.layout-toast{position:absolute;z-index:18;left:50%;top:148px;max-width:min(500px,calc(100vw - 40px));padding:9px 13px;transform:translate(-50%);border:1px solid rgba(82,245,167,.2);border-radius:20px;color:#8ff6bd;background:#061411e0;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);font-size:9px;box-shadow:0 10px 30px #00000047}.layout-toast.error{color:#ff8997;border-color:#ff5b6e40;background:#1b090de6}.layout-toast.warning{color:#ffd083;border-color:#ffbd5940;background:#1b1307e6}.layout-editing canvas{cursor:crosshair}.inspector-eyebrow{display:flex;justify-content:space-between;align-items:center;color:#6f8a96;font-size:11px;letter-spacing:.16em}.inspector-eyebrow button{width:24px;height:24px;padding:0;border:1px solid var(--line);border-radius:5px;background:#ffffff05;color:#718894;font-size:17px;line-height:1;cursor:pointer}.inspector-actions{display:flex;align-items:center;gap:5px}.rack-title-row{display:flex;align-items:center;justify-content:space-between;margin-top:11px;padding-bottom:14px;border-bottom:1px solid var(--line)}.rack-title-row p{margin:0 0 5px;color:#708b97;font-size:11px;letter-spacing:.1em}.rack-title-row h2{margin:0;font:500 27px/1 ui-monospace,monospace;letter-spacing:.05em}.status-chip{display:flex;align-items:center;gap:7px;padding:7px 10px;border-radius:20px;font-size:12px}.status-chip>span{width:5px;height:5px;border-radius:50%;box-shadow:0 0 7px currentColor}.rack-visual{height:105px;display:flex;align-items:center;justify-content:center;gap:20px;border-bottom:1px solid var(--line);background:radial-gradient(circle at 34% 50%,rgba(56,186,228,.08),transparent 42%)}.rack-silhouette{width:48px;height:77px;padding:5px;display:flex;flex-direction:column;gap:2px;border:2px solid #354a55;border-top-width:4px;background:#081117;box-shadow:0 8px 18px #0006}.rack-silhouette span{flex:1;border:1px solid #243944;background:linear-gradient(90deg,#152631,#0c171e);position:relative}.rack-silhouette span:after{content:"";position:absolute;right:2px;top:50%;width:2px;height:2px;border-radius:50%;background:var(--green);box-shadow:0 0 3px var(--green)}.rack-silhouette span.fault:after{background:#ff4760;box-shadow:0 0 4px #ff4760}.rack-silhouette span.warn:after{background:#ffbd59;box-shadow:0 0 4px #ffbd59}.rack-count strong{display:block;font:400 30px/1 ui-monospace,monospace}.rack-count span{color:#5f7782;font:10px ui-monospace,monospace}.rack-count small{display:block;margin-top:6px;color:#4f6975;font-size:7px;letter-spacing:.16em}.rack-server-picker{padding:12px 0;border-bottom:1px solid var(--line)}.rack-server-picker-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:7px;color:#6f8994;font-size:9px;letter-spacing:.13em}.rack-server-picker-head strong{min-width:22px;padding:2px 6px;border-radius:10px;color:#8fe9ff;background:#52dfff14;text-align:center}.rack-server-picker-list{max-height:184px;overflow:auto;scrollbar-width:thin;scrollbar-color:rgba(82,223,255,.24) transparent}.rack-server-picker-list button{width:100%;min-height:44px;padding:6px 5px;display:grid;grid-template-columns:7px minmax(0,1fr) auto 28px 13px;align-items:center;gap:7px;border:0;border-bottom:1px solid rgba(157,213,235,.07);color:#b8d0d9;background:transparent;text-align:left;cursor:pointer}.rack-server-picker-list button:hover{background:#52dfff12}.rack-server-picker-list button>i{width:6px;height:6px;border-radius:50%;box-shadow:0 0 6px currentColor}.rack-server-picker-list button>span{min-width:0}.rack-server-picker-list button span strong{display:block;overflow:hidden;font:600 9px ui-monospace,monospace;text-overflow:ellipsis;white-space:nowrap}.rack-server-picker-list button span small{display:block;margin-top:3px;overflow:hidden;color:#607985;font-size:8px;text-overflow:ellipsis;white-space:nowrap}.rack-server-picker-list button em{font:600 7px ui-monospace,monospace;font-style:normal}.rack-server-picker-list button b{color:#7d99a5;font:600 8px ui-monospace,monospace;text-align:right}.rack-server-picker>p{margin:10px 0 2px;color:#5d7580;font-size:9px;text-align:center}.server-title-row h2{font-size:22px;letter-spacing:.02em}.server-title-row p{margin-bottom:6px}.server-title-actions{display:flex;flex-direction:column;align-items:flex-end;gap:8px}.server-title-badges{display:flex;align-items:center;gap:7px}.os-chip{padding:6px 9px;border:1px solid;border-radius:20px;font:600 9px ui-monospace,monospace;letter-spacing:.06em}.history-open-button{display:flex;align-items:center;gap:6px;padding:6px 9px;border:1px solid rgba(82,223,255,.26);border-radius:5px;color:#aeeffc;background:#52dfff13;font:600 9px ui-monospace,monospace;letter-spacing:.04em;cursor:pointer;transition:.2s}.history-open-button:hover{color:#effcff;border-color:#52dfff7a;background:#52dfff24;box-shadow:0 0 18px #52dfff17}.server-visual{min-height:100px;display:flex;align-items:center;gap:17px;padding:17px 3px;border-bottom:1px solid var(--line);background:radial-gradient(circle at 34% 50%,rgba(56,186,228,.08),transparent 42%)}.server-face{position:relative;width:145px;height:52px;display:flex;align-items:center;padding:8px 30px 8px 22px;border:2px solid #354b56;border-left-width:6px;border-radius:3px;background:linear-gradient(145deg,#172630,#091219);box-shadow:0 8px 24px #0000007a,inset 0 1px #ffffff0f}.server-face.warning{border-color:#ffbd59a6;box-shadow:0 8px 24px #0000007a,0 0 15px #ffbd5914}.server-face.critical{border-color:#ff5b6eb8;box-shadow:0 8px 24px #0000007a,0 0 18px #ff5b6e1f}.server-os-mark{position:absolute;left:19px;top:3px;font:700 7px ui-monospace,monospace;letter-spacing:.05em}.server-handle{position:absolute;left:7px;top:12px;bottom:12px;width:5px;border:1px solid #566c76;border-radius:2px}.server-vents{display:grid;grid-template-columns:repeat(6,1fr);gap:3px;width:75px}.server-vents i{height:5px;border-radius:1px;background:#344954;box-shadow:inset 0 1px #ffffff0a}.server-leds{position:absolute;right:10px;display:flex;flex-direction:column;gap:7px}.server-leds span{width:5px;height:5px;border-radius:50%;background:#39bfff;box-shadow:0 0 7px currentColor}.health-score{min-width:72px}.health-score strong{display:block;font:400 28px/1 ui-monospace,monospace}.health-score span{display:block;margin-top:6px;color:#647f8b;font-size:10px;letter-spacing:.1em}.health-score small{display:block;margin-top:9px;color:#89a0aa;font:11px ui-monospace,monospace}.server-metrics{grid-template-columns:repeat(2,1fr)}.server-metrics .metric-tile{min-height:56px}.server-info-list{margin-top:13px;border-top:1px solid var(--line)}.server-info-list div{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 1px;border-bottom:1px solid rgba(157,213,235,.08)}.server-info-list span{color:#69838e;font-size:10px;letter-spacing:.09em}.server-info-list strong{color:#afc2ca;font:500 11px ui-monospace,monospace;text-align:right}.metric-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:13px}.metric-tile{position:relative;min-height:70px;padding:11px 10px 9px 34px;border:1px solid rgba(152,208,230,.1);border-radius:6px;background:#ffffff05}.metric-tile svg{position:absolute;left:9px;top:10px;color:#567582}.metric-tile span{display:block;color:#718a96;font-size:11px}.metric-tile strong{display:block;margin-top:9px;font:500 17px ui-monospace,monospace}.metric-tile .compact-metric{font-size:12px;line-height:1.4;overflow-wrap:anywhere}.telemetry-section{margin-top:16px;border-top:1px solid rgba(157,213,235,.13)}.telemetry-section h3{margin:0;padding:13px 1px 9px;color:#75e5fd;font:600 11px ui-monospace,monospace;letter-spacing:.13em}.telemetry-section>div{border:1px solid rgba(152,208,230,.08);border-radius:6px;background:#ffffff03}.telemetry-section p{min-height:38px;margin:0;padding:9px 10px;display:grid;grid-template-columns:minmax(145px,.9fr) minmax(0,1.1fr);align-items:start;gap:12px;border-bottom:1px solid rgba(157,213,235,.065)}.telemetry-section p:last-child{border-bottom:0}.telemetry-section span{color:#69838f;font-size:10px;line-height:1.5;letter-spacing:.07em}.telemetry-section strong{min-width:0;color:#b9cbd2;font:500 11px/1.55 ui-monospace,SFMono-Regular,Menlo,monospace;text-align:right;overflow-wrap:anywhere;word-break:break-word}.chart-card{margin-top:8px;padding:10px 10px 6px;border:1px solid rgba(152,208,230,.1);border-radius:6px;background:#ffffff04}.chart-card-head{display:flex;justify-content:space-between;color:#5e7782;font-size:8px;letter-spacing:.1em}.chart-card-head strong{color:#52f5a7;font-weight:500}.mini-chart{width:100%;height:46px;margin-top:5px;overflow:visible}.chart-axis{display:flex;justify-content:space-between;color:#405762;font:7px ui-monospace,monospace}.metric-bar{margin-top:12px}.metric-bar-head{display:flex;justify-content:space-between;color:#718a95;font-size:11px;letter-spacing:.08em}.metric-bar-head strong{color:#a8bbc3;font:500 12px ui-monospace,monospace}.bar-track{height:3px;margin-top:6px;background:#18262e;overflow:hidden}.bar-track span{display:block;height:100%;box-shadow:0 0 8px currentColor;transition:width .5s ease}.alert-card{display:grid;grid-template-columns:18px 1fr 16px;align-items:center;gap:8px;margin-top:14px;padding:10px;border:1px solid rgba(255,189,89,.22);border-radius:6px;color:#ffbd59;background:#ffbd5912}.alert-card.critical{color:#ff6577;border-color:#ff5b6e3d;background:#ff5b6e13}.alert-card strong{display:block;font-size:12px}.alert-card span{display:block;margin-top:4px;color:#95898a;font-size:11px;line-height:1.45}.history-backdrop{position:absolute;z-index:75;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:34px;background:#010508c7;-webkit-backdrop-filter:blur(11px);backdrop-filter:blur(11px)}.history-panel{width:min(1460px,100%);height:min(900px,calc(100vh - 68px));display:grid;grid-template-rows:auto auto minmax(0,1fr);border:1px solid rgba(127,211,239,.18);border-radius:14px;overflow:hidden;background:linear-gradient(145deg,#08131bfa,#030a0ff7);box-shadow:0 35px 100px #0009,0 0 60px #35beeb0e}.history-panel-head{min-height:92px;padding:17px 21px;display:grid;grid-template-columns:44px minmax(0,1fr) auto 34px;align-items:center;gap:13px;border-bottom:1px solid rgba(157,213,235,.1);background:linear-gradient(90deg,rgba(82,223,255,.06),transparent 42%)}.history-title-mark{width:42px;height:42px;display:grid;place-items:center;border:1px solid rgba(82,223,255,.2);border-radius:9px;color:#65e5ff;background:#52dfff14;box-shadow:inset 0 0 20px #52dfff0d}.history-title-copy{min-width:0}.history-title-copy p{margin:0 0 4px;color:#56b8d0;font:600 8px ui-monospace,monospace;letter-spacing:.2em}.history-title-copy h2{margin:0;color:#effcff;font-size:21px;font-weight:520;letter-spacing:.015em}.history-title-copy span{display:block;margin-top:5px;overflow:hidden;color:#67828d;font-size:9px;text-overflow:ellipsis;white-space:nowrap}.history-head-status{display:flex;flex-direction:column;align-items:flex-end;gap:5px}.history-head-status small{font:600 7px ui-monospace,monospace;letter-spacing:.12em}.history-close{width:32px;height:32px;padding:0;border:1px solid rgba(157,213,235,.13);border-radius:7px;color:#8299a3;background:#ffffff06;font-size:21px;line-height:1;cursor:pointer}.history-close:hover{color:#e9fbff;border-color:#52dfff59}.history-filter-area{border-bottom:1px solid rgba(157,213,235,.08);background:#01080c4d}.history-toolbar{min-height:54px;padding:9px 21px;display:flex;align-items:center;justify-content:space-between;gap:14px}.history-range-tabs{display:flex;gap:4px;padding:3px;border:1px solid rgba(157,213,235,.09);border-radius:7px;background:#ffffff05}.history-range-tabs button,.history-refresh{border:0;border-radius:5px;color:#6c8792;background:transparent;font-size:10px;cursor:pointer}.history-range-tabs button{min-width:58px;padding:7px 10px}.history-range-tabs button:hover{color:#b9d2dc}.history-range-tabs button.active{color:#dcf9ff;background:#52dfff1f;box-shadow:inset 0 0 0 1px #52dfff24}.history-refresh{padding:7px 10px;display:flex;align-items:center;gap:6px;border:1px solid rgba(157,213,235,.1)}.history-refresh:hover{color:#ccebf4;background:#ffffff06}.history-refresh:disabled{opacity:.5;cursor:wait}.history-custom-range{min-height:59px;padding:0 21px 11px;display:flex;align-items:flex-end;gap:9px}.history-custom-range label{min-width:210px;display:flex;flex-direction:column;gap:5px}.history-custom-range label span{color:#66818c;font-size:8px;letter-spacing:.09em}.history-custom-range input{height:33px;padding:0 10px;border:1px solid rgba(146,207,231,.14);border-radius:6px;outline:0;color:#cceaf2;color-scheme:dark;background:#ffffff06;font:9px ui-monospace,monospace}.history-custom-range input:focus{border-color:#52dfff70;box-shadow:0 0 0 2px #52dfff0f}.history-custom-range>i{height:33px;display:grid;place-items:center;color:#4e6873;font-style:normal}.history-custom-range>button{height:33px;padding:0 14px;border:1px solid rgba(82,223,255,.3);border-radius:6px;color:#d8f8ff;background:#52dfff1a;font-size:9px;cursor:pointer}.history-custom-range>button:hover{border-color:#52dfff8c;background:#52dfff2b}.history-custom-range>small{align-self:center;color:#ff7a8b;font-size:8px}.spinning{animation:history-spin .8s linear infinite}@keyframes history-spin{to{transform:rotate(360deg)}}.history-content{min-height:0;padding:18px 21px 24px;overflow:auto;scrollbar-width:thin;scrollbar-color:rgba(82,223,255,.24) transparent;transition:opacity .2s}.history-content.refreshing{opacity:.58}.history-loading,.history-error{min-height:340px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;color:#59dffa}.history-loading strong,.history-error strong{margin-top:7px;color:#d7f4fa;font-size:14px}.history-loading span,.history-error span{color:#667f89;font-size:10px}.history-error{color:#ff6577}.history-error button{margin-top:10px;padding:8px 12px;border:1px solid rgba(255,101,119,.25);border-radius:6px;color:#ff9ca8;background:#ff5b6e14;cursor:pointer}.history-notice{margin-bottom:12px;padding:10px 12px;display:flex;align-items:center;gap:8px;border:1px solid rgba(82,223,255,.17);border-radius:7px;color:#74e5fb;background:#52dfff0e}.history-notice span{color:#94b6c1;font-size:10px}.history-summary-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.history-summary-grid>div{min-height:88px;padding:13px 14px;border:1px solid rgba(152,208,230,.1);border-radius:8px;background:linear-gradient(145deg,#ffffff06,#ffffff02)}.history-summary-grid span{display:block;color:#68838e;font-size:9px;letter-spacing:.08em}.history-summary-grid strong{display:block;margin-top:10px;color:#e1f9ff;font:500 22px ui-monospace,monospace}.history-summary-grid small{display:block;margin-top:6px;color:#536d78;font-size:8px}.history-status-card,.history-events-card{margin-top:12px;padding:14px;border:1px solid rgba(152,208,230,.1);border-radius:8px;background:#ffffff04}.history-section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.history-section-head strong{display:block;color:#cbe8f0;font-size:11px}.history-section-head span{display:block;margin-top:4px;color:#5e7883;font-size:8px}.history-section-head>b{min-width:29px;padding:3px 7px;border-radius:12px;color:#7ee9ff;background:#52dfff14;font:500 9px ui-monospace,monospace;text-align:center}.history-status-track{height:13px;margin-top:13px;display:flex;gap:2px;overflow:hidden;border-radius:3px;background:#132129}.history-status-track span{min-width:3px;height:100%;opacity:.9;box-shadow:0 0 8px currentColor}.history-status-axis{margin-top:6px;display:flex;justify-content:space-between;color:#48616c;font:7px ui-monospace,monospace}.history-chart-grid{margin-top:12px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.history-chart-card{position:relative;min-width:0;min-height:304px;padding:14px 14px 9px;border:1px solid rgba(152,208,230,.1);border-radius:9px;overflow:hidden;background:radial-gradient(circle at 22% 0%,rgba(82,223,255,.045),transparent 42%),#ffffff03}.history-chart-head{min-height:38px;display:flex;justify-content:space-between;gap:14px}.history-chart-head>div:first-child strong{display:block;color:#cce8f0;font-size:11px}.history-chart-head>div:first-child span{display:block;margin-top:4px;color:#58727e;font-size:8px}.history-chart-legend{display:flex;align-items:flex-start;justify-content:flex-end;flex-wrap:wrap;gap:7px 11px}.history-chart-legend span{display:grid;grid-template-columns:5px auto;align-items:center;gap:4px;color:#718994;font-size:7px}.history-chart-legend i,.history-tooltip i{width:5px;height:5px;border-radius:50%;box-shadow:0 0 6px currentColor}.history-chart-legend b{grid-column:1 / -1;color:#b1c6ce;font:500 8px ui-monospace,monospace;text-align:right}.history-chart-svg{width:100%;height:232px;margin-top:4px;overflow:visible;cursor:crosshair}.history-grid-line{stroke:#8bbed217;stroke-width:1;vector-effect:non-scaling-stroke}.history-axis-label{fill:#49616b;font:8px ui-monospace,monospace}.history-series-line{filter:drop-shadow(0 0 4px rgba(82,223,255,.12))}.history-cursor-line{stroke:#cff3ff4d;stroke-width:1;stroke-dasharray:3 3;vector-effect:non-scaling-stroke}.history-cursor-dot{stroke:#071219;stroke-width:2;vector-effect:non-scaling-stroke;filter:drop-shadow(0 0 4px currentColor)}.history-chart-empty{height:228px;display:grid;place-items:center;color:#506873;font-size:9px}.history-tooltip{position:absolute;z-index:2;right:16px;top:63px;min-width:155px;padding:9px;display:grid;grid-template-columns:6px minmax(0,1fr) auto;align-items:center;gap:5px 7px;border:1px solid rgba(129,211,239,.2);border-radius:7px;color:#7f98a3;background:#040c11ed;box-shadow:0 10px 25px #00000061;pointer-events:none}.history-tooltip time{grid-column:1 / -1;margin-bottom:3px;color:#b8d4dd;font:8px ui-monospace,monospace}.history-tooltip span{display:contents;font-size:8px}.history-tooltip b{color:#d8f1f7;font:500 8px ui-monospace,monospace;text-align:right}.history-event-list{margin-top:10px;max-height:300px;overflow:auto;scrollbar-width:thin;scrollbar-color:rgba(82,223,255,.2) transparent}.history-event-list>div{min-height:54px;display:grid;grid-template-columns:3px 25px minmax(0,1fr) auto;align-items:center;gap:10px;padding:8px 5px;border-bottom:1px solid rgba(157,213,235,.07)}.history-event-list>div:last-child{border:0}.history-event-list>div>i{width:3px;height:28px;border-radius:2px;background:#ffbd59;box-shadow:0 0 8px currentColor}.history-event-list>div.critical>i{background:#ff6577}.history-event-list>div>span{width:25px;height:25px;display:grid;place-items:center;border-radius:6px;color:#718c97;background:#ffffff08}.history-event-list p{min-width:0;margin:0}.history-event-list p strong{display:block;overflow:hidden;color:#b9ced6;font-size:10px;font-weight:500;line-height:1.4;text-overflow:ellipsis;white-space:nowrap}.history-event-list p small{display:block;margin-top:4px;color:#58717c;font-size:8px}.history-event-list time{color:#58717c;font:8px ui-monospace,monospace;white-space:nowrap}.history-event-empty{min-height:90px;display:grid;place-items:center;color:#526b76;font-size:9px}.summary-bar{position:absolute;z-index:8;left:100px;right:438px;bottom:24px;height:64px;display:grid;grid-template-columns:repeat(4,1fr);border-radius:8px;overflow:hidden}.summary-item{display:flex;align-items:center;gap:11px;padding:0 17px;border-right:1px solid var(--line)}.summary-item:last-child{border:0}.summary-icon{width:31px;height:31px;display:grid;place-items:center;border-radius:7px}.summary-icon.cyan{color:#51dfff;background:#51dfff1a}.summary-icon.green{color:#52f5a7;background:#52f5a71a}.summary-icon.violet{color:#a686ff;background:#a686ff1a}.summary-icon.red{color:#ff6175;background:#ff61751a}.summary-item p{margin:0}.summary-item p>span{display:block;color:#55707c;font-size:7px;letter-spacing:.15em}.summary-item p>strong{display:block;margin-top:4px;font:500 17px ui-monospace,monospace}.summary-item p small{color:#617781;font-size:9px;font-weight:400}.summary-item.alert{background:linear-gradient(90deg,transparent,rgba(255,70,95,.035))}.interaction-help{position:absolute;z-index:6;left:50%;bottom:105px;transform:translate(-50%,8px);display:flex;align-items:center;gap:9px;padding:8px 12px;border:1px solid rgba(157,213,235,.1);border-radius:20px;color:#617984;background:#050b10a8;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-size:8px;letter-spacing:.06em;opacity:0;transition:.6s ease;pointer-events:none}.interaction-help.show{opacity:1;transform:translate(-50%)}.mouse-icon{width:12px;height:17px;border:1px solid #6d8691;border-radius:7px;position:relative}.mouse-icon i{position:absolute;width:1px;height:4px;top:3px;left:5px;background:var(--cyan)}.legend{position:absolute;z-index:6;right:35px;bottom:79px;display:flex;align-items:center;gap:11px;color:#59727d;font-size:8px}.legend span{display:flex;align-items:center;gap:5px}.legend i{width:5px;height:5px;border-radius:50%;box-shadow:0 0 5px currentColor}.legend .os-key i{width:7px;height:5px;border-radius:1px}.legend-separator{width:1px;height:12px;margin:0 2px;background:#9dd5eb29}.thermal-legend{padding:8px 10px;gap:12px;border:1px solid rgba(255,166,82,.18);border-radius:7px;background:#050b10c7;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.thermal-legend .thermal-key{gap:7px}.thermal-key strong{color:#acc4ce;font-size:9px;font-weight:600}.thermal-key small{color:#8198a2;font:8px ui-monospace,monospace}.thermal-gradient{width:104px;height:7px;border-radius:5px;background:linear-gradient(90deg,#2979ff,#2ed9ff 24%,#ffe45c 50%,#ff8a3d 73%,#ff294f);box-shadow:0 0 10px #ff64462e}.thermal-no-data i{width:7px;height:7px;background:#52636c;box-shadow:none}.rack-tag{display:flex;align-items:center;gap:6px;padding:4px 7px;color:#a3bac4;border:1px solid rgba(149,207,230,.16);border-radius:3px;background:#060e13c7;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);font:600 8px ui-monospace,monospace;letter-spacing:.08em;white-space:nowrap;transition:.2s;pointer-events:none}.rack-tag.selected{color:#e8fbff;border-color:#52dfff94;background:#061920e6;box-shadow:0 0 20px #52dfff33;transform:translateY(-2px)}.rack-tag.hovered{gap:7px;padding:7px 9px;color:#e9fbff;border-color:#52dfff7a;background:#041118f0;box-shadow:0 8px 24px #00000061,0 0 20px #52dfff26;transform:translateY(-4px) scale(1.16)}.rack-tag.hovered strong{color:#effcff;font-size:10px;letter-spacing:.06em}.rack-tag.hovered small{color:#7f9ba6;font-size:7px;letter-spacing:.035em}.rack-tag-dot{width:4px;height:4px;border-radius:50%;box-shadow:0 0 5px currentColor}.rack-tag em{margin-left:3px;padding:2px 4px;border-radius:2px;color:#55e5ff;background:#52dfff1f;font-size:6px;font-style:normal;letter-spacing:.1em}.floor-tag{min-width:92px;padding:7px 9px;border-left:2px solid #52dfff;color:#dff8ff;background:#050e14db;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);box-shadow:0 7px 24px #00000047;white-space:nowrap}.floor-tag strong{display:block;font:600 10px ui-monospace,monospace}.floor-tag span{display:block;margin-top:3px;color:#66808b;font:7px ui-monospace,monospace;letter-spacing:.06em}.server-tag{display:flex;align-items:center;gap:5px;padding:4px 7px;border:1px solid rgba(82,223,255,.48);border-radius:3px;color:#e5faff;background:#050e14eb;box-shadow:0 0 16px #52dfff29;font:600 7px ui-monospace,monospace;letter-spacing:.04em;white-space:nowrap;pointer-events:none}.server-tag.hovered{min-width:205px;padding:6px 8px;border-color:#52dfff99;background:#030e14f5;box-shadow:0 9px 24px #0000006b,0 0 20px #52dfff2e;transform:scale(1.18)}.server-tag b{color:#e8fbff;font:600 8px ui-monospace,monospace}.server-tag small{color:#708b96;font:6px ui-monospace,monospace;letter-spacing:.025em}.server-tag em{padding-left:3px;font-style:normal;text-shadow:0 0 7px currentColor}.server-tag span{width:4px;height:4px;border-radius:50%;box-shadow:0 0 6px currentColor}.server-tag strong{font-size:7px}.empty-topology{position:absolute;z-index:12;left:50%;top:50%;width:min(360px,calc(100vw - 40px));padding:28px;display:flex;flex-direction:column;align-items:center;gap:9px;transform:translate(-50%,-50%);border-radius:12px;text-align:center}.empty-topology svg{color:var(--cyan)}.empty-topology strong{margin-top:4px;font-size:15px}.empty-topology span{color:#6b838e;font-size:10px;line-height:1.6}.empty-topology button{margin-top:8px;padding:8px 13px;border:1px solid rgba(82,223,255,.3);border-radius:6px;color:#dffaff;background:#52dfff1a;cursor:pointer}.operations-backdrop{position:absolute;z-index:60;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:24px;background:#010508ad;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px)}.operations-panel{width:min(570px,100%);max-height:calc(100vh - 48px);padding:23px;overflow:auto;border-radius:13px;scrollbar-width:thin;scrollbar-color:rgba(82,223,255,.25) transparent}.operations-head{display:flex;align-items:flex-start;justify-content:space-between;padding-bottom:17px;border-bottom:1px solid var(--line)}.operations-head p,.import-card p,.agent-install-card p{margin:0 0 6px;color:#59727d;font-size:8px;letter-spacing:.2em}.operations-head h2{margin:0;font-size:20px;font-weight:480}.operations-head>button{width:29px;height:29px;border:1px solid var(--line);border-radius:6px;color:#77909b;background:#ffffff06;font-size:20px;line-height:1;cursor:pointer}.connection-banner{margin-top:16px;padding:12px 14px;display:flex;align-items:center;gap:11px;border:1px solid rgba(255,189,89,.18);border-radius:7px;color:#ffbd59;background:#ffbd590e}.connection-banner.live{color:var(--green);border-color:#52f5a733;background:#52f5a70e}.connection-banner.offline{color:#ff6577;border-color:#ff5b6e33;background:#ff5b6e0e}.connection-banner>div{min-width:0}.connection-banner strong{display:block;font-size:10px;letter-spacing:.08em}.connection-banner span{display:block;margin-top:4px;overflow:hidden;color:#6c838d;font-size:9px;text-overflow:ellipsis;white-space:nowrap}.microsoft-login-card{display:grid;grid-template-columns:38px 1fr auto;align-items:center;gap:11px;margin-top:14px;padding:13px;border:1px solid rgba(87,179,255,.18);border-radius:8px;background:linear-gradient(135deg,#19547a29,#04111857)}.microsoft-login-mark{display:grid;width:38px;height:38px;place-items:center;border-radius:8px;color:#66c9ff;background:#45a1dc24;box-shadow:inset 0 0 0 1px #77cfff1f}.microsoft-login-card p{margin:0 0 4px;color:#5daed2;font-size:7px;letter-spacing:.13em}.microsoft-login-card h3{margin:0;color:#d9f2fb;font-size:12px}.microsoft-login-card span{display:block;margin-top:4px;color:#68848f;font-size:8px;line-height:1.45}.microsoft-login-card button{display:inline-flex;min-height:34px;align-items:center;justify-content:center;gap:6px;padding:0 11px;border:1px solid rgba(104,202,255,.2);border-radius:6px;color:#9ee7ff;background:#24729624;font-size:9px;white-space:nowrap}.microsoft-login-card button:disabled{cursor:not-allowed;opacity:.45}.connection-form{display:grid;grid-template-columns:1fr 150px;gap:10px;margin-top:16px}.connection-form label:first-child,.connection-form label:nth-child(3){grid-column:1 / -1}.connection-form label{display:block}.connection-form label>span{display:block;margin:0 0 6px 1px;color:#5c747f;font-size:8px;letter-spacing:.1em}.connection-form input{width:100%;height:37px;padding:0 11px;outline:0;border:1px solid rgba(157,213,235,.14);border-radius:6px;color:#d8edf5;background:#030a0e9e;font:10px ui-monospace,monospace;transition:border-color .2s}.connection-form input:focus{border-color:#52dfff7a;box-shadow:0 0 0 2px #52dfff0f}.connection-actions{grid-column:1 / -1;display:flex;gap:7px}.connection-actions button,.import-actions button,.import-actions label{min-height:34px;padding:0 12px;display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid var(--line);border-radius:6px;color:#88a0aa;background:#ffffff06;font-size:9px;cursor:pointer}.connection-actions .primary-action{color:#071015;border-color:transparent;background:linear-gradient(135deg,#69e4ff,#52f5a7);font-weight:700}.connection-actions button:disabled,.import-actions button:disabled,.import-actions label.disabled{opacity:.38;cursor:not-allowed}.agent-install-card{margin-top:19px;padding:15px;border:1px solid rgba(82,223,255,.17);border-radius:8px;background:linear-gradient(135deg,#52dfff0b,#52f5a705)}.agent-install-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.agent-install-head h3{margin:0;font-size:12px;font-weight:560}.agent-os-tabs{padding:2px;display:flex;border:1px solid rgba(157,213,235,.12);border-radius:6px;background:#01070a80}.agent-os-tabs button{height:25px;padding:0 10px;border:0;border-radius:4px;color:#5f7781;background:transparent;font-size:8px;cursor:pointer}.agent-os-tabs button.active{color:#dffaff;background:#52dfff21;box-shadow:inset 0 0 0 1px #52dfff21}.agent-install-description{display:block;margin-top:10px;color:#738a94;font-size:8px;line-height:1.6}.agent-api-key-notice{margin-top:9px;padding:9px 10px;display:flex;align-items:center;gap:9px;border:1px solid rgba(255,189,89,.2);border-radius:6px;color:#ffbd59;background:#ffbd590e}.agent-api-key-notice div{min-width:0}.agent-api-key-notice strong{display:block;font-size:8px;letter-spacing:.035em}.agent-api-key-notice span{display:block;margin-top:3px;color:#8c8067;font-size:7px;line-height:1.5}.agent-api-key-notice.active{color:#52f5a7;border-color:#52f5a73d;background:#52f5a70e}.agent-api-key-notice.active span{color:#759887}.agent-api-key-notice>button{margin-left:auto;min-width:104px;height:31px;padding:0 10px;border:1px solid currentColor;border-radius:5px;color:inherit;background:#ffffff09;font-size:8px;cursor:pointer}.agent-api-key-notice>button:disabled{opacity:.38;cursor:not-allowed}.agent-enrollment-error{margin-top:7px;color:#ff6577;font-size:8px;line-height:1.5}.install-command{margin-top:10px;min-height:48px;padding:8px 8px 8px 11px;display:flex;align-items:center;gap:9px;border:1px solid rgba(157,213,235,.13);border-radius:6px;background:#010609b8}.install-command code{min-width:0;flex:1;overflow-wrap:anywhere;color:#a9c9d5;font:8px/1.55 ui-monospace,SFMono-Regular,Consolas,monospace}.install-command-actions{display:flex;gap:6px;flex-shrink:0}.install-command-actions button{min-width:74px;height:31px;padding:0 9px;display:inline-flex;align-items:center;justify-content:center;gap:6px;border:1px solid rgba(82,223,255,.22);border-radius:5px;color:#9deeff;background:#52dfff14;font-size:8px;cursor:pointer}.install-command-actions button:first-child{color:#b7f7cf;border-color:#52f5a733;background:#52f5a70f}.install-command-actions button:disabled{opacity:.36;cursor:not-allowed}.agent-install-card small{display:block;margin-top:8px;color:#506873;font-size:7px;line-height:1.5}.import-card{margin-top:19px;padding:15px;display:flex;align-items:center;justify-content:space-between;gap:15px;border:1px solid rgba(157,213,235,.11);border-radius:8px;background:#ffffff05}.import-card h3{margin:0;font-size:12px;font-weight:560}.import-card>div>span{display:block;margin-top:5px;color:#617984;font-size:8px;line-height:1.5}.import-actions{display:flex;gap:6px;flex-shrink:0}.import-actions input{display:none}.asset-create-card{margin-top:10px;border:1px solid rgba(157,213,235,.11);border-radius:8px;background:#ffffff04}.asset-create-card summary{padding:12px 14px;color:#8299a3;font-size:9px;cursor:pointer;-webkit-user-select:none;user-select:none}.asset-create-card[open] summary{border-bottom:1px solid rgba(157,213,235,.09)}.asset-create-card form{padding:13px;display:grid;grid-template-columns:repeat(2,1fr);gap:9px}.asset-create-card label>span{display:block;margin:0 0 5px 1px;color:#5c747f;font-size:8px}.asset-create-card input{width:100%;height:34px;padding:0 9px;outline:0;border:1px solid rgba(157,213,235,.13);border-radius:5px;color:#d8edf5;background:#030a0e94;font:9px ui-monospace,monospace}.asset-create-card input:focus{border-color:#52dfff73}.asset-create-card button{min-height:34px;grid-column:1 / -1;border:0;border-radius:6px;color:#071015;background:linear-gradient(135deg,#69e4ff,#52f5a7);font-size:9px;font-weight:700;cursor:pointer}.asset-create-card button:disabled{opacity:.4;cursor:not-allowed}.operation-message{margin-top:11px;padding:9px 11px;border-radius:6px;color:#76e9af;background:#52f5a712;font-size:9px}.operation-message.error{color:#ff7b8b;background:#ff5b6e14}.operation-message.warning{color:#ffcb79;background:#ffbd5914}.alerts-section{margin-top:19px}.alerts-head{display:flex;align-items:center;justify-content:space-between;padding-bottom:8px;color:#607984;font-size:8px;letter-spacing:.14em;border-bottom:1px solid var(--line)}.alerts-head strong{min-width:22px;padding:3px 6px;border-radius:10px;color:#ff7a8a;background:#ff5b6e17;text-align:center}.alerts-list>p{margin:18px 0 4px;color:#536a75;font-size:9px;text-align:center}.alerts-list>div{min-height:39px;display:grid;grid-template-columns:6px minmax(100px,1fr) 55px auto;align-items:center;gap:9px;border-bottom:1px solid rgba(157,213,235,.07)}.alerts-list i{width:6px;height:6px;border-radius:50%;box-shadow:0 0 7px currentColor}.alerts-list strong{overflow:hidden;font:500 9px ui-monospace,monospace;text-overflow:ellipsis;white-space:nowrap}.alerts-list span{color:#738a94;font-size:8px}.alerts-list time{color:#506772;font:7px ui-monospace,monospace}.scanlines{position:absolute;z-index:30;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.045;background:repeating-linear-gradient(0deg,transparent,transparent 3px,rgba(180,230,255,.2) 4px);mix-blend-mode:overlay}@media(max-width:1100px){.topbar{grid-template-columns:250px 1fr auto}.site-path{display:none}.summary-bar{right:28px}.inspector{width:276px}.server-inspector{width:430px}.layout-editor{width:390px}.summary-bar:has(~.inspector){right:320px}.summary-bar:has(~.server-inspector){right:474px}.summary-item{padding:0 10px}.summary-icon{display:none}.history-backdrop{padding:18px}.history-panel{height:calc(100vh - 36px)}.history-summary-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:800px){.app-shell{min-height:600px}.topbar{height:64px;grid-template-columns:1fr auto;padding:0 15px}.live-indicator,.clock,.side-nav{display:none}.scene-heading{left:18px;top:88px}.search-wrap{display:none}.view-controls{top:auto;left:14px;bottom:88px;transform:none}.view-controls button{padding:0 8px}.inspector{top:135px;right:12px;bottom:145px;width:265px;background:#060d13e0}.server-inspector{width:min(460px,calc(100vw - 24px))}.layout-editor{top:135px;right:12px;bottom:145px;width:min(410px,calc(100vw - 24px));background:#060d13eb}.summary-bar,.summary-bar:has(~.inspector){left:12px;right:12px;bottom:12px;height:62px;grid-template-columns:1fr 1fr}.summary-item:nth-child(n+3){display:none}.legend,.interaction-help{display:none}.history-backdrop{padding:8px}.history-panel{height:calc(100vh - 16px)}.history-panel-head{grid-template-columns:38px minmax(0,1fr) 30px;padding:13px}.history-title-mark{width:36px;height:36px}.history-head-status{display:none}.history-toolbar{padding:8px 13px}.history-custom-range{padding:0 13px 10px;flex-wrap:wrap}.history-custom-range label{min-width:180px;flex:1}.history-content{padding:13px}.history-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.history-chart-grid{grid-template-columns:1fr}}@media(max-width:520px){.inspector{left:12px;width:auto;top:auto;bottom:155px;height:285px;min-height:0}.server-inspector{right:12px;height:min(62vh,480px)}.layout-editor{left:12px;width:auto;top:auto;bottom:88px;height:min(68vh,520px);min-height:0}.compact-layout-form.floor-form,.compact-layout-form.rack-form{grid-template-columns:1fr 1fr}.compact-layout-form.floor-form button{grid-column:1 / -1}.telemetry-section p{grid-template-columns:minmax(98px,.75fr) minmax(0,1.25fr)}.scene-heading h2{font-size:23px}.view-controls button{font-size:0;gap:0}.view-controls button svg{width:16px}.operations-backdrop{padding:10px}.operations-panel{max-height:calc(100vh - 20px);padding:17px}.microsoft-login-card{grid-template-columns:34px 1fr}.microsoft-login-card>button{grid-column:1 / -1}.connection-form{grid-template-columns:1fr}.connection-form label:first-child,.connection-form label:nth-child(3),.connection-actions{grid-column:auto}.import-card,.agent-install-head{align-items:stretch;flex-direction:column}.agent-os-tabs button{flex:1}.install-command{align-items:stretch;flex-direction:column}.install-command-actions{width:100%}.install-command-actions button,.import-actions button,.import-actions label{flex:1}.alerts-list>div{grid-template-columns:6px 1fr 50px}.alerts-list time{display:none}.history-title-copy span{display:none}.history-range-tabs button{min-width:0;padding:7px 8px}.history-range-tabs{overflow-x:auto}.history-range-tabs button{flex:0 0 auto}.history-refresh{font-size:0;gap:0}.history-custom-range>i{display:none}.history-custom-range label{min-width:calc(50% - 6px)}.history-custom-range>button{flex:1}.history-custom-range>small{width:100%}.history-summary-grid>div{min-height:78px}.history-summary-grid strong{font-size:18px}.history-chart-card{min-height:278px;padding:11px 9px 6px}.history-chart-svg{height:210px}.history-chart-legend b{display:none}.history-event-list>div{grid-template-columns:3px 22px minmax(0,1fr)}.history-event-list time{display:none}}
