:root{--accent:#4f46e5;--accent-2:#7c3aed;--danger:#dc2626;--white:#fff;--border:#d1d5db;--muted:#6b7280;--bg-main:radial-gradient(circle at top,#f8faff 0%,#f3f4f6 60%,#eef2ff 100%);--text-main:#111827;--card-bg:#fff;--card-border:#e5e7eb;--menu-bg:#fff;--menu-fg:#111827;--input-bg:#fff;--input-border:#d1d5db;--table-border:#e5e7eb;--table-header-bg:#f8fafc;--tab-inactive-bg:linear-gradient(135deg,#eef2ff,#f5f3ff);--tab-inactive-fg:#3730a3;--tab-inactive-border:#94a3b8;--table-total-bg:#e8eef8;--check-ok-bg:#b6d7a8;--check-ko-bg:#f4cccc;--warn-bg:#fef3c7;--warn-fg:#b45309;--warn-border:#f59e0b;--neutral-btn-bg:linear-gradient(135deg,#e5e7eb,#d1d5db);--neutral-btn-fg:#111827;--soft-action-bg:#eff6ff;--soft-action-fg:#1d4ed8;--soft-action-border:#93c5fd;--soft-danger-bg:#fef2f2;--soft-danger-fg:#b91c1c;--soft-danger-border:#fca5a5;--danger-surface-bg:#fee2e2;--danger-surface-fg:#991b1b;--danger-surface-border:#dc2626;--success-text:#15803d;--danger-text:#b91c1c;--status-bg:#eef2ff;--status-border:#c7d2fe;--status-fg:#3730a3;--spinner-track:#c7d2fe;--kpi-label-fg:#4b5563;--kpi-chip-start-bg:#3b82f61f;--kpi-chip-start-fg:#1e3a8a;--kpi-chip-end-bg:#6366f11f;--kpi-chip-end-fg:#3730a3;--date-chip-bg:#94a3b81f;--date-chip-fg:#475569;--logo-bg:#fff}.theme-dark{--bg-main:radial-gradient(circle at top,#111827 0%,#0b1220 60%,#0f172a 100%);--text-main:#e5e7eb;--card-bg:#111827;--card-border:#374151;--menu-bg:#0b1220;--menu-fg:#f3f4f6;--input-bg:#0f172a;--input-border:#374151;--table-border:#374151;--table-header-bg:#1f2937;--border:#374151;--muted:#9ca3af;--tab-inactive-bg:linear-gradient(135deg,#1e293b,#0f172a);--tab-inactive-fg:#c7d2fe;--tab-inactive-border:#475569;--table-total-bg:#243247;--check-ok-bg:#166534;--check-ko-bg:#7f1d1d;--warn-bg:#78350f;--warn-fg:#fcd34d;--warn-border:#d97706;--neutral-btn-bg:linear-gradient(135deg,#334155,#1f2937);--neutral-btn-fg:#e5e7eb;--soft-action-bg:#172554;--soft-action-fg:#93c5fd;--soft-action-border:#3b82f6;--soft-danger-bg:#3f1d1d;--soft-danger-fg:#fca5a5;--soft-danger-border:#b91c1c;--danger-surface-bg:#451a1a;--danger-surface-fg:#fca5a5;--danger-surface-border:#dc2626;--success-text:#4ade80;--danger-text:#f87171;--status-bg:#1e293b;--status-border:#475569;--status-fg:#c7d2fe;--spinner-track:#475569;--kpi-label-fg:#cbd5e1;--kpi-chip-start-bg:#3b82f63d;--kpi-chip-start-fg:#bfdbfe;--kpi-chip-end-bg:#6366f147;--kpi-chip-end-fg:#c7d2fe;--date-chip-bg:#47556961;--date-chip-fg:#cbd5e1;--logo-bg:#f8fafc}*{box-sizing:border-box}body{background:var(--bg-main);color:var(--text-main);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}main{flex-direction:column;gap:14px;max-width:1240px;margin:24px auto;padding:0 20px 30px;display:flex}.topbar{z-index:60;background:color-mix(in oklab,var(--menu-bg)92%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--card-border);position:sticky;top:0}.topbar-inner{justify-content:space-between;align-items:center;gap:12px;max-width:1240px;margin:0 auto;padding:12px 20px;display:flex}.topbar-left,.topbar-right{align-items:center;gap:10px;display:flex}.topbar-right{position:relative}.topbar-identity{flex-direction:column;line-height:1.15;display:flex}.topbar-identity-btn{border:1px solid var(--card-border);color:var(--menu-fg);background:0 0;border-radius:12px;flex-direction:column;align-items:flex-start;gap:2px;min-height:auto;padding:6px 10px;display:flex}.topbar-identity-btn:hover{background:#6366f114}.topbar-brand{font-size:15px;font-weight:800}.topbar-nav{gap:8px;display:flex}.topbar-nav-right{margin:0 2px 0 4px}.topbar-link{color:var(--menu-fg);border:1px solid var(--card-border);border-radius:999px;padding:6px 12px;font-size:13px;font-weight:600;text-decoration:none}.topbar-link:hover{background:#6366f114;border-color:#a5b4fc}.topbar-link-active{background:#6366f12e;border-color:#818cf8}.topbar-user,.topbar-session{color:var(--menu-fg);opacity:.85;font-size:13px}.topbar-session{color:#6366f1;opacity:1;font-weight:700}.icon-btn{border-radius:999px;justify-content:center;align-items:center;min-width:38px;height:38px;padding:0;font-size:16px;display:inline-flex}.logout-btn{background:linear-gradient(135deg,#ef4444,#dc2626);border-radius:999px;min-width:38px;height:38px;padding:0}.user-panel{background:var(--card-bg);border:1px solid var(--card-border);border-radius:12px;width:280px;padding:12px;position:absolute;top:56px;right:20px;box-shadow:0 12px 28px #02081733}.user-panel-title{margin-bottom:8px;font-size:13px;font-weight:700}.user-panel-form{gap:8px;display:grid}.card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:18px;margin-bottom:0;padding:20px;box-shadow:0 10px 30px #02081714}.card h3{margin-top:0;font-weight:800}input,select,button,textarea{border:1px solid var(--input-border);background:var(--input-bg);color:var(--text-main);border-color:var(--input-border);border-radius:10px;padding:10px 12px;font-size:14px}button{cursor:pointer;background:linear-gradient(135deg,var(--accent),var(--accent-2));color:var(--white);border:0;font-weight:600;transition:transform .12s,background .12s}button:hover{filter:brightness(1.05);transform:translateY(-1px)}button:disabled{opacity:.55;cursor:not-allowed;transform:none}table{border-collapse:collapse;background:var(--card-bg);border-radius:10px;width:100%;font-size:13px;overflow:hidden}th,td{border:1px solid var(--table-border);text-align:left;padding:7px}th{background:var(--table-header-bg)}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.status{border:1px solid var(--status-border);background:var(--status-bg);color:var(--status-fg);border-radius:10px;align-items:center;padding:10px 12px;font-size:14px;display:inline-flex}.muted{color:#6b7280;opacity:.6;font-size:13px;font-weight:400}.kpis{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.kpi{border:1px solid var(--card-border);background:linear-gradient(135deg,#4f46e51f,#7c3aed14);border-radius:10px;padding:12px}.kpi-label{color:var(--kpi-label-fg);opacity:.7;font-size:12px;font-weight:500}.kpi-value{word-break:break-word;margin-top:6px;font-size:clamp(14px,2.2vw,20px);font-weight:900;line-height:1.2}.spinner{border:2px solid var(--spinner-track);border-top:2px solid var(--accent);border-radius:50%;width:16px;height:16px;animation:.8s linear infinite spin;display:inline-block}.toast{z-index:1000;min-width:280px;max-width:420px;color:var(--white);border-radius:10px;align-items:center;gap:10px;padding:10px 12px;display:flex;position:fixed;bottom:18px;right:18px}.toast-info{background:#1f2937}.toast-success{background:#16a34a}.toast-error{background:var(--danger)}.toast-close{box-shadow:none;background:#fff3;border-radius:8px;margin-left:auto;padding:4px 8px}.th-button{color:inherit;box-shadow:none;background:0 0;border:0;padding:0;font-weight:700}.empty-state{background:linear-gradient(120deg,#4f46e512,#7c3aed0d);border:1px dashed #a5b4fc;border-radius:14px;padding:18px}.empty-state-title{margin-bottom:4px;font-weight:900}.empty-state-text{font-size:14px;font-weight:200}@media (max-width:980px){.topbar-inner{flex-wrap:wrap;padding:10px 14px}.topbar-right{justify-content:flex-end;width:100%}.grid-2{grid-template-columns:1fr}.kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:640px){.kpis{grid-template-columns:1fr}}.login-page{place-items:center;min-height:85vh;padding:24px;display:grid}.login-shell{border:1px solid var(--card-border);background:var(--card-bg);border-radius:18px;width:100%;max-width:520px;padding:28px}.login-brand{text-align:center}.login-brand h2{margin:10px 0 8px;font-size:36px;font-weight:900}.login-logo-mark{color:var(--white);background:linear-gradient(90deg,var(--accent),var(--accent-2));border-radius:999px;padding:6px 12px;font-weight:700;display:inline-block}.login-logo-sub{opacity:.8;margin-top:4px;font-size:13px;font-weight:200}.login-form{gap:14px;margin-top:18px;display:grid}.login-field{gap:6px;display:grid}.login-field label{font-size:14px;font-weight:700}.login-form input{min-height:48px;font-size:15px}.password-input-wrap{position:relative}.password-input-wrap input{width:100%;padding-right:92px}.password-toggle-btn{color:#6b7280;background:0 0;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;width:34px;height:34px;min-height:34px;padding:0;display:inline-flex;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.password-toggle-btn:hover,.password-toggle-btn:active,.password-toggle-btn:focus-visible{filter:none;color:#374151;transform:translateY(-50%)}.password-toggle-btn svg{display:block}.login-form button{min-height:48px;font-size:16px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}