:root{--navy-900: #0a1f44;--azure-500: #2d7ff9;--azure-600: #1d4ed8;--azure-tint: #eaf2fe;--azure-tint-alt: #e7f0fe;--azure-bg-soft: #f4f8ff;--green-600: #16a34a;--green-700: #15803d;--green-tint: #e9f7ee;--red-600: #dc2626;--red-700: #b91c1c;--red-tint: #fdeeee;--amber-600: #b45309;--amber-500: #f59e0b;--amber-tint: #fdf3e3;--violet: #6d5bd0;--violet-tint: #f3f0fe;--page-bg: #f6f8fb;--card-bg: #ffffff;--border-card: #e9eef5;--border-control: #e6ebf2;--border-divider: #eef2f7;--border-table: #f1f5fa;--text-base: #0a1f44;--text-muted: #52617a;--text-soft: #6b7a90;--text-faint: #8a98ad;--text-faint-alt: #9aa7b8;--segmented-bg: #f1f5fa;--font-sans: "Inter", system-ui, -apple-system, sans-serif;--font-mono: "IBM Plex Mono", ui-monospace, monospace;--radius-card: 14px;--radius-control: 9px;--radius-pill: 8px;--radius-badge: 20px;--shadow-card: 0 1px 2px rgba(10, 31, 68, .04);--shadow-dropdown: 0 14px 36px rgba(10, 31, 68, .18);--container-max: 1320px}*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:var(--font-sans);color:var(--text-base);background:var(--page-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.mono{font-family:var(--font-mono)}@keyframes shimmer{0%{background-position:-480px 0}to{background-position:480px 0}}.sk{background:linear-gradient(90deg,#edf1f7,#f6f8fb,#edf1f7);background-size:480px 100%;animation:shimmer 1.3s infinite linear;border-radius:6px}::-webkit-scrollbar{height:9px;width:9px}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:6px}.export-item:hover{background:var(--azure-bg-soft)}@keyframes livePulse{0%{box-shadow:0 0 #dc262673}70%{box-shadow:0 0 0 7px #dc262600}to{box-shadow:0 0 #dc262600}}@keyframes ringPulse{0%{box-shadow:0 0 #2d7ff973}70%{box-shadow:0 0 0 7px #2d7ff900}to{box-shadow:0 0 #2d7ff900}}@keyframes blink{0%,to{opacity:1}50%{opacity:.4}}.live-dot{animation:livePulse 1.6s infinite}.ring-dot{animation:ringPulse 1.2s infinite}.blink{animation:blink 1.4s infinite}@media (max-width: 920px){.kpi-grid{grid-template-columns:repeat(2,1fr)!important}.charts-grid,.blocks-grid,.live-grid{grid-template-columns:1fr!important}.topbar-inner{flex-wrap:wrap!important;gap:12px!important}}@media (max-width: 560px){.cdr-scroll,.fila-scroll{overflow-x:auto!important}.cdr-table{min-width:640px!important}.fila-table{min-width:720px!important}}@keyframes spin{to{transform:rotate(360deg)}}.spin{animation:spin .9s linear infinite}