:root,html[data-theme=dark]{--bg: #12161c;--panel: #1a1f28;--panel-hover: #242a35;--text: #e8ecf1;--muted: #7a8599;--accent: #f5a623;--danger: #e74c3c;--success: #2ecc71;--focus: #3b82f6;--border: #2e3544}html[data-theme=light]{--bg: #f5f7fa;--panel: #ffffff;--panel-hover: #f0f2f5;--text: #1a1f28;--muted: #5c6578;--accent: #d48c1a;--danger: #c0392b;--success: #27ae60;--focus: #2563eb;--border: #d1d5db}:root{--spacing-2xs: 4px;--spacing-xs: 8px;--spacing-sm: 12px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-2xl: 48px;--spacing-3xl: 64px;--spacing-4xl: 80px;--font-size-sm: .75rem;--font-size-md: .875rem;--font-size-lg: 1rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 2.25rem;--font-size-4xl: 3rem;--line-height-default: 1.5;--line-height-condensed: 1.25;--line-height-sm: 1rem;--line-height-md: 1.25rem;--line-height-lg: 1.5rem;--line-height-xl: 2rem;--line-height-2xl: 2.25rem;--line-height-3xl: 3rem;--line-height-4xl: 3.5rem;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-sans: Geist Sans, -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;--font-mono: Geist Mono, SFMono-Regular, Consolas, Liberation Mono, Menlo, monospace;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 8px;--radius-xl: 12px;--duration-fast: .1s;--duration-default: .2s;--duration-slow: .3s;--easing-default: ease-in-out;--easing-bezier: cubic-bezier(.13, .62, .11, .99);--glow-primary: 0px 0px 0px 3px #98cbff;--z-default: 10;--z-notification: 20;--z-tooltip: 50;--z-map-labels: 100;--z-map-context-menu: 200;--z-widget-header: 250;--z-header: 300;--z-header-dropdown: 310;--z-modal-container: 490;--z-modal: 500;--z-modal-tooltip: 600;--color-primary: #1a1f28;--color-primary-dark: #151920;--color-primary-dark-2x: #0b0e14;--color-secondary: #f5a623;--gray-100: #e8ecf1;--gray-200: #c8ced8;--gray-300: #a0a9b8;--gray-400: #7a8599;--gray-500: #5c6578;--gray-600: #454d5e;--gray-700: #2e3544;--gray-800: #1a1f28;--gray-900: #12161c;--pfd-magenta: #cc01ff;--pfd-green: #4ff32b;--pfd-green-light: #99ff32;--pfd-white: #ffffff;--pfd-red: #ff0000;--pfd-blue: #0000ff;--pfd-amber: #ffc107}html,body,#root{margin:0;padding:0;height:100%}body{font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Noto Sans,Liberation Sans,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:rgba(0,0,0,0)}*{box-sizing:border-box}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 14px;font-size:14px;font-weight:600;color:var(--panel);background-color:#91bdd3;border:1px solid rgba(255,255,255,.12);border-radius:8px;cursor:pointer;transition:background-color .2s,border-color .2s,color .2s}.dark-btn{background-color:var(--panel)}.btn:hover{background-color:#2a3b51}.btn:focus-visible{outline:none;border-color:var(--accent);box-shadow:0 0 0 2px #00e5ff40}.btn:disabled{cursor:not-allowed;opacity:.5}.btn-primary{color:var(--panel)}.btn-secondary{color:#363f4c}.btn-ghost{background:transparent;border:none;color:var(--muted)}.btn-ghost:hover{background-color:var(--panel-hover)}.btn-danger{border-color:var(--danger);color:var(--danger)}.btn .icon{width:16px;height:16px}.react-grid-layout{position:relative;transition:height .2s ease}.react-grid-item{transition:all .2s ease;transition-property:left,top,width,height}.react-grid-item img{pointer-events:none;-webkit-user-select:none;user-select:none}.react-grid-item.cssTransforms{transition-property:transform,width,height}.react-grid-item.resizing{transition:none;z-index:1;will-change:width,height}.react-grid-item.react-draggable-dragging{transition:none;z-index:3;will-change:transform}.react-grid-item.dropping{visibility:hidden}.react-grid-item.react-grid-placeholder{background:red;opacity:.2;transition-duration:.1s;z-index:2;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none}.react-grid-item.react-grid-placeholder.placeholder-resizing{transition:none}.react-grid-item>.react-resizable-handle{position:absolute;width:20px;height:20px}.react-grid-item>.react-resizable-handle:after{content:"";position:absolute;right:3px;bottom:3px;width:5px;height:5px;border-right:2px solid rgba(0,0,0,.4);border-bottom:2px solid rgba(0,0,0,.4)}.react-resizable-hide>.react-resizable-handle{display:none}.react-grid-item>.react-resizable-handle.react-resizable-handle-sw{bottom:0;left:0;cursor:sw-resize;transform:rotate(90deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-se{bottom:0;right:0;cursor:se-resize}.react-grid-item>.react-resizable-handle.react-resizable-handle-nw{top:0;left:0;cursor:nw-resize;transform:rotate(180deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-ne{top:0;right:0;cursor:ne-resize;transform:rotate(270deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-w,.react-grid-item>.react-resizable-handle.react-resizable-handle-e{top:50%;margin-top:-10px;cursor:ew-resize}.react-grid-item>.react-resizable-handle.react-resizable-handle-w{left:0;transform:rotate(135deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-e{right:0;transform:rotate(315deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-n,.react-grid-item>.react-resizable-handle.react-resizable-handle-s{left:50%;margin-left:-10px;cursor:ns-resize}.react-grid-item>.react-resizable-handle.react-resizable-handle-n{top:0;transform:rotate(225deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-s{bottom:0;transform:rotate(45deg)}.react-resizable{position:relative}.react-resizable-handle{position:absolute;width:20px;height:20px;background-repeat:no-repeat;background-origin:content-box;box-sizing:border-box;background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2IDYiIHN0eWxlPSJiYWNrZ3JvdW5kLWNvbG9yOiNmZmZmZmYwMCIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSI2cHgiIGhlaWdodD0iNnB4Ij48ZyBvcGFjaXR5PSIwLjMwMiI+PHBhdGggZD0iTSA2IDYgTCAwIDYgTCAwIDQuMiBMIDQgNC4yIEwgNC4yIDQuMiBMIDQuMiAwIEwgNiAwIEwgNiA2IEwgNiA2IFoiIGZpbGw9IiMwMDAwMDAiLz48L2c+PC9zdmc+);background-position:bottom right;padding:0 3px 3px 0}.react-resizable-handle-sw{bottom:0;left:0;cursor:sw-resize;transform:rotate(90deg)}.react-resizable-handle-se{bottom:0;right:0;cursor:se-resize}.react-resizable-handle-nw{top:0;left:0;cursor:nw-resize;transform:rotate(180deg)}.react-resizable-handle-ne{top:0;right:0;cursor:ne-resize;transform:rotate(270deg)}.react-resizable-handle-w,.react-resizable-handle-e{top:50%;margin-top:-10px;cursor:ew-resize}.react-resizable-handle-w{left:0;transform:rotate(135deg)}.react-resizable-handle-e{right:0;transform:rotate(315deg)}.react-resizable-handle-n,.react-resizable-handle-s{left:50%;margin-left:-10px;cursor:ns-resize}.react-resizable-handle-n{top:0;transform:rotate(225deg)}.react-resizable-handle-s{bottom:0;transform:rotate(45deg)}.react-grid-item.react-grid-placeholder{background:var(--border)!important;border-radius:7px}.drag-handle{cursor:grab;padding:4px;display:inline-block}.grid-container{position:relative;height:calc(100vh - 40px);width:100%;overflow:hidden;color:var(--text)}.widget-library{position:absolute;left:0;top:0;width:220px;height:100%;background:var(--panel);color:var(--text);transition:left .3s ease;z-index:var(--z-default);padding:1rem}.dark-mode{background:var(--bg);color:var(--text)}.widget-library img{filter:brightness(0) saturate(100%) invert(70%) sepia(50%) saturate(500%) hue-rotate(10deg) brightness(100%) contrast(95%)!important}.widget-library-item{border-radius:7px;background:var(--panel);padding:.5rem;margin-bottom:.5rem;cursor:grab;color:var(--text)}.widget-config-header{display:flex;justify-content:space-between;margin-bottom:10px}.modal-container{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-modal-container);background-color:#0006;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center}.modal-content{width:calc(100% - 32px);height:calc(100vh - 32px);max-width:1400px;background:var(--bg);color:var(--text);padding:1rem;border-radius:8px;border:2px solid var(--panel);box-shadow:0 0 20px #00000080;overflow:auto;display:flex;flex-direction:column}