@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@300;400;500;600;700&display=swap";*{box-sizing:border-box;margin:0;padding:0}:root{--bg:#f5f4f0;--card:#fff;--sidebar:#1a1f2e;--accent:#2563d4;--accent2:#059669;--accent3:#d97706;--danger:#dc2626;--text:#1a1f2e;--text2:#6b7280;--text3:#9ca3af;--border:#e5e7eb;--border2:#d1d5db;--blue-bg:#eff6ff;--blue-text:#1e3a8a;--blue-border:#bfdbfe;--green-bg:#ecfdf5;--green-text:#065f46;--green-border:#a7f3d0;--amber-bg:#fffbeb;--amber-text:#92400e;--amber-border:#fde68a;--red-bg:#fef2f2;--red-text:#991b1b;--purple-bg:#f5f3ff;--purple-text:#5b21b6}body{background:var(--bg);color:var(--text);font-family:DM Sans,sans-serif}button{cursor:pointer;font-family:DM Sans,sans-serif}input,select,textarea{font-family:DM Sans,sans-serif}a{color:inherit;text-decoration:none}.btn{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:8px;align-items:center;gap:6px;padding:9px 18px;font-size:13px;font-weight:600;transition:opacity .15s;display:inline-flex}.btn:hover{opacity:.88}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-ghost{color:var(--accent);border:1px solid var(--accent);cursor:pointer;background:0 0;border-radius:8px;padding:7px 16px;font-size:12px;font-weight:500;transition:background .15s}.btn-ghost:hover{background:var(--blue-bg)}.btn-danger{background:var(--danger);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:7px 14px;font-size:12px;font-weight:600}.btn-sm{border-radius:6px;padding:5px 12px;font-size:11px}.card{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:20px}.badge{border-radius:20px;align-items:center;padding:2px 8px;font-size:11px;font-weight:500;display:inline-flex}.b-blue{background:var(--blue-bg);color:var(--blue-text)}.b-green{background:var(--green-bg);color:var(--green-text)}.b-amber{background:var(--amber-bg);color:var(--amber-text)}.b-red{background:var(--red-bg);color:var(--red-text)}.b-purple{background:var(--purple-bg);color:var(--purple-text)}.b-gray{color:#374151;background:#f3f4f6}.prog{background:#e5e7eb;border-radius:3px;height:6px;overflow:hidden}.prog-fill{border-radius:3px;height:100%;transition:width .4s}.fill-blue{background:var(--accent)}.fill-green{background:var(--accent2)}.fill-amber{background:var(--accent3)}.fill-red{background:var(--danger)}input[type=text],input[type=email],input[type=password],input[type=date],input[type=number],input[type=time],input[type=datetime-local],select,textarea{border:1px solid var(--border2);color:var(--text);background:#fff;border-radius:8px;outline:none;width:100%;padding:9px 12px;font-size:13px;transition:border-color .15s}input:focus,select:focus,textarea:focus{border-color:var(--accent)}label{color:var(--text2);margin-bottom:5px;font-size:12px;font-weight:500;display:block}.form-group{margin-bottom:14px}.tbl{border-collapse:collapse;width:100%}.tbl th{color:var(--text2);text-align:left;border-bottom:1px solid var(--border);text-transform:uppercase;letter-spacing:.05em;padding:8px 12px;font-size:11px;font-weight:500}.tbl td{color:var(--text);border-bottom:1px solid var(--bg);padding:11px 12px;font-size:13px}.tbl tr:hover td{background:#fafaf8}.sub{color:var(--text2);margin-top:1px;font-size:11px}.g2{grid-template-columns:1fr 1fr;gap:16px;display:grid}.g3{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.g4{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.flex{align-items:center;display:flex}.gap-8{gap:8px}.gap-12{gap:12px}.sec-hd{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.sec-title{color:var(--text);font-size:14px;font-weight:600}.loading{height:200px;color:var(--text2);justify-content:center;align-items:center;display:flex}.error-msg{background:var(--red-bg);color:var(--red-text);border:1px solid #fecaca;border-radius:8px;margin-bottom:12px;padding:10px 14px;font-size:13px}.success-msg{background:var(--green-bg);color:var(--green-text);border:1px solid var(--green-border);border-radius:8px;margin-bottom:12px;padding:10px 14px;font-size:13px}.avatar{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:12px;font-weight:600;display:flex}