:root{--navy:#0f2a44;--navy2:#16365e;--teal:#0ea5a0;--teal2:#0b8a86;--bg:#f2f5f8;--card:#fff}
[data-theme="dark"]{--bg:#0e1622;--card:#162233;color-scheme:dark}
body{background:var(--bg);font-family:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}
.sidebar{background:var(--navy);min-height:100vh;width:250px;position:fixed;left:0;top:0;z-index:1030;transition:transform .2s}
.sidebar .brand{color:#fff;font-weight:700;padding:1rem 1.1rem;border-bottom:1px solid rgba(255,255,255,.12)}
.sidebar .brand small{display:block;color:#8fd8d4;font-weight:400;font-size:.75rem}
.sidebar a.nav-link{color:#cbd8e6;padding:.6rem 1.1rem;border-radius:0}
.sidebar a.nav-link:hover,.sidebar a.nav-link.active{background:var(--teal);color:#fff}
.main{margin-left:250px;padding:1.25rem}
@media(max-width:991.98px){.sidebar{transform:translateX(-100%)}.sidebar.open{transform:none}.main{margin-left:0}}
.topbar{background:var(--card);border-bottom:1px solid #dee2e6;padding:.6rem 1rem;display:flex;gap:.5rem;align-items:center;position:sticky;top:0;z-index:1020}
.card{border:0;box-shadow:0 1px 4px rgba(15,42,68,.08);background:var(--card)}
.stat-num{font-size:1.4rem;font-weight:700;line-height:1}
.stat-label{font-size:.72rem;text-transform:uppercase;letter-spacing:.04em;color:#6c757d}
.btn-teal{background:var(--teal);color:#fff;border:0}
.btn-teal:hover{background:var(--teal2);color:#fff}
.text-teal{color:var(--teal)}
.badge-online{background:#198754}.badge-offline{background:#6c757d}.badge-restricted{background:#dc3545}
.table th{font-size:.78rem;text-transform:uppercase;letter-spacing:.03em}
.table td{font-size:.9rem;vertical-align:middle}
.action-col{white-space:nowrap;text-align:center}
.action-col .btn{padding:.15rem .4rem;font-size:.85rem}
.empty{padding:2.5rem 1rem;text-align:center;color:#6c757d}
.demo-banner{background:#fff3cd;border:1px solid #ffc107}
[data-theme="dark"] .table{--bs-table-bg:transparent;color:#dbe4ee}
[data-theme="dark"] .form-control,[data-theme="dark"] .form-select{background:#0e1622;color:#dbe4ee;border-color:#2a3d55}
[data-theme="dark"] .modal-content{background:#162233;color:#dbe4ee}