:root{--sidebar:#111827;--sidebar2:#1f2937;--page:#f3f6fb;--card:#fff;--primary:#4f46e5}
*{box-sizing:border-box}body{font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;color:#1f2937}.login-body{min-height:100vh;display:grid;place-items:center;padding:20px;background:linear-gradient(135deg,#111827,#312e81 55%,#4f46e5)}.login-card{width:min(440px,100%);padding:38px;border-radius:24px;background:#fff;box-shadow:0 24px 70px rgba(0,0,0,.3)}.brand-badge{width:58px;height:58px;border-radius:18px;display:grid;place-items:center;background:#4f46e5;color:#fff;font-weight:800;font-size:20px}.admin-body{margin:0;background:var(--page)}.app-shell{min-height:100vh;display:flex}.sidebar{width:260px;position:fixed;inset:0 auto 0 0;background:linear-gradient(180deg,var(--sidebar),var(--sidebar2));color:#fff;z-index:1030;transition:.2s}.sidebar-brand{height:74px;display:flex;align-items:center;gap:12px;padding:0 22px;color:#fff;text-decoration:none;font-size:18px;font-weight:800;border-bottom:1px solid rgba(255,255,255,.08)}.brand-icon{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:#4f46e5}.sidebar-nav{padding:18px 12px}.sidebar-nav a{display:flex;align-items:center;gap:12px;padding:12px 14px;margin:4px 0;border-radius:12px;color:#d1d5db;text-decoration:none}.sidebar-nav a:hover{color:#fff;background:rgba(255,255,255,.09)}.sidebar-nav i{width:22px;text-align:center}.main-content{margin-left:260px;min-width:0;width:calc(100% - 260px)}.topbar{height:74px;padding:0 24px;background:#fff;border-bottom:1px solid #e5e7eb;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:1020}.content-wrap{padding:26px}.footer{padding:20px 26px;color:#6b7280;font-size:13px}.panel-card{border:0;border-radius:16px;box-shadow:0 8px 24px rgba(15,23,42,.06);overflow:hidden}.panel-card .card-header{background:#fff;border-bottom:1px solid #eef2f7;padding:16px 20px}.metric-card{height:100%;padding:20px;border-radius:16px;background:#fff;box-shadow:0 8px 24px rgba(15,23,42,.06);display:flex;align-items:center;gap:15px}.metric-card i{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;background:#eef2ff;color:#4f46e5;font-size:20px}.metric-value{font-weight:800;font-size:26px;line-height:1}.metric-label{color:#6b7280;font-size:13px;margin-top:6px}.table th{font-size:12px;text-transform:uppercase;letter-spacing:.04em;color:#6b7280;background:#f8fafc}.form-control,.form-select{min-height:44px;border-radius:10px}.btn{border-radius:10px}
@media(max-width:991.98px){.sidebar{transform:translateX(-100%)}.sidebar.show{transform:translateX(0)}.main-content{margin-left:0;width:100%}.content-wrap{padding:18px}}