:root{--sidebar-width:260px}
body{background:#f4f6f9}
.sidebar{min-height:100vh; width:var(--sidebar-width); position:sticky; top:0; border-right:1px solid rgba(255,255,255,.1)}
.nav-link{border-radius:10px}
.nav-link:hover{background:rgba(255,255,255,.1)}
.card{border:none; border-radius:16px; box-shadow:0 4px 20px rgba(0,0,0,.06)}
.table thead th{background:#f8f9fa}
.login-wrapper{min-height:100vh; display:flex; align-items:center; justify-content:center; background:linear-gradient(120deg,#eef2f7,#fff)}
.login-card{max-width:440px; width:100%; border-radius:18px; padding:28px}
.brand{display:flex; align-items:center; gap:10px; margin-bottom:20px}
.brand img{width:40px;height:40px;border-radius:8px;object-fit:contain}
.brand .title{font-weight:700}
.btn-rounded{border-radius:12px}
.badge-soft{background:#eef2f7;color:#333}
@media(max-width:992px){:root{--sidebar-width:200px}.sidebar{position:fixed; z-index:1000} main{margin-left:var(--sidebar-width)}}