:root{--brand:#2747d8;--brand-2:#6c2bd9;--ink:#152033;--muted:#64748b;--surface:#f5f7fb;--card:#ffffff;--line:#e8edf5;--sidebar:#0f172a}*{box-sizing:border-box}body{background:linear-gradient(135deg,#f7f9ff 0%,#eef3fb 100%);color:var(--ink);font-family:Inter,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif}.app-shell{display:flex;min-height:100vh}.sidebar{width:286px;background:linear-gradient(180deg,#111a33,#0b1020);padding:24px;position:fixed;inset:0 auto 0 0;box-shadow:20px 0 50px rgba(15,23,42,.08)}.main-content{margin-left:286px;width:calc(100% - 286px);padding:28px}.brand-box{display:flex;gap:14px;align-items:center;color:white;margin-bottom:30px}.brand-icon{width:48px;height:48px;border-radius:18px;background:linear-gradient(135deg,var(--brand),var(--brand-2));display:grid;place-items:center;font-size:1.35rem;box-shadow:0 18px 40px rgba(39,71,216,.35)}.brand-title{font-weight:800;font-size:1.15rem;line-height:1}.sidebar-nav{gap:6px}.sidebar-nav .nav-link{color:#dbe4ff;border-radius:16px;padding:12px 14px;font-weight:600;display:flex;align-items:center;gap:11px}.sidebar-nav .nav-link:hover,.sidebar-nav .nav-link.active{background:rgba(255,255,255,.12);color:white}.sidebar-footer{margin-top:auto;border-top:1px solid rgba(255,255,255,.12);padding-top:18px}.topbar{background:rgba(255,255,255,.86);backdrop-filter:blur(14px);border:1px solid var(--line);box-shadow:0 15px 40px rgba(15,23,42,.06);padding:16px}.card-pro{border:1px solid var(--line);border-radius:24px;background:var(--card);box-shadow:0 16px 45px rgba(15,23,42,.07)}.metric-card{position:relative;overflow:hidden}.metric-card:after{content:"";position:absolute;right:-34px;top:-34px;width:120px;height:120px;border-radius:999px;background:linear-gradient(135deg,rgba(39,71,216,.13),rgba(108,43,217,.08))}.metric-icon{width:48px;height:48px;border-radius:16px;display:grid;place-items:center;background:#eef2ff;color:var(--brand);font-size:1.3rem}.table{vertical-align:middle}.table thead th{font-size:.78rem;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);background:#f8fafc;border-bottom:1px solid var(--line)}.btn{border-radius:14px;font-weight:650}.btn-primary{background:linear-gradient(135deg,var(--brand),var(--brand-2));border:0;box-shadow:0 10px 24px rgba(39,71,216,.25)}.form-control,.form-select{border-radius:14px;border-color:#dbe3ef;padding:.72rem .9rem}.form-control:focus,.form-select:focus{box-shadow:0 0 0 .25rem rgba(39,71,216,.12);border-color:#8ea0ff}.login-page{min-height:100vh;background:radial-gradient(circle at top left,#6174ff 0,#1c2c5b 38%,#070b18 100%);display:grid;place-items:center;padding:24px}.login-card{max-width:1040px;width:100%;border-radius:34px;overflow:hidden;background:white;box-shadow:0 35px 100px rgba(0,0,0,.35)}.login-hero{background:linear-gradient(135deg,#101c43,#3049da);color:white;padding:48px;min-height:560px}.login-form{padding:48px}.glass{background:rgba(255,255,255,.13);border:1px solid rgba(255,255,255,.18);border-radius:24px;padding:20px}.avatar-sm{width:38px;height:38px;border-radius:12px;background:#eef2ff;color:var(--brand);display:grid;place-items:center;font-weight:800}.empty-state{padding:54px;text-align:center;color:var(--muted)}.status-dot{width:10px;height:10px;border-radius:50%;display:inline-block;margin-right:6px}.dropdown-menu{border-radius:16px;border-color:var(--line);box-shadow:0 18px 60px rgba(15,23,42,.12)}[data-bs-theme="dark"] body,body[data-bs-theme="dark"]{background:#0b1020;color:#e5e7eb}[data-bs-theme="dark"] .topbar,[data-bs-theme="dark"] .card-pro{background:#111827;border-color:#243044;color:#e5e7eb}[data-bs-theme="dark"] .table thead th{background:#0f172a;color:#94a3b8;border-color:#243044}[data-bs-theme="dark"] .text-muted{color:#94a3b8!important}@media(max-width:991.98px){.sidebar{display:none}.main-content{margin-left:0;width:100%;padding:16px}.topbar{border-radius:20px!important}.login-hero{min-height:auto}.login-form{padding:30px}}