@charset "UTF-8";:root{--violet-50: #f3eefc;--violet-100: #e7defb;--violet-200: #cfbef2;--violet-300: #b298e6;--violet-400: #8d6ad6;--violet-500: #6b4fc4;--violet-600: #5b3fb0;--violet-700: #452c8c;--violet-800: #321f66;--violet-900: #221145;--cyan-100: #e4f4fb;--cyan-300: #8fd6f0;--cyan-500: #1f9fd6;--cyan-600: #1787bb;--neutral-0: #ffffff;--neutral-50: #f7f6fb;--neutral-100: #f0eef8;--neutral-200: #e4e0ef;--neutral-300: #cfc6e6;--neutral-400: #a89fce;--neutral-500: #7c7299;--neutral-600: #5f5680;--neutral-700: #423a5e;--neutral-800: #251f40;--neutral-900: #160f2b;--green-500: #1f9d57;--green-600: #157a43;--green-bg: #e7f6ee;--amber-500: #c97a12;--amber-600: #9a5c08;--amber-bg: #fbf0dd;--red-500: #d3372b;--red-600: #b02219;--red-bg: #fbe7e5;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--radius-xs: 4px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-pill: 999px;--fs-2xs: 11px;--fs-xs: 12px;--fs-sm: 13px;--fs-base: 14px;--fs-md: 15px;--fs-lg: 18px;--fs-xl: 22px;--fs-2xl: 28px;--fs-3xl: 34px;--fs-4xl: 42px;--font-sans: "Inter", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;--shadow-sm: 0 1px 2px rgba(34, 17, 69, .06);--shadow-md: 0 2px 8px rgba(34, 17, 69, .08);--shadow-card: 0 1px 3px rgba(34, 17, 69, .06), 0 1px 2px rgba(34, 17, 69, .04);--dur-fast: .15s;--dur-base: .22s;--dur-slow: .32s;--bg-base: #eceaf4;--bg-surface: var(--neutral-50);--bg-panel: var(--neutral-0);--bg-card: var(--neutral-0);--bg-inset: var(--neutral-100);--text-primary: #1b1430;--text-secondary: var(--neutral-600);--text-tertiary: var(--neutral-500);--text-on-brand: #f5f1ff;--border: var(--neutral-200);--border-strong: var(--neutral-300);--brand: var(--violet-600);--brand-strong: var(--violet-800);--brand-soft: var(--violet-50);--header-bg: var(--violet-800);--flow: var(--cyan-500);--flow-soft: var(--cyan-100);--status-ok: var(--green-500);--status-ok-text: var(--green-600);--status-ok-soft: var(--green-bg);--status-warn: var(--amber-500);--status-warn-text: var(--amber-600);--status-warn-soft: var(--amber-bg);--status-alarm: var(--red-500);--status-alarm-text:var(--red-600);--status-alarm-soft:var(--red-bg);--accent: #ea7317;--accent-strong: #cf6310;--text-on-accent: #ffffff;--status-active: var(--flow);--status-active-text: #136a96;--status-active-soft: var(--flow-soft);--pipe-inactive: var(--neutral-300);--pipe-inner: var(--neutral-200);--device-fill: var(--neutral-50);--device-fill-active: var(--cyan-100);--device-stroke: var(--neutral-400);--device-stroke-active: var(--flow);--chart-pbe: #ea7317;--chart-pki: #2f6fe0;--chart-setpoint: var(--neutral-500);--chart-grid: #ece8f6;--chart-axis: var(--neutral-600);--chart-tip-bg: var(--neutral-0);--chart-tip-text: var(--text-primary);--chart-tip-border: var(--neutral-300);--bg-deep: var(--bg-base);--bg-page: var(--bg-surface);--bg-info: var(--brand-soft);--text: var(--text-primary);--text-muted: var(--text-secondary);--text-emphasis: var(--text-on-brand);--ok: var(--brand-strong);--ok-light: var(--brand);--flow-light: var(--cyan-300);--blue: var(--violet-500);--device-fill-alt: var(--neutral-200);--data-body: var(--bg-card);--flow-dot: var(--flow)}body.dark{--bg-base: #0a0716;--bg-surface: #110d22;--bg-panel: #1a1535;--bg-card: #1a1535;--bg-inset: #221c42;--text-primary: #ece7ff;--text-secondary: var(--neutral-400);--text-tertiary: #837aa6;--text-on-brand: #ece7ff;--border: #2a2350;--border-strong: #3d3470;--brand: #9d7cf0;--brand-strong: #b79bf7;--brand-soft: #251c48;--header-bg: #221a44;--flow: #38b6e8;--flow-soft: #15314a;--status-ok: #3fcf83;--status-ok-text: #6fe0a4;--status-ok-soft: #123524;--status-warn: #e8a23e;--status-warn-text: #f3bd6b;--status-warn-soft: #3a2a10;--status-alarm: #f06457;--status-alarm-text:#f58a80;--status-alarm-soft:#3d1714;--accent: #ff8a2b;--accent-strong: #f07c12;--text-on-accent: #2a1400;--status-active: var(--flow);--status-active-text: #7dd4f5;--status-active-soft: var(--flow-soft);--pipe-inactive: #342b5c;--pipe-inner: #2a2350;--device-fill: #201a3c;--device-fill-active: #15314a;--device-stroke: #5a4f86;--device-stroke-active: var(--flow);--chart-pbe: #ff9a40;--chart-pki: #5b8bf5;--chart-setpoint: #8c84ad;--chart-grid: #241e44;--chart-axis: var(--neutral-400);--chart-tip-bg: #1a1535;--chart-tip-text: #ece7ff;--chart-tip-border: #3d3470;--shadow-sm: 0 1px 2px rgba(0,0,0,.4);--shadow-md: 0 2px 10px rgba(0,0,0,.45);--shadow-card: 0 1px 3px rgba(0,0,0,.4)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;background:var(--bg-base);color:var(--text-primary);font-family:var(--font-sans);font-size:var(--fs-base);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}button,input{font-family:inherit}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-base)}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:var(--radius-pill)}::-webkit-scrollbar-thumb:hover{background:var(--brand)}