:root{--brand-50: #F0FDF4;--brand-100: #DCFCE7;--brand-200: #BBF7D0;--brand-300: #86EFAC;--brand-400: #4ADE80;--brand-500: #22C55E;--brand-600: #1D9E75;--brand-700: #15803D;--brand-800: #14532D;--brand-900: #0F3D24;--verde-principal: var(--brand-600);--verde-oscuro: var(--brand-700);--verde-claro: var(--brand-100);--color-primary: var(--brand-600);--color-primary-hover: var(--brand-700);--color-primary-soft: var(--brand-100);--color-primary-on: #FFFFFF;--color-success: #16A34A;--color-success-soft: #DCFCE7;--color-success-on: #166534;--color-warning: #D97706;--color-warning-soft: #FEF3C7;--color-warning-on: #92400E;--color-danger: #DC2626;--color-danger-soft: #FEE2E2;--color-danger-on: #991B1B;--color-info: #2563EB;--color-info-soft: #DBEAFE;--color-info-on: #1E40AF;--rt-live: #22C55E;--rt-updating: #3B82F6;--rt-warning: #F59E0B;--rt-critical: #DC2626;--azul: #185FA5;--azul-claro: #E6F1FB;--ambar: #BA7517;--ambar-claro: #FAEEDA;--coral: #D85A30;--coral-claro: #FAECE7;--purpura: #534AB7;--purpura-claro:#EEEDFE;--gris-0: #FFFFFF;--gris-50: #FAFBFA;--gris-bg: #F6F8F5;--gris-100:#F3F4F6;--gris-200:#E5E7EB;--gris-border: #E2E8E0;--gris-300:#D1D5DB;--gris-400:#9CA3AF;--gris-500:#6B7280;--gris-600:#4B5563;--gris-700:#374151;--gris-800:#1F2937;--gris-900:#0F172A;--gris-card: var(--gris-0);--texto-principal: #0E1F1A;--texto-secundario: #5B6770;--texto-terciario: #94A3B8;--font-display: "Playfair Display", "Source Serif Pro", Georgia, serif;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", "Fira Code", ui-monospace, monospace;--fs-xs: 12px;--fs-sm: 13px;--fs-md: 15px;--fs-lg: 18px;--fs-xl: 22px;--fs-2xl: 28px;--fs-3xl: 36px;--fs-4xl: 48px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 18px;--radius-xl: 28px;--radius-pill: 999px;--sombra-sm: 0 1px 2px rgba(15, 23, 42, .04), 0 1px 3px rgba(15, 23, 42, .06);--sombra-md: 0 2px 8px rgba(15, 23, 42, .06), 0 8px 24px rgba(15, 23, 42, .08);--sombra-lg: 0 4px 16px rgba(15, 23, 42, .08), 0 20px 48px rgba(15, 23, 42, .12);--sombra-brand: 0 8px 24px rgba(29, 158, 117, .18);--glow-live: 0 0 0 4px rgba(34, 197, 94, .2);--t-fast: .14s;--t-base: .22s;--t-slow: .4s;--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-in-out: cubic-bezier(.4, 0, .2, 1);--sidebar-w: 248px;--topbar-h: 64px;--content-max: 1440px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{font-family:var(--font-sans);font-size:var(--fs-md);line-height:1.5;background:var(--gris-bg);color:var(--texto-principal);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-feature-settings:"cv11","ss01","ss03";text-rendering:optimizeLegibility}a{color:inherit;text-decoration:none;transition:color var(--t-fast) var(--ease-out)}a:hover{color:var(--color-primary)}button{font-family:inherit;cursor:pointer}button:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;border-radius:var(--radius-sm)}::selection{background:var(--brand-200);color:var(--brand-900)}.font-display{font-family:var(--font-display);font-weight:700;letter-spacing:-.02em}.font-mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.text-xs{font-size:var(--fs-xs)}.text-sm{font-size:var(--fs-sm)}.text-md{font-size:var(--fs-md)}.text-lg{font-size:var(--fs-lg)}.text-xl{font-size:var(--fs-xl)}.text-2xl{font-size:var(--fs-2xl)}.text-3xl{font-size:var(--fs-3xl)}.text-muted{color:var(--texto-secundario)}.text-faint{color:var(--texto-terciario)}.fw-500{font-weight:500}.fw-600{font-weight:600}.fw-700{font-weight:700}.fw-800{font-weight:800}.tracking-tight{letter-spacing:-.01em}.tracking-wide{letter-spacing:.04em}.uppercase{text-transform:uppercase}h1.font-display,h2.font-display{line-height:1.1}.card{background:var(--gris-card);border:1px solid var(--gris-border);border-radius:var(--radius-lg);padding:20px;box-shadow:var(--sombra-sm);transition:box-shadow var(--t-base) var(--ease-out),transform var(--t-base) var(--ease-out),border-color var(--t-base) var(--ease-out)}.card-interactive{cursor:pointer}.card-interactive:hover{box-shadow:var(--sombra-md);transform:translateY(-2px);border-color:var(--brand-200)}.card-titulo{font-size:11px;font-weight:600;color:var(--texto-secundario);text-transform:uppercase;letter-spacing:.08em;margin-bottom:12px}.glass{background:#ffffffb8;backdrop-filter:blur(14px) saturate(160%);-webkit-backdrop-filter:blur(14px) saturate(160%);border:1px solid rgba(255,255,255,.6)}.glass-dark{background:#0f172a99;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.08)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 18px;border-radius:var(--radius-md);border:1px solid transparent;font-weight:600;font-size:var(--fs-sm);transition:all var(--t-fast) var(--ease-out);-webkit-user-select:none;user-select:none;white-space:nowrap}.btn:hover{transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-primary{background:var(--color-primary);color:var(--color-primary-on);box-shadow:var(--sombra-brand)}.btn-primary:hover{background:var(--color-primary-hover);box-shadow:0 12px 28px #1d9e7547}.btn-secondary{background:var(--gris-0);color:var(--texto-principal);border-color:var(--gris-border)}.btn-secondary:hover{background:var(--gris-50);border-color:var(--gris-300)}.btn-danger{background:var(--color-danger);color:#fff}.btn-danger:hover{background:#b91c1c;box-shadow:0 12px 28px #dc262647}.btn-ghost{background:transparent;color:var(--texto-secundario)}.btn-ghost:hover{background:var(--gris-100);color:var(--texto-principal);transform:none}.btn-sm{padding:6px 12px;font-size:12px}.input,.select,.textarea{display:block;width:100%;padding:10px 14px;border:1px solid var(--gris-border);border-radius:var(--radius-md);font-size:var(--fs-sm);font-family:inherit;background:var(--gris-0);color:var(--texto-principal);transition:border-color var(--t-fast),box-shadow var(--t-fast),background var(--t-fast)}.input::placeholder{color:var(--texto-terciario)}.input:focus,.select:focus,.textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 4px #1d9e7524}.input:disabled{background:var(--gris-50);cursor:not-allowed}.label-field{display:block;font-size:var(--fs-xs);font-weight:600;color:var(--texto-secundario);margin-bottom:6px;letter-spacing:.02em}.badge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:var(--radius-pill);font-size:11px;font-weight:600;letter-spacing:.02em}.badge-info{background:var(--color-info-soft);color:var(--color-info-on)}.badge-success{background:var(--color-success-soft);color:var(--color-success-on)}.badge-warning{background:var(--color-warning-soft);color:var(--color-warning-on)}.badge-danger{background:var(--color-danger-soft);color:var(--color-danger-on)}.badge-neutral{background:var(--gris-100);color:var(--texto-secundario)}.dot{display:inline-block;width:8px;height:8px;border-radius:50%;flex-shrink:0}.dot-on{background:var(--rt-live);box-shadow:var(--glow-live)}.dot-off{background:var(--gris-300)}.dot-err{background:var(--rt-critical);box-shadow:0 0 0 4px #dc26262e}.dot-warn{background:var(--rt-warning);box-shadow:0 0 0 4px #f59e0b2e}.dot-pulse{animation:pulse 1.6s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.55;transform:scale(1.22)}}@keyframes pulse-ring{0%{box-shadow:0 0 #22c55e73}70%{box-shadow:0 0 0 12px #22c55e00}to{box-shadow:0 0 #22c55e00}}.ring-live{animation:pulse-ring 1.6s ease-out infinite}@keyframes countUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.count-up{animation:countUp var(--t-slow) var(--ease-out)}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .32s var(--ease-out)}@keyframes shimmer{0%{background-position:-800px 0}to{background-position:800px 0}}.skeleton{background:linear-gradient(90deg,var(--gris-100) 0%,var(--gris-200) 40%,var(--gris-100) 80%);background-size:800px 100%;animation:shimmer 1.4s linear infinite;border-radius:var(--radius-md)}.grid-cards-4{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}.grid-cards-3{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}.grid-cards-2{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:16px}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--gris-border);border-radius:var(--radius-pill);border:2px solid transparent;background-clip:content-box}::-webkit-scrollbar-thumb:hover{background-color:var(--gris-400);background-clip:content-box}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}