@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap";:root{--color-primary: #F8FAFC;--color-secondary: #0891B2;--color-surface: #FFFFFF;--color-card: #FFFFFF;--color-success: #059669;--color-warning: #D97706;--color-danger: #DC2626;--color-text: #0F172A;--color-text-secondary: #334155;--color-text-muted: #64748B;--color-text-dim: #94A3B8;--color-border: #E2E8F0;--color-border-subtle: #F1F5F9;--color-hover: #F1F5F9;--color-accent-bg: rgba(8, 145, 178, .06);--color-accent-border: rgba(8, 145, 178, .2);--font-body: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", monospace;--sidebar-width: 240px;--sidebar-collapsed: 64px;--topbar-height: 56px;--border-radius: 8px;--border-radius-lg: 12px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .07), 0 2px 4px -2px rgba(0, 0, 0, .05);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .08), 0 4px 6px -4px rgba(0, 0, 0, .04);--shadow-card: 0 1px 3px rgba(0, 0, 0, .06), 0 1px 2px rgba(0, 0, 0, .04);--transition-fast: .15s ease;--transition-normal: .25s ease}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:14px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-body);background-color:var(--color-primary);color:var(--color-text);line-height:1.6;overflow:hidden;height:100vh}#root{height:100vh;display:flex}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--color-primary)}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}a{color:var(--color-secondary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:#0e7490}.mono{font-family:var(--font-mono)}.text-muted{color:var(--color-text-muted)}.text-success{color:var(--color-success)}.text-warning{color:var(--color-warning)}.text-danger{color:var(--color-danger)}.text-cyan{color:var(--color-secondary)}.glass-card{background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-card);transition:border-color var(--transition-normal),box-shadow var(--transition-normal)}.glass-card:hover{border-color:var(--color-accent-border);box-shadow:var(--shadow-md)}.glass-card.active{border-color:var(--color-secondary);box-shadow:0 0 0 3px #0891b21a}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.pulse{animation:pulse 2s ease-in-out infinite}@keyframes glow-pulse{0%,to{box-shadow:0 0 5px #0891b226}50%{box-shadow:0 0 12px #0891b240}}@media(max-width:768px){.sidebar-overlay{position:fixed;inset:0;background:#0000004d;z-index:99}.main-content{padding:16px!important}}@media(max-width:1024px){.responsive-grid-2col{grid-template-columns:1fr!important}}:root{--chart-bg: transparent;--chart-grid: rgba(100, 116, 139, .1);--chart-axis: #94A3B8;--chart-text: #64748B;--chart-tooltip-bg: rgba(255, 255, 255, .97);--chart-tooltip-border: #E2E8F0;--chart-do: #0891B2;--chart-ph: #7C3AED;--chart-temp: #EA580C;--chart-agitation: #059669;--chart-airflow: #2563EB;--chart-foam: #D97706;--chart-our: #DB2777;--chart-cer: #7C3AED;--chart-rq: #0D9488;--chart-feed: #EA580C;--chart-biomass: #0891B2;--chart-product: #059669}.recharts-cartesian-grid line{stroke:var(--chart-grid)!important}.recharts-cartesian-axis-tick-value{fill:var(--chart-text)!important;font-size:11px!important;font-family:var(--font-mono)!important}.recharts-tooltip-wrapper .recharts-default-tooltip{background:var(--chart-tooltip-bg)!important;border:1px solid var(--chart-tooltip-border)!important;border-radius:8px!important;padding:8px 12px!important;box-shadow:0 4px 12px #00000014!important}.recharts-legend-item-text{color:var(--chart-text)!important;font-size:12px!important}