:root{--font-sans: "Plus Jakarta Sans", "IBM Plex Sans", sans-serif;--bg: #f1f5f9;--bg-elevated: #ffffff;--bg-sidebar: #1e3a8a;--bg-sidebar-2: #172554;--border: #dbeafe;--border-strong: #bfdbfe;--text: #0f172a;--text-muted: #64748b;--text-inverse: #eff6ff;--brand: #2563eb;--brand-strong: #1d4ed8;--brand-soft: #dbeafe;--danger: #dc2626;--danger-soft: #fef2f2;--success: #2563eb;--success-soft: #eff6ff;--warning: #d97706;--shadow: 0 1px 2px rgba(30, 58, 138, .06), 0 8px 24px rgba(30, 58, 138, .06);--radius: 12px;--radius-sm: 8px;--sidebar-w: 260px}*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:var(--font-sans);color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased}a{color:var(--brand-strong);text-decoration:none}button,input,select,textarea{font:inherit}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;padding:.7rem 1rem;border-radius:var(--radius-sm);border:1px solid transparent;background:var(--brand);color:#fff;font-weight:600;cursor:pointer;transition:.15s ease}.btn:hover{background:var(--brand-strong)}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-secondary{background:#fff;color:var(--text);border-color:var(--border-strong)}.btn-secondary:hover{background:#f8fafc}.btn-ghost{background:transparent;color:var(--text-muted);border-color:transparent}.btn-ghost:hover{background:#f1f5f9;color:var(--text)}.btn-danger{background:var(--danger)}.field{display:grid;gap:.35rem}.field label{font-size:.8rem;font-weight:600;color:var(--text-muted)}.field input,.field select,.field textarea{width:100%;padding:.7rem .8rem;border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:#fff;color:var(--text)}.field input:focus,.field select:focus,.field textarea:focus{outline:2px solid color-mix(in srgb,var(--brand) 35%,white);border-color:var(--brand)}.panel{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow)}.panel-h{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.25rem;border-bottom:1px solid var(--border)}.panel-h h2{margin:0;font-size:1rem;font-weight:700}.panel-b{padding:1.25rem}.table-wrap{overflow:auto}table.data{width:100%;border-collapse:collapse}table.data th,table.data td{text-align:left;padding:.85rem 1.25rem;border-bottom:1px solid var(--border);font-size:.92rem}table.data th{color:var(--text-muted);font-size:.75rem;text-transform:uppercase;letter-spacing:.04em;background:#f8fafc}table.data tr:last-child td{border-bottom:0}.badge{display:inline-flex;align-items:center;padding:.2rem .55rem;border-radius:999px;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.03em}.badge-ok{background:var(--brand-soft);color:var(--brand-strong)}.badge-warn{background:#fffbeb;color:var(--warning)}.badge-off{background:#f1f5f9;color:var(--text-muted)}.empty{padding:2.5rem 1.25rem;text-align:center;color:var(--text-muted)}.alert{padding:.75rem .9rem;border-radius:var(--radius-sm);font-size:.9rem}.alert-error{background:var(--danger-soft);color:var(--danger)}.alert-ok{background:var(--brand-soft);color:var(--brand-strong)}.switch{display:inline-flex;align-items:center;gap:.55rem;font-size:.92rem;font-weight:500}.grid-form{display:grid;gap:.75rem}@media(min-width:800px){.grid-form.cols-3{grid-template-columns:1fr 1fr auto;align-items:end}.grid-form.cols-4{grid-template-columns:1.2fr 1fr 1fr auto;align-items:end}}