:root{--navy:#071426;--panel:#10233d;--line:#203b5d;--cyan:#22d3ee;--text:#e7f1ff;--muted:#8da3bd}*{box-sizing:border-box}body{margin:0;background:#09182b;color:var(--text);font:14px system-ui}#sidebar{width:245px;min-height:100vh;background:#06111f;border-right:1px solid var(--line);position:sticky;top:0}.brand{height:78px;padding:18px;display:flex;gap:12px;align-items:center;border-bottom:1px solid var(--line);color:var(--cyan)}.brand i{font-size:30px}.brand small,.topbar small{display:block;color:var(--muted)}nav{padding:12px}nav a{display:flex;gap:12px;align-items:center;color:#bcd0e5;padding:11px 12px;text-decoration:none;border-radius:8px;margin:3px 0}nav a:hover{background:#132b49;color:white}.nav-label{font-size:10px;color:#607994;margin:18px 12px 5px}.topbar{height:78px;background:#0b1d33;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:16px;padding:12px 22px;position:sticky;top:0;z-index:10}.content{padding:22px}.content h1{font-size:21px;margin-bottom:20px}.card{background:var(--panel);border:1px solid var(--line);color:var(--text);box-shadow:0 8px 30px #0002}.stat{padding:18px;border-radius:12px}.stat .value{font-size:28px;font-weight:700}.stat small,.text-muted{color:var(--muted)!important}.table{--bs-table-bg:transparent;--bs-table-color:#d9e8f8;--bs-table-border-color:var(--line)}.form-control,.form-select{background:#0a1a2e;border-color:var(--line);color:white}.form-control:focus,.form-select:focus{background:#0a1a2e;color:white}.badge-UP{background:#127447}.badge-DOWN{background:#b72f45}.badge-WARNING{background:#a46c08}.badge-UNKNOWN{background:#58677a}.chart-wrap{height:310px}.alarm{border-left:4px solid #ef476f}.device-node{display:inline-block;padding:18px;margin:18px;background:var(--panel);border:2px solid var(--line);border-radius:12px;color:white;text-decoration:none;min-width:140px}.device-node.UP{border-color:#2ed573}.device-node.DOWN{border-color:#ff4757}.device-node.WARNING{border-color:#ffa502}@media(max-width:850px){#sidebar{position:fixed;z-index:30;transform:translateX(-100%);transition:.2s}#sidebar.open{transform:none}.content{padding:14px}.topbar b{font-size:12px}}