: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;--font-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--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;--font-bold: 700;--font-light: 300;--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);--z-modal: 1000;--z-modal-top: 1100;--size-touch-target: 2.75rem;--top-nav-height-mobile: calc(var(--size-touch-target) + 2 * var(--space-sm));--mobile-sheet-radius: 1rem;--mobile-floating-margin: .75rem;--sidebar-width: 24rem;--schematic-conductor: #8899aa;--schematic-seal: #8a9aaa;--schematic-seal-line: #b0bec5;--schematic-casing: #7aa0be;--schematic-screen-bg: color-mix(in srgb, var(--color-primary) 25%, transparent);--schematic-screen-line: var(--color-primary);--schematic-filter-bg: #3d3425;--schematic-filter-dot: #b89a6a;--schematic-tube-box: #5a7888;--schematic-water: color-mix(in srgb, var(--color-info, #3b82f6) 30%, transparent);--schematic-water-surface: var(--color-info, #3b82f6);--schematic-projected: var(--color-chart-static-wl, #0891b2);--schematic-projected-stale: var(--color-warning, #f59e0b);--schematic-fine-sand: #c4a56e;--schematic-earth: rgba(215, 195, 155, .1);--schematic-ground: var(--color-success, #22c55e);--schematic-ruler: color-mix(in srgb, var(--color-text-primary) 70%, transparent);--schematic-outline: rgba(255, 255, 255, .12);--schematic-label-bg: rgba(10, 15, 25, .7);--schematic-label-text: #ffffff}@media(pointer:coarse),(pointer:none){:root{--num-input-font-size: 1rem}}: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-warning-on-surface: #fcd34d;--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);--cross-tenant-bg: color-mix(in srgb, var(--color-info) 12%, transparent);--cross-tenant-bg-hover: color-mix(in srgb, var(--color-info) 22%, transparent);--cross-tenant-border: color-mix(in srgb, var(--color-info) 45%, transparent);--cross-tenant-border-hover: color-mix(in srgb, var(--color-info) 65%, transparent);--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-deployment-manual-import: #0ea5e9;--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-attached: #22c55e;--color-deployment-unattached: #ef4444;--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-curve-a: #3b82f6;--color-chart-curve-b: #06b6d4;--color-chart-curve-c: #10b981;--color-chart-curve-d: #f59e0b;--color-chart-curve-e: #ec4899;--color-chart-curve-f: #ef4444;--color-chart-efficiency: #f59e0b;--color-chart-flow: #10b981;--color-chart-head: #3b82f6;--color-chart-power: #ef4444;--color-chart-water-level: #3b82f6;--color-chart-static-wl: #0891b2;--color-chart-drawdown: #a855f7;--color-chart-well-loss: #ff8a00;--color-chart-specific-capacity: #14b8a6;--color-chart-pressure: #f59e0b;--color-chart-pump-speed: #8b5cf6;--color-chart-battery: #84cc16;--color-chart-cabinet-temp: #f97316;--color-chart-cabinet-humidity: #06b6d4;--color-chart-invalid: #ef4444;--color-chart-operating-point: #f59e0b;--color-chart-operating-point-strong: rgba(245, 158, 11, .7);--color-chart-operating-point-medium: rgba(245, 158, 11, .4);--color-chart-operating-point-faint: rgba(245, 158, 11, .15);--schematic-wl-bg: #0a1426;--schematic-wl-static-border: rgba(63, 182, 214, .7);--schematic-wl-static-eyebrow: #7fa8b8;--schematic-wl-static-value: #e8f4f8;--schematic-wl-dynamic-border: rgba(91, 182, 255, .9);--schematic-wl-dynamic-eyebrow: #8ab8e0;--schematic-wl-dynamic-value: #ffffff;--color-input-bg: #1e293b;--color-input-border: #334155;--color-input-text: #f8fafc;--color-button-bg: #334155;--color-button-hover: #475569;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .3);--shadow-md: 0 4px 8px rgba(0, 0, 0, .35);--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(255, 255, 255, .015);--color-map-stat-border: rgba(255, 255, 255, .08);--color-map-stat-attached-bg: rgba(34, 197, 94, .1);--color-map-stat-attached-border: rgba(34, 197, 94, .2);--color-map-stat-attached-text: #4ade80;--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-red: #ef4444;--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-warning-on-surface: #92400e;--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-deployment-manual-import: #0284c7;--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-attached: #16a34a;--color-deployment-unattached: #dc2626;--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-curve-a: #2563eb;--color-chart-curve-b: #0891b2;--color-chart-curve-c: #059669;--color-chart-curve-d: #d97706;--color-chart-curve-e: #db2777;--color-chart-curve-f: #dc2626;--color-chart-efficiency: #d97706;--color-chart-flow: #059669;--color-chart-head: #2563eb;--color-chart-power: #dc2626;--color-chart-water-level: #2563eb;--color-chart-static-wl: #22d3ee;--color-chart-drawdown: #c084fc;--color-chart-well-loss: #ea7c00;--color-chart-specific-capacity: #2dd4bf;--color-chart-pressure: #d97706;--color-chart-pump-speed: #7c3aed;--color-chart-battery: #65a30d;--color-chart-cabinet-temp: #ea580c;--color-chart-cabinet-humidity: #0891b2;--color-chart-invalid: #dc2626;--color-chart-operating-point: #d97706;--color-chart-operating-point-strong: rgba(217, 119, 6, .7);--color-chart-operating-point-medium: rgba(217, 119, 6, .4);--color-chart-operating-point-faint: rgba(217, 119, 6, .15);--schematic-wl-bg: var(--color-surface-solid);--schematic-wl-static-border: color-mix(in srgb, var(--color-chart-static-wl) 85%, transparent);--schematic-wl-static-eyebrow: var(--color-text-secondary);--schematic-wl-static-value: var(--color-text-primary);--schematic-wl-dynamic-border: var(--color-chart-water-level);--schematic-wl-dynamic-eyebrow: var(--color-text-secondary);--schematic-wl-dynamic-value: var(--color-text-primary);--color-input-bg: #ffffff;--color-input-border: #e2e8f0;--color-input-text: #0f172a;--color-button-bg: #f1f5f9;--color-button-hover: #e2e8f0;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .1);--shadow-md: 0 4px 8px rgba(0, 0, 0, .12);--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(15, 23, 42, .02);--color-map-stat-border: rgba(15, 23, 42, .08);--color-map-stat-attached-bg: rgba(16, 185, 129, .1);--color-map-stat-attached-border: rgba(16, 185, 129, .2);--color-map-stat-attached-text: #059669;--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-red: #dc2626;--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;-webkit-text-size-adjust:100%;min-height:100vh;min-height:100dvh}*{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)}.label-caps-bold{font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide)}.card-hint{font-size:var(--text-xs);color:var(--color-text-muted);margin:0 0 var(--space-sm) 0}.card-hint.tail{margin:var(--space-sm) 0 0 0}.fieldset-reset{border:0;padding:0;margin:0;min-width:0}.accent-callout{display:flex;flex-direction:column;gap:var(--space-xs);padding:var(--space-sm);border-radius:var(--radius-md);background:color-mix(in srgb,var(--color-primary) 8%,transparent);border-left:3px solid var(--color-primary)}.attached-badge{padding:.0625rem .375rem;font-size:.625rem;font-weight:var(--font-medium, 500);border-radius:999px;color:var(--color-deployment-attached);border:1px solid color-mix(in srgb,var(--color-deployment-attached) 45%,transparent)}.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}