@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&family=JetBrains+Mono:wght@400;500&display=swap";
:root{--bg-primary:#fff;--bg-secondary:#f8fafc;--bg-tertiary:#f1f5f9;--bg-card:#fff;--bg-card-hover:#f8fafc;--border-light:#e2e8f0;--border-subtle:#edf2f7;--border-strong:#cbd5e1;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#64748b;--text-inverse:#fff;--brand-green-50:#f0fdf4;--brand-green-100:#dcfce7;--brand-green-500:#22c55e;--brand-green-600:#16a34a;--brand-green-700:#15803d;--brand-green-800:#166534;--brand-green-900:#14532d;--earth-50:#fffbeb;--earth-100:#fef3c7;--earth-600:#d97706;--earth-700:#b45309;--alert-red-bg:#fef2f2;--alert-red-border:#fecaca;--alert-red-text:#b91c1c;--alert-amber-bg:#fffbeb;--alert-amber-border:#fde68a;--alert-amber-text:#b45309;--alert-blue-bg:#eff6ff;--alert-blue-border:#bfdbfe;--alert-blue-text:#1d4ed8;--alert-green-bg:#f0fdf4;--alert-green-border:#bbf7d0;--alert-green-text:#15803d;--shadow-sm:0 1px 2px 0 #0f172a0d;--shadow-md:0 4px 6px -1px #0f172a0f, 0 2px 4px -2px #0f172a0a;--shadow-lg:0 10px 15px -3px #0f172a0f, 0 4px 6px -4px #0f172a0a;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-full:9999px;--font-sans:"Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono:"JetBrains Mono", monospace}[data-theme=dark]{--bg-primary:#0f172a;--bg-secondary:#0b1120;--bg-tertiary:#1e293b;--bg-card:#1e293b;--bg-card-hover:#243247;--border-light:#334155;--border-subtle:#1e293b;--border-strong:#475569;--text-primary:#f8fafc;--text-secondary:#cbd5e1;--text-muted:#94a3b8;--text-inverse:#0f172a;--brand-green-50:#064e3b;--brand-green-100:#065f46;--brand-green-800:#22c55e;--shadow-sm:0 1px 2px 0 #0003;--shadow-md:0 4px 6px -1px #0000004d}*{box-sizing:border-box;margin:0;padding:0}html{font-family:var(--font-sans);color:var(--text-primary);background-color:var(--bg-secondary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{flex-direction:column;min-height:100vh;display:flex}a{color:inherit;text-decoration:none}button{cursor:pointer;background:0 0;border:none;font-family:inherit}input,select,textarea{font-family:inherit}.vetra-container{width:100%;max-width:1280px;margin-left:auto;margin-right:auto;padding-left:20px;padding-right:20px}.badge-demo{border-radius:var(--radius-full);color:#92400e;letter-spacing:.04em;text-transform:uppercase;background-color:#fef3c7;border:1px solid #fde68a;align-items:center;gap:6px;padding:4px 10px;font-size:11px;font-weight:700;display:inline-flex}.vetra-dark-footer{color:#f8fafc!important;background-color:#030712!important;border-top:1px solid #1f2937!important}.vetra-dark-footer a{color:#94a3b8!important;text-decoration:none!important;transition:all .2s cubic-bezier(.4,0,.2,1)!important}.vetra-dark-footer a:hover{transform:translate(4px);color:#10b981!important}.vetra-dark-footer a:visited{color:#94a3b8!important}.vetra-dark-footer .footer-title{color:#fff!important;letter-spacing:.06em!important;text-transform:uppercase!important;font-weight:800!important}.vetra-dark-footer .disclaimer-card{background-color:#0b1120!important;border:1px solid #1e293b!important;border-radius:14px!important;box-shadow:0 4px 20px #0000004d!important}.vetra-dark-footer .footer-pill{color:#94a3b8;background-color:#0f172a;border:1px solid #1e293b;border-radius:9999px;align-items:center;gap:6px;padding:4px 12px;font-size:12px;font-weight:500;transition:border-color .2s,color .2s;display:inline-flex}.vetra-dark-footer .footer-pill:hover{color:#e2e8f0;border-color:#10b981}.badge-status{border-radius:var(--radius-full);align-items:center;gap:5px;padding:3px 9px;font-size:12px;font-weight:600;display:inline-flex}.badge-status.healthy{background-color:var(--alert-green-bg);border:1px solid var(--alert-green-border);color:var(--alert-green-text)}.badge-status.attention{background-color:var(--alert-amber-bg);border:1px solid var(--alert-amber-border);color:var(--alert-amber-text)}.badge-status.critical{background-color:var(--alert-red-bg);border:1px solid var(--alert-red-border);color:var(--alert-red-text)}.badge-status.observation{background-color:var(--alert-blue-bg);border:1px solid var(--alert-blue-border);color:var(--alert-blue-text)}.btn-primary{background-color:var(--brand-green-800);color:#fff;border-radius:var(--radius-md);border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding:9px 18px;font-size:14px;font-weight:600;transition:all .15s ease-in-out;display:inline-flex}.btn-primary:hover{background-color:var(--brand-green-900);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.btn-secondary{background-color:var(--bg-primary);color:var(--text-primary);border:1px solid var(--border-light);border-radius:var(--radius-md);justify-content:center;align-items:center;gap:8px;padding:9px 16px;font-size:14px;font-weight:600;transition:all .15s ease-in-out;display:inline-flex}.btn-secondary:hover{background-color:var(--bg-tertiary);border-color:var(--border-strong)}.vetra-card{background-color:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:24px;transition:border-color .15s,box-shadow .15s}.vetra-card:hover{border-color:var(--border-strong)}.kpi-card{background-color:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);flex-direction:column;gap:8px;padding:20px;display:flex}.kpi-card .kpi-label{color:var(--text-muted);font-size:13px;font-weight:500}.kpi-card .kpi-value{color:var(--text-primary);letter-spacing:-.02em;font-size:28px;font-weight:700}.kpi-card .kpi-subtext{color:var(--text-secondary);align-items:center;gap:4px;font-size:12px;display:flex}.form-group{flex-direction:column;gap:6px;margin-bottom:16px;display:flex}.form-label{color:var(--text-secondary);font-size:13px;font-weight:600}.form-input,.form-select,.form-textarea{width:100%;color:var(--text-primary);background-color:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--radius-md);outline:none;padding:10px 14px;font-size:14px;transition:border-color .15s}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--brand-green-700);box-shadow:0 0 0 3px #16a34a1f}.disclaimer-banner{border:1px solid #e2e8f0;border-left:4px solid var(--brand-green-700);border-radius:var(--radius-md);color:var(--text-secondary);background-color:#f8fafc;align-items:flex-start;gap:10px;padding:12px 16px;font-size:12px;line-height:1.5;display:flex}.vetra-table-container{border:1px solid var(--border-light);border-radius:var(--radius-lg);background-color:var(--bg-card);width:100%;overflow-x:auto}.vetra-table{border-collapse:collapse;text-align:left;width:100%;font-size:13px}.vetra-table th{background-color:var(--bg-secondary);color:var(--text-muted);border-bottom:1px solid var(--border-light);white-space:nowrap;padding:12px 16px;font-weight:600}.vetra-table td{border-bottom:1px solid var(--border-subtle);color:var(--text-primary);padding:14px 16px}.vetra-table tr:last-child td{border-bottom:none}.vetra-table tr:hover td{background-color:var(--bg-card-hover)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}