:root {
    --adt-primary: #0f172a;
    --adt-accent: #0ea5e9;
    --adt-card: #ffffff;
    --adt-bg: #f1f5f9;
}
body { background: linear-gradient(180deg,#f8fafc,#eef2f7); min-height:100vh; }
.adt-nav { background: linear-gradient(90deg,#0f172a,#0b2948); box-shadow: 0 10px 30px rgba(2,6,23,.15); }
.card { border: 0; border-radius: 18px; box-shadow: 0 10px 24px rgba(15,23,42,.06); }
.metric-card { position: relative; overflow: hidden; }
.metric-card::before { content:""; position:absolute; left:0; top:0; width:100%; height:4px; background:linear-gradient(90deg,#0ea5e9,#38bdf8); }
.badge-online { background: #16a34a; }
.badge-offline { background: #dc2626; }
.table td, .table th { vertical-align: middle; }
.login-shell { min-height: calc(100vh - 76px); display:flex; align-items:center; }
.hero-card { background: linear-gradient(135deg,#0f172a,#1e3a8a); color:white; }
.small-muted { color:#64748b; font-size:.92rem; }