:root{--sidebar:280px;}
body{background:#f5f7fb;}
.app-shell{min-height:100vh;}
.sidebar{width:var(--sidebar);background:#0b1f3a;color:#fff;position:sticky;top:0;height:100vh;}
.sidebar .nav-link{color:rgba(255,255,255,.85);border-radius:.75rem;margin:.15rem 0;padding:.6rem .75rem;}
.sidebar .nav-link:hover{background:rgba(255,255,255,.08);color:#fff;}
.sidebar .brand{border-bottom:1px solid rgba(255,255,255,.12);}
.main{min-width:0;}
.topbar{height:60px;background:#fff;border-bottom:1px solid #e9edf5;}
.badge-noti{position:absolute;top:-6px;right:-6px;}
.card{border:1px solid #e9edf5;border-radius:1rem;box-shadow:0 8px 24px rgba(15,23,42,.04);}
.table thead th{white-space:nowrap;}
.badge{border-radius:999px;}
.kpi{display:flex;gap:10px;align-items:center;}
.kpi i{font-size:1.6rem;}