:root{--primary:#2563eb;--primary-dark:#1d4ed8;--bg:#f3f4f6;--sidebar:#111827;--text:#111827;--muted:#6b7280;--border:#e5e7eb;--danger:#dc2626;--success:#16a34a;color:var(--text);background:var(--bg);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}body{margin:0}h1,h2,h3{margin:0 0 16px}a{color:inherit;text-decoration:none}.muted{color:var(--muted)}.center{text-align:center}.page-loader{height:100vh;color:var(--muted);place-items:center;display:grid}.layout{min-height:100vh;display:flex}.sidebar{background:var(--sidebar);color:#fff;flex-shrink:0;width:230px;padding:20px 12px}.brand{padding:0 12px 20px;font-size:20px;font-weight:700}.nav-link{color:#d1d5db;border-radius:6px;margin-bottom:4px;padding:10px 12px;display:block}.nav-link:hover{color:#fff;background:#1f2937}.nav-link.active{background:var(--primary);color:#fff}.main{flex-direction:column;flex:1;min-width:0;display:flex}.topbar{border-bottom:1px solid var(--border);background:#fff;justify-content:space-between;align-items:center;padding:12px 24px;display:flex}.topbar-user{align-items:center;gap:12px;display:flex}.content{padding:24px}.card{border:1px solid var(--border);background:#fff;border-radius:10px;padding:20px}.btn{cursor:pointer;border:1px solid #0000;border-radius:6px;padding:8px 16px;font-size:14px;display:inline-block}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover:not(:disabled){background:var(--primary-dark)}.btn-outline{border-color:var(--border);background:#fff}.btn-outline:hover:not(:disabled){background:var(--bg)}.badge{color:#3730a3;text-transform:capitalize;background:#e0e7ff;border-radius:999px;padding:2px 8px;font-size:12px;display:inline-block}.badge-active{color:#166534;background:#dcfce7}.badge-inactive{color:#991b1b;background:#fee2e2}.alert{border-radius:6px;margin-bottom:16px;padding:10px 14px;font-size:14px}.alert-error{color:var(--danger);background:#fee2e2}.alert-success{color:var(--success);background:#dcfce7}label{flex-direction:column;gap:6px;margin-bottom:14px;font-size:14px;display:flex}input,select{border:1px solid var(--border);border-radius:6px;padding:9px 12px;font-size:14px}input:focus,select:focus{outline:2px solid var(--primary);outline-offset:-1px}.auth-page{place-items:center;min-height:100vh;padding:16px;display:grid}.auth-card{flex-direction:column;width:100%;max-width:380px;display:flex}.auth-card h1{margin-bottom:4px}.auth-card .muted{margin:0 0 20px}.stats-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px;display:grid}.stat-value{margin-top:8px;font-size:32px;font-weight:700}.page-header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.page-header h2{margin:0}.search{width:280px}.table{border-collapse:collapse;width:100%;font-size:14px}.table th,.table td{text-align:left;border-bottom:1px solid var(--border);padding:10px 12px}.table th{color:var(--muted);font-weight:600}.pagination{justify-content:space-between;align-items:center;margin-top:16px;display:flex}.page-info{margin:0 12px}.two-col{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px;display:grid}.form h3{margin-bottom:16px}