:root{--primary:#2563eb;--secondary:#0f172a;--success:#16a34a;--warning:#f59e0b;--danger:#dc2626;--bg:#f8fafc;--border:#e2e8f0;--muted:#64748b}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:#0f172a;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
a{text-decoration:none}.app-shell{display:flex;min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:260px;background:#fff;border-right:1px solid var(--border);z-index:20;padding:22px 14px}.brand{display:flex;align-items:center;gap:10px;font-weight:800;font-size:1.1rem;padding:4px 10px 24px}.brand-mark{width:36px;height:36px;border-radius:11px;background:var(--primary);color:#fff;display:grid;place-items:center;font-weight:800}.nav-label{text-transform:uppercase;font-size:.68rem;color:#94a3b8;font-weight:700;letter-spacing:.08em;padding:10px 12px 7px}.sidebar nav a{display:flex;gap:12px;align-items:center;color:#475569;padding:11px 12px;border-radius:10px;margin:3px 0;font-size:.92rem}.sidebar nav a:hover{background:#eff6ff;color:var(--primary)}.main{margin-left:260px;width:calc(100% - 260px)}.topbar{height:76px;background:#fff;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 30px;position:sticky;top:0;z-index:10}.breadcrumb{display:flex;gap:9px;align-items:center;font-size:.86rem}.top-actions{display:flex;align-items:center;gap:10px}.icon-btn{width:38px;height:38px;border:1px solid var(--border);background:#fff;border-radius:10px}.dot{position:absolute;right:8px;top:7px;width:6px;height:6px;background:var(--danger);border-radius:50%}.user-menu{display:flex;align-items:center;gap:8px;margin-left:8px}.user-menu small{display:block;color:#94a3b8}.avatar{width:38px;height:38px;background:#dbeafe;color:#1d4ed8;border-radius:50%;display:grid;place-items:center;font-weight:700}.content{padding:30px;max-width:1600px;margin:auto}.stat-card,.panel{background:#fff;border:1px solid var(--border);border-radius:16px;box-shadow:0 4px 20px rgba(15,23,42,.035)}.stat-card{padding:18px;height:100%}.stat-icon{width:40px;height:40px;border-radius:12px;background:#eff6ff;color:var(--primary);display:grid;place-items:center;margin-bottom:14px}.stat-value{font-size:1.7rem;font-weight:800;margin:2px 0}.panel{padding:20px}.panel-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.table{--bs-table-bg:transparent}.table th{font-size:.75rem;text-transform:uppercase;letter-spacing:.04em;color:#64748b;font-weight:700}.table td{padding-top:14px;padding-bottom:14px}.quick-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.quick-grid a{border:1px solid var(--border);border-radius:12px;padding:16px;color:#334155;display:flex;gap:9px;flex-direction:column}.quick-grid i{font-size:1.25rem;color:var(--primary)}.welcome-banner{background:linear-gradient(135deg,#1d4ed8,#2563eb 60%,#60a5fa);color:#fff;border-radius:20px;padding:28px;display:flex;align-items:center;justify-content:space-between}.eyebrow{font-size:.7rem;letter-spacing:.12em;font-weight:800;opacity:.75}.progress-ring{width:92px;height:92px;border-radius:50%;border:7px solid rgba(255,255,255,.35);display:grid;place-items:center;text-align:center}.progress-ring strong,.progress-ring small{display:block}.list-item{display:flex;align-items:center;gap:12px;padding:14px 0;border-bottom:1px solid #eef2f7}.list-item:last-child{border:0}.list-icon{width:42px;height:42px;border-radius:12px;background:#eff6ff;color:#2563eb;display:grid;place-items:center}.empty-state{text-align:center;color:#64748b;padding:35px}.empty-state i{font-size:2rem;display:block;margin-bottom:10px}.auth-page{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at top,#dbeafe,#f8fafc 45%)}.auth-card{width:min(460px,calc(100% - 30px));background:#fff;border:1px solid var(--border);border-radius:20px;padding:34px;box-shadow:0 20px 60px rgba(15,23,42,.08)}.demo-box{background:#f8fafc;border:1px dashed #cbd5e1;border-radius:12px;padding:12px;font-size:.8rem;line-height:1.7;color:#475569}
[data-theme=dark] body{background:#0f172a;color:#e2e8f0}[data-theme=dark] .sidebar,[data-theme=dark] .topbar,[data-theme=dark] .panel,[data-theme=dark] .stat-card,[data-theme=dark] .icon-btn,[data-theme=dark] .auth-card{background:#111827;border-color:#1f2937}[data-theme=dark] .sidebar nav a{color:#cbd5e1}[data-theme=dark] .text-secondary{color:#94a3b8!important}[data-theme=dark] .table{color:#e2e8f0}[data-theme=dark] .breadcrumb{color:#cbd5e1}.show{display:block!important}
@media(max-width:991px){.sidebar{transform:translateX(-100%);transition:.2s}.sidebar.show{transform:translateX(0)}.main{margin-left:0;width:100%}.topbar{padding:0 16px}.content{padding:20px}}
@media(max-width:575px){.content{padding:15px}.topbar{height:66px}.breadcrumb{display:none}.user-menu .btn{display:none}.welcome-banner{padding:20px}.welcome-banner .progress-ring{width:72px;height:72px}.auth-card{padding:24px}}