:root{--brand:#1565c0;--brand-dark:#0d47a1;--sidebar-w:230px}
body{font-family:'Segoe UI',system-ui,sans-serif;background:#f4f6fb}
[data-bs-theme=dark] body,[data-bs-theme=dark]{background:#0f1622}
.btn-primary{background:var(--brand);border-color:var(--brand)}
.btn-primary:hover{background:var(--brand-dark);border-color:var(--brand-dark)}
.material-icons{font-size:20px;vertical-align:middle}
.brand-icon{font-size:48px;color:var(--brand)}
/* login */
.login-page{display:flex;align-items:center;justify-content:center;min-height:100vh;
  background:linear-gradient(135deg,#1565c0,#0d47a1)}
.login-card{width:100%;max-width:380px;border:0;border-radius:14px}
/* layout */
.topbar{background:#fff;position:sticky;top:0;z-index:1030}
[data-bs-theme=dark] .topbar{background:#16202e}
.layout{display:flex;min-height:calc(100vh - 56px)}
.sidebar{width:var(--sidebar-w);background:#fff;border-right:1px solid rgba(0,0,0,.06);transition:.2s;flex-shrink:0}
[data-bs-theme=dark] .sidebar{background:#16202e;border-color:rgba(255,255,255,.06)}
.sidebar .nav-link{color:#5a6a85;border-radius:8px;margin:2px 8px;display:flex;gap:10px;align-items:center}
.sidebar .nav-link.active,.sidebar .nav-link:hover{background:var(--brand);color:#fff}
.sidebar.collapsed{width:64px}.sidebar.collapsed .lbl{display:none}
.content{flex:1;padding:20px;overflow-x:auto}
.stat-card{border-radius:12px;transition:transform .15s}
.stat-card:hover{transform:translateY(-3px)}
.stat-value{font-size:1.6rem;font-weight:700;margin-top:6px}
.stat-label{color:#7a8aa0;font-size:.8rem}
.badge.status-online{background:#198754}.badge.status-offline{background:#6c757d}
.badge.status-locked{background:#fd7e14}.badge.status-lost{background:#dc3545}
.timeline{list-style:none;padding-left:16px;border-left:2px solid var(--brand)}
.timeline li{position:relative;margin-bottom:12px;padding-left:10px}
.timeline li::before{content:'';position:absolute;left:-21px;top:4px;width:10px;height:10px;border-radius:50%;background:var(--brand)}
.card{border:0}
@media(max-width:768px){.sidebar{position:fixed;height:100%;z-index:1040;transform:translateX(-100%)}.sidebar.show{transform:none}}
@media print{.topbar,.sidebar,.nav-pills,.btn{display:none!important}.content{padding:0}}