:root{--space-xs: clamp(.25rem, 1vw, .5rem);--space-sm: clamp(.5rem, 2vw, .75rem);--space-md: clamp(.75rem, 2vw, 1rem);--space-lg: clamp(1rem, 3vw, 1.5rem);--space-xl: clamp(1.5rem, 4vw, 2rem);--space-2xl: clamp(2rem, 5vw, 2.5rem);--text-3xs: .6875rem;--text-2xs: .8125rem;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.5rem;--text-2xl: 1.65rem;--letter-spacing-tight: -.02em;--letter-spacing-normal: .01em;--letter-spacing-wide: .02em;--letter-spacing-wider: .08em;--radius-xs: .125rem;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-full: 9999px;--size-icon-sm: 1rem;--size-avatar-sm: 2rem;--size-avatar-md: 3rem;--size-avatar-lg: 4rem;--size-logo: 1.75rem;--dropdown-min-width: 10rem;--dropdown-item-gap: .625rem;--dropdown-item-padding-y: .625rem;--dropdown-item-padding-x: .875rem;--transition-fast: .15s;--font-normal: 400;--font-medium: 500;--font-semibold: 600;--modal-width-sm: 24rem;--modal-padding-x: 1.25rem;--form-max-width: 440px;--form-max-width-lg: 450px;--backdrop-overlay: rgba(0, 0, 0, .6)}:root{--color-bg-primary: #0f172a;--color-surface: rgba(30, 41, 59, .8);--color-surface-solid: #1e293b;--color-surface-hover: rgba(51, 65, 85, .3);--color-border: #334155;--color-border-light: #475569;--color-border-focus: #3b82f6;--color-text-primary: #f8fafc;--color-text-secondary: #b8c4d4;--color-text-muted: #8899ab;--color-primary: #3b82f6;--color-primary-hover: #2563eb;--color-primary-text: #ffffff;--color-primary-bg: rgba(59, 130, 246, .2);--color-success: #34d399;--color-success-bg: rgba(16, 185, 129, .15);--color-success-border: rgba(16, 185, 129, .3);--color-warning: #fbbf24;--color-warning-bg: rgba(245, 158, 11, .15);--color-warning-border: rgba(245, 158, 11, .3);--color-warning-text: #78350f;--color-danger: #f87171;--color-danger-bg: rgba(239, 68, 68, .15);--color-danger-border: rgba(239, 68, 68, .3);--color-info: #38bdf8;--color-info-bg: rgba(14, 165, 233, .15);--color-info-border: rgba(14, 165, 233, .3);--color-well-active: #22c55e;--color-well-inactive: #f59e0b;--color-well-abandoned: #ef4444;--color-well-unknown: #6b7280;--color-deployment-planned: #3b82f6;--color-deployment-in-progress: #a855f7;--color-deployment-quality-assurance: #8b5cf6;--color-deployment-completed: #06b6d4;--color-deployment-shipped: #6366f1;--color-deployment-unassigned: #9ca3af;--color-deployment-deployed: #22c55e;--color-deployment-retired: #6b7280;--color-deployment-development: #f59e0b;--color-tier-base: #94a3b8;--color-tier-core: #3b82f6;--color-tier-control: #22c55e;--color-tier-development: #f59e0b;--color-power-off-grid: #f59e0b;--color-power-on-grid: #22c55e;--color-deployment-type-well: #3b82f6;--color-deployment-type-development: #f59e0b;--color-deployment-is-active: #22c55e;--color-deployment-is-inactive: #64748b;--color-chart-grid: rgba(51, 65, 85, .5);--color-chart-line-1: #3b82f6;--color-chart-line-2: #8b5cf6;--color-chart-line-3: #ec4899;--color-chart-line-4: #f59e0b;--color-chart-bep: #10b981;--color-chart-efficiency: #f59e0b;--color-chart-flow: #10b981;--color-chart-head: #3b82f6;--color-chart-power: #ef4444;--color-chart-water-level: #3b82f6;--color-chart-pressure: #f59e0b;--color-chart-pump-speed: #8b5cf6;--color-chart-invalid: #ef4444;--color-input-bg: #1e293b;--color-input-border: #334155;--color-input-text: #f8fafc;--color-button-bg: #334155;--color-button-hover: #475569;--shadow-lg: 0 10px 15px rgba(0, 0, 0, .3);--color-map-control-bg: rgba(15, 23, 42, .95);--color-map-control-bg-solid: #0f172a;--color-map-control-border: #334155;--color-map-control-hover: #1e293b;--color-map-panel-bg: rgba(30, 41, 59, .9);--color-map-panel-bg-solid: #1e293b;--color-map-shadow: rgba(0, 0, 0, .5);--color-map-sidebar-bg: #0f172a;--color-map-sidebar-border: #1e293b;--color-map-stat-bg: rgba(30, 41, 59, .5);--color-map-stat-border: rgba(51, 65, 85, .5);--color-map-stat-active-bg: rgba(34, 197, 94, .1);--color-map-stat-active-border: rgba(34, 197, 94, .2);--color-map-stat-active-text: #4ade80;--color-map-stat-deployed-bg: rgba(59, 130, 246, .1);--color-map-stat-deployed-border: rgba(59, 130, 246, .2);--color-map-stat-deployed-text: #60a5fa;--color-map-input-bg: #1e293b;--color-map-input-border: #334155;--color-map-input-focus-border: #3b82f6;--color-map-input-focus-shadow: rgba(59, 130, 246, .2);--color-map-btn-bg: #1e293b;--color-map-btn-border: #334155;--color-map-btn-hover: #334155;--color-map-btn-text: #94a3b8;--color-map-btn-active-bg: rgba(59, 130, 246, .2);--color-map-btn-active-border: rgba(59, 130, 246, .3);--color-map-btn-active-text: #60a5fa;--color-map-toggle-bg: #0f172a;--color-map-toggle-border: #475569;--color-map-toggle-text: #cbd5e1;--color-map-toggle-hover: #334155;--color-map-toggle-active-bg: #3b82f6;--color-map-toggle-active-border: #3b82f6;--color-map-toggle-active-green: #22c55e;--color-map-toggle-active-gray: #475569;--color-map-icon-muted: #475569;--color-map-placeholder: #64748b;--color-map-logo-gradient-start: #3b82f6;--color-map-logo-gradient-end: #22d3ee;--color-map-logo-shadow: rgba(59, 130, 246, .2);--color-map-item-bg: rgba(30, 41, 59, .3);--color-map-item-border: rgba(51, 65, 85, .3);--color-map-item-hover-bg: rgba(30, 41, 59, .6);--color-map-item-selected-bg: rgba(59, 130, 246, .2);--color-map-item-selected-border: rgba(59, 130, 246, .4);--color-map-indicator-bg: rgba(51, 65, 85, .5);--color-map-indicator-active-bg: rgba(34, 197, 94, .2);--icon-filter-dark: invert(1) brightness(2)}[data-theme=light]{--color-bg-primary: #f8fafc;--color-surface: rgba(255, 255, 255, .9);--color-surface-solid: #ffffff;--color-surface-hover: rgba(226, 232, 240, .5);--color-border: #e2e8f0;--color-border-light: #cbd5e1;--color-border-focus: #3b82f6;--color-text-primary: #0f172a;--color-text-secondary: #475569;--color-text-muted: #64748b;--color-primary: #2563eb;--color-primary-hover: #1d4ed8;--color-primary-text: #ffffff;--color-primary-bg: rgba(37, 99, 235, .1);--color-success: #10b981;--color-success-bg: rgba(16, 185, 129, .1);--color-success-border: rgba(16, 185, 129, .3);--color-warning: #f59e0b;--color-warning-bg: rgba(245, 158, 11, .1);--color-warning-border: rgba(245, 158, 11, .3);--color-warning-text: #451a03;--color-danger: #ef4444;--color-danger-bg: rgba(239, 68, 68, .1);--color-danger-border: rgba(239, 68, 68, .3);--color-info: #0ea5e9;--color-info-bg: rgba(14, 165, 233, .1);--color-info-border: rgba(14, 165, 233, .3);--color-well-active: #16a34a;--color-well-inactive: #d97706;--color-well-abandoned: #dc2626;--color-well-unknown: #6b7280;--color-deployment-planned: #2563eb;--color-deployment-in-progress: #9333ea;--color-deployment-quality-assurance: #7c3aed;--color-deployment-completed: #0891b2;--color-deployment-shipped: #4f46e5;--color-deployment-unassigned: #9ca3af;--color-deployment-deployed: #16a34a;--color-deployment-retired: #6b7280;--color-deployment-development: #d97706;--color-tier-base: #94a3b8;--color-tier-core: #2563eb;--color-tier-control: #16a34a;--color-tier-development: #d97706;--color-power-off-grid: #d97706;--color-power-on-grid: #16a34a;--color-deployment-type-well: #2563eb;--color-deployment-type-development: #d97706;--color-deployment-is-active: #16a34a;--color-deployment-is-inactive: #94a3b8;--color-chart-grid: rgba(148, 163, 184, .3);--color-chart-line-1: #2563eb;--color-chart-line-2: #7c3aed;--color-chart-line-3: #db2777;--color-chart-line-4: #d97706;--color-chart-bep: #059669;--color-chart-efficiency: #d97706;--color-chart-flow: #059669;--color-chart-head: #2563eb;--color-chart-power: #dc2626;--color-chart-water-level: #2563eb;--color-chart-pressure: #d97706;--color-chart-pump-speed: #7c3aed;--color-chart-invalid: #dc2626;--color-input-bg: #ffffff;--color-input-border: #e2e8f0;--color-input-text: #0f172a;--color-button-bg: #f1f5f9;--color-button-hover: #e2e8f0;--shadow-lg: 0 10px 15px rgba(0, 0, 0, .1);--color-map-control-bg: rgba(255, 255, 255, .95);--color-map-control-bg-solid: #ffffff;--color-map-control-border: #e2e8f0;--color-map-control-hover: #f1f5f9;--color-map-panel-bg: rgba(255, 255, 255, .9);--color-map-panel-bg-solid: #ffffff;--color-map-shadow: rgba(0, 0, 0, .15);--color-map-sidebar-bg: #ffffff;--color-map-sidebar-border: #e2e8f0;--color-map-stat-bg: rgba(241, 245, 249, .5);--color-map-stat-border: rgba(226, 232, 240, .5);--color-map-stat-active-bg: rgba(16, 185, 129, .1);--color-map-stat-active-border: rgba(16, 185, 129, .2);--color-map-stat-active-text: #059669;--color-map-stat-deployed-bg: rgba(37, 99, 235, .1);--color-map-stat-deployed-border: rgba(37, 99, 235, .2);--color-map-stat-deployed-text: #2563eb;--color-map-input-bg: #ffffff;--color-map-input-border: #e2e8f0;--color-map-input-focus-border: #3b82f6;--color-map-input-focus-shadow: rgba(59, 130, 246, .2);--color-map-btn-bg: #f1f5f9;--color-map-btn-border: #e2e8f0;--color-map-btn-hover: #e2e8f0;--color-map-btn-text: #64748b;--color-map-btn-active-bg: rgba(37, 99, 235, .1);--color-map-btn-active-border: rgba(37, 99, 235, .3);--color-map-btn-active-text: #2563eb;--color-map-toggle-bg: #ffffff;--color-map-toggle-border: #cbd5e1;--color-map-toggle-text: #475569;--color-map-toggle-hover: #e2e8f0;--color-map-toggle-active-bg: #2563eb;--color-map-toggle-active-border: #2563eb;--color-map-toggle-active-green: #16a34a;--color-map-toggle-active-gray: #94a3b8;--color-map-icon-muted: #94a3b8;--color-map-placeholder: #94a3b8;--color-map-logo-gradient-start: #2563eb;--color-map-logo-gradient-end: #06b6d4;--color-map-logo-shadow: rgba(37, 99, 235, .2);--color-map-item-bg: rgba(241, 245, 249, .3);--color-map-item-border: rgba(226, 232, 240, .3);--color-map-item-hover-bg: rgba(241, 245, 249, .6);--color-map-item-selected-bg: rgba(37, 99, 235, .1);--color-map-item-selected-border: rgba(37, 99, 235, .3);--color-map-indicator-bg: rgba(226, 232, 240, .5);--color-map-indicator-active-bg: rgba(16, 185, 129, .2);--icon-filter-dark: none}body{margin:0;padding:0;background:var(--color-bg-primary);color:var(--color-text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;font-size:106.25%;line-height:1.5;font-weight:400;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh}*{box-sizing:border-box}input,button,select,textarea{font-family:inherit}.collapsible-header{display:flex;align-items:center;cursor:pointer;-webkit-user-select:none;user-select:none;min-height:40px;transition:background var(--transition-fast)}.collapsible-header:hover{background:var(--color-surface-hover)}.collapsed .collapse-body{height:0!important;opacity:0;padding-top:0;padding-bottom:0;overflow:hidden}.label-caps{font-size:var(--text-3xs);font-weight:var(--font-medium);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide)}.toolbar-btn{display:inline-flex;align-items:center;padding:.375rem .75rem;font-size:var(--text-2xs);font-weight:var(--font-medium);border:1px solid var(--color-border);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}