:root{--primary:#4f46e5;--primary-2:#1f3da8;--text:#0f172a;--text-soft:#475569;--muted:#64748b;--muted-2:#94a3b8;--border:#e5e9f0;--border-2:#eef1f5;--bg:#f7f8fb;--green:#16a34a;--success:#16a34a;--warning:#d97706;--danger:#dc2626;--info:#0284c7;--radius-card:14px;--radius-ctl:9px;--card:#ffffff;--th-bg:#f5f8fc}body.theme-dark{--text:#e2e8f0;--text-soft:#cbd5e1;--muted:#94a3b8;--muted-2:#64748b;--border:#334155;--border-2:#1e293b;--bg:#0f172a;--card:#1e293b;--th-bg:#111a2e}body.theme-dark .card,body.theme-dark .list-card,body.theme-dark .sec,body.theme-dark .sidebar,body.theme-dark .topbar,body.theme-dark .modal,body.theme-dark .dd,body.theme-dark .mini{background:var(--card)!important;color:var(--text)}body.theme-dark th,body.theme-dark .lc-head,body.theme-dark .modal-head,body.theme-dark .modal-foot{background:var(--th-bg)!important;color:var(--text-soft)}body.theme-dark .input,body.theme-dark .btn-ghost{background:#0b1220;color:var(--text);border-color:var(--border)}body.theme-dark .chip,body.theme-dark .userchip,body.theme-dark .ic{background:#0b1220!important;color:var(--text)}body.theme-dark .nav-top:hover,body.theme-dark .nav-sub:hover,body.theme-dark .mod-head:hover{background:#0b1220}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,Segoe UI,sans-serif;color:var(--text);background:linear-gradient(180deg,#fdfaf6,#fff) fixed,#fff}a{text-decoration:none;color:inherit}button{font-family:inherit;cursor:pointer}table{width:100%;border-collapse:collapse;background:#fff}th,td{padding:11px 14px;text-align:left;border-bottom:1px solid var(--border);font-size:14px}th{background:#f5f8fc;font-weight:600;color:var(--text-soft);font-size:12px;text-transform:uppercase;letter-spacing:.4px}tbody tr:hover{background:#fafbfc}.btn{padding:9px 16px;border:none;border-radius:8px;background:var(--primary);color:#fff;font-weight:600;font-size:14px}.btn:hover{background:var(--primary-2)}.btn-sm{padding:5px 10px;font-size:12px;border-radius:6px}.btn-ghost{background:#fff;border:1px solid var(--border);color:var(--text)}.btn-danger{background:#dc2626}.input{width:100%;padding:10px 12px;border:1px solid var(--border);border-radius:8px;font-size:14px;font-family:inherit}.input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #4f46e526}.card{background:#fff;border:1px solid var(--border);border-radius:12px;padding:20px;box-shadow:0 1px 3px #0f172a0d}.badge{padding:2px 9px;border-radius:20px;font-size:11px;font-weight:600}.badge-active{background:#dcfce7;color:#166534}.badge-inactive{background:#fee2e2;color:#991b1b}label{display:block;font-size:13px;font-weight:600;margin-bottom:6px}.form-row{margin-bottom:14px}.flex{display:flex}.between{justify-content:space-between}.center{align-items:center}.gap{gap:10px}.page-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px;flex-wrap:wrap;gap:10px}.page-head h2{font-size:22px;font-weight:800;display:flex;align-items:center;gap:10px}.page-head h2 i{color:var(--primary)}.list-card{background:#fff;border:1px solid var(--border);border-radius:14px;overflow:hidden;box-shadow:0 1px 3px #0f172a0d}.lc-head{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid var(--border);flex-wrap:wrap;gap:10px}.lc-head h3{font-size:17px;font-weight:700}.input.sm{padding:8px 11px;font-size:13px;width:auto}.table-wrap{overflow-x:auto}.ar{text-align:right}.muted{color:var(--muted)}.empty{text-align:center;color:var(--muted);padding:28px}.act{width:30px;height:30px;border:none;border-radius:7px;color:#fff;margin-left:5px;font-size:12px;cursor:pointer}.a-log{background:#64748b}.a-view{background:#06b6d4}.a-edit{background:#f59e0b}.a-del{background:#ef4444}.a-ok{background:#16a34a}.a-print{background:#7c3aed}.act:hover{opacity:.85}.fp-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.fp-head h2{font-size:22px;font-weight:800;display:flex;align-items:center;gap:10px}.fp-head h2 i{color:var(--primary)}.fp-grid{display:grid;grid-template-columns:1fr 320px;gap:18px;align-items:start}.sec{background:#fff;border:1px solid var(--border);border-radius:14px;padding:22px;box-shadow:0 1px 3px #0f172a0d}.sec-title{font-size:17px;font-weight:800;margin-bottom:18px}.fgrid{display:grid;grid-template-columns:1fr 1fr;gap:16px 18px}.fgrid .full{grid-column:1 / -1}.req{color:#dc2626}.overlay{position:fixed;inset:0;background:#0f172a80;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal{background:#fff;border-radius:14px;width:100%;max-width:640px;max-height:92vh;overflow:auto;box-shadow:0 30px 80px #0f172a59}.modal-head{padding:16px 22px;border-bottom:1px solid var(--border);font-size:17px;font-weight:800;background:#eaf1fe}.modal-body{padding:20px 22px}.modal-foot{display:flex;justify-content:flex-end;gap:10px;padding:14px 22px;border-top:1px solid var(--border);background:#fafbff}@media (max-width:900px){.fp-grid,.fgrid{grid-template-columns:1fr}}