:root{
    --primary:#355cff;--primary-dark:#1734b8;--bg:#f4f7fb;--card:#fff;--text:#172033;--muted:#738096;--border:#e8edf5;--danger:#dc3545;--success:#198754;--warning:#ffc107;--sidebar:#081226;
}
*{box-sizing:border-box}body{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:var(--bg);color:var(--text)}
.login-body{min-height:100vh;background:radial-gradient(circle at top left,#335cff 0,#081226 45%,#020713 100%);display:flex;align-items:center;justify-content:center;padding:20px}
.login-wrap{width:100%;max-width:430px}.login-card{background:#fff;border-radius:28px;padding:34px;text-align:center}.login-card h1{font-weight:800}.brand-circle{width:76px;height:76px;border-radius:24px;background:linear-gradient(135deg,var(--primary),#6e8bff);color:#fff;display:grid;place-items:center;font-size:34px;margin:0 auto 18px}
.app-shell{display:flex;min-height:100vh}.app-sidebar{position:fixed;left:0;top:0;bottom:0;width:280px;background:linear-gradient(180deg,#081226,#0d1830);color:#fff;padding:18px;z-index:1040;transition:.25s ease}.sidebar-brand{display:flex;gap:12px;align-items:center;padding:12px 8px 24px}.brand-icon{width:48px;height:48px;border-radius:16px;background:rgba(255,255,255,.12);display:grid;place-items:center;font-size:23px}.sidebar-brand span{display:block;color:#aeb9cf;font-size:13px}.sidebar-nav{display:grid;gap:8px}.sidebar-nav .nav-link{color:#c8d2e7;border-radius:14px;padding:12px 14px;display:flex;gap:10px;align-items:center;font-weight:600}.sidebar-nav .nav-link:hover,.sidebar-nav .nav-link.active{background:#fff;color:#081226}.sidebar-footer{position:absolute;left:18px;right:18px;bottom:18px}
.app-main{margin-left:280px;width:calc(100% - 280px);min-height:100vh}.app-topbar{position:sticky;top:0;background:rgba(244,247,251,.92);backdrop-filter:blur(12px);z-index:1030;padding:18px 24px;border-bottom:1px solid var(--border);display:flex;gap:14px;align-items:center}.app-topbar h2{font-size:22px;font-weight:800}.section-block{scroll-margin-top:90px;margin-bottom:28px}.section-title{display:flex;justify-content:space-between;align-items:end;margin-bottom:16px}.section-title h3{margin:0;font-weight:800}.section-title p{margin:4px 0 0;color:var(--muted)}
.metric-card,.panel-card{background:var(--card);border:1px solid var(--border);border-radius:22px;box-shadow:0 10px 30px rgba(14,29,65,.06)}.metric-card{padding:20px;display:flex;gap:14px;align-items:center}.metric-card span{width:50px;height:50px;border-radius:16px;background:#edf2ff;color:var(--primary);display:grid;place-items:center;font-size:24px}.metric-card small{display:block;color:var(--muted);font-weight:700}.metric-card strong{font-size:28px;font-weight:850}.panel-card{padding:18px}.filter-pills{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.filter-pills button{border:1px solid var(--border);background:#fff;padding:8px 12px;border-radius:999px;font-weight:700;color:#4f5c73}.filter-pills button.active{background:var(--primary);border-color:var(--primary);color:#fff}.mini-table thead th{font-size:12px;color:#68758d;text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid var(--border)}.mini-table td{border-bottom:1px solid var(--border);vertical-align:middle}.account-pill{font-weight:800}.progress{height:9px;border-radius:999px}.action-buttons{display:flex;gap:6px;justify-content:flex-end;flex-wrap:wrap}.action-buttons .btn{border-radius:10px}.badge-soft{background:#eef2ff;color:#355cff}.device-list{list-style:none;padding:0;margin:14px 0 0}.device-list li{padding:8px 0;border-bottom:1px solid var(--border)}.device-list li:last-child{border-bottom:0}code{background:#eef2ff;border-radius:8px;padding:2px 7px}.modal-content{border:0;border-radius:24px}.modal-header,.modal-footer{border-color:var(--border)}.btn{border-radius:12px;font-weight:700}.btn-primary{background:var(--primary);border-color:var(--primary)}.btn-primary:hover{background:var(--primary-dark);border-color:var(--primary-dark)}
@media (max-width: 991px){.app-sidebar{transform:translateX(-105%)}.app-sidebar.show{transform:translateX(0)}.app-main{margin-left:0;width:100%}.app-topbar{padding:14px}.filter-pills{justify-content:flex-start}.section-title{align-items:flex-start}.login-card{padding:26px}.table-responsive{border-radius:16px}.action-buttons{justify-content:flex-start}}
@media (max-width: 575px){.app-topbar{flex-wrap:wrap}.app-topbar .ms-auto{margin-left:0!important;width:100%;justify-content:space-between}.section-title{display:block}.section-title .btn{margin-top:10px;width:100%}.metric-card strong{font-size:24px}.panel-card{padding:14px}.mini-table{min-width:820px}}