:root{--sidebar:#132238;--primary:#2563eb;--surface:#f4f7fb;--border:#e4eaf2}
*{box-sizing:border-box}
body{background:var(--surface);color:#172033}
.guest-body{background:radial-gradient(circle at top left,#dbeafe,transparent 40%),linear-gradient(135deg,#f8fafc,#eef2ff)}
.min-vh-75{min-height:75vh}
.login-card{border-radius:1.25rem}
.login-logo{width:64px;height:64px;border-radius:18px;display:grid;place-items:center;margin:auto;background:linear-gradient(135deg,#2563eb,#4f46e5);color:white;font-weight:800;font-size:1.35rem}
.app-shell{display:flex;min-height:100vh}
.sidebar{position:fixed;inset:0 auto 0 0;width:260px;height:100vh;height:100dvh;background:var(--sidebar);padding:1.4rem;z-index:1040;transition:transform .2s;display:flex;flex-direction:column;overflow:hidden}
.brand{color:white;font-size:1.5rem;font-weight:800;margin-bottom:1.5rem;flex:0 0 auto}
.brand span{color:#60a5fa}
.sidebar .nav{flex:1 1 auto;min-height:0;width:100%;flex-direction:column!important;flex-wrap:nowrap!important;overflow-y:auto;overflow-x:hidden;padding-right:.35rem;padding-bottom:1rem;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#64748b transparent}
.sidebar .nav::-webkit-scrollbar{width:7px}
.sidebar .nav::-webkit-scrollbar-track{background:transparent}
.sidebar .nav::-webkit-scrollbar-thumb{background:#64748b;border-radius:999px}
.sidebar .nav::-webkit-scrollbar-thumb:hover{background:#94a3b8}
.sidebar .nav-link{width:100%;color:#cbd5e1;border-radius:.6rem;padding:.7rem .85rem;flex:0 0 auto;white-space:nowrap}
.sidebar .nav-link:hover,.sidebar .nav-link.active{background:#2563eb;color:white}
.main-column{margin-left:260px;width:calc(100% - 260px)}
.topbar{height:68px;background:white;border-bottom:1px solid var(--border);display:flex;align-items:center;padding:0 1.5rem;position:sticky;top:0;z-index:1030}
.content-area{min-height:calc(100vh - 68px)}
.page-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1.5rem}
.page-header h1{font-size:1.65rem;margin-bottom:.25rem}
.card,.stat-card{border:1px solid var(--border);border-radius:.85rem;box-shadow:0 2px 12px rgba(20,35,60,.04)}
.stat-card{background:white;padding:1.4rem;display:flex;flex-direction:column}
.stat-card span{color:#64748b}
.stat-card strong{font-size:2rem;margin-top:.4rem}
.permission-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem}
.agent{max-width:220px}
.error-page{min-height:65vh;display:grid;place-items:center;text-align:center}
.table th{white-space:nowrap;color:#475569;font-size:.85rem}
.form-label{font-weight:600}
@media(max-width:991.98px){.sidebar{transform:translateX(-100%)}.sidebar.show{transform:translateX(0)}.main-column{margin-left:0;width:100%}.page-header{align-items:flex-start;flex-direction:column}.page-header .btn{width:100%}}
@media(max-width:575.98px){.content-area .container-fluid{padding-left:.8rem;padding-right:.8rem}.topbar{padding:0 .8rem}.topbar .dropdown-toggle{max-width:250px;overflow:hidden;text-overflow:ellipsis}.pagination{font-size:.85rem}}