.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)}:root{--aion-blue: #1878F3;--aion-navy: #0D2F7A;--aion-teal: #00D4B0;--aion-blue-50: #EBF3FF;--aion-blue-100: #D3E4FE;--aion-blue-200: #B8D4FB;--aion-blue-400: #6BA6F7;--aion-blue-500: #1878F3;--aion-blue-600: #1259BB;--aion-blue-800: #0D2F7A;--aion-teal-50: #E0FBF5;--aion-teal-500: #00D4B0;--aion-teal-700: #00806C;--aion-ink: #16233D;--aion-ink-secondary: #4C5A75;--aion-ink-muted: #8A96AC;--aion-rule: #E4EAF4;--aion-surface: #F4F6FA;--aion-white: #FFFFFF;--aion-success: #0E9F6E;--aion-success-strong: #07603F;--aion-success-surface: #E3F7EE;--aion-success-border: #A9E5CB;--aion-warning: #D98800;--aion-warning-strong: #8A5600;--aion-warning-surface: #FDF3E0;--aion-warning-border: #F2D49B;--aion-danger: #D93A3A;--aion-danger-strong: #97201F;--aion-danger-surface: #FDEBEB;--aion-danger-border: #F5BFBF;--aion-info: #1878F3;--aion-info-strong: #1259BB;--aion-info-surface: #EBF3FF;--aion-info-border: #B8D4FB;--aion-neutral-state: #6B7688;--aion-neutral-state-surface: #F0F2F7;--aion-neutral-state-border: #DDE2EB;--aion-chart-seq-1: #D3E4FE;--aion-chart-seq-2: #B8D4FB;--aion-chart-seq-3: #6BA6F7;--aion-chart-seq-4: #1878F3;--aion-chart-seq-5: #1259BB;--aion-chart-seq-6: #0D2F7A;--aion-chart-cat-1: #1878F3;--aion-chart-cat-2: #0D2F7A;--aion-chart-cat-3: #00D4B0;--aion-chart-cat-4: #6BA6F7;--aion-chart-cat-5: #D98800;--aion-chart-cat-6: #7B61C4;--aion-chart-score: #00D4B0;--aion-chart-track: #E4EAF4;--aion-chart-grid: #EDF1F8;--aion-chart-axis: #8A96AC;--aion-chart-empty: #F0F2F7;--aion-font-display: "Space Grotesk", Helvetica, Arial, sans-serif;--aion-font-body: "IBM Plex Sans", system-ui, sans-serif;--aion-font-arabic: "IBM Plex Sans Arabic", "Segoe UI", Tahoma, sans-serif;--aion-font-mono: "IBM Plex Mono", ui-monospace, monospace;--aion-radius-control: 10px;--aion-radius-card: 14px;--aion-radius-panel: 20px;--aion-space: 8px;--color-action: var(--aion-blue);--color-action-hover: var(--aion-blue-600);--color-structure: var(--aion-navy);--color-score: var(--aion-teal);--color-text: var(--aion-ink);--color-text-secondary: var(--aion-ink-secondary);--color-border: var(--aion-rule);--color-surface: var(--aion-surface);--color-success: var(--aion-success);--color-success-bg: var(--aion-success-surface);--color-warning: var(--aion-warning);--color-warning-bg: var(--aion-warning-surface);--color-danger: var(--aion-danger);--color-danger-bg: var(--aion-danger-surface);--color-info: var(--aion-info);--color-info-bg: var(--aion-info-surface)}a{color:var(--aion-blue);text-decoration:none}a:hover{color:var(--aion-navy)}[dir=rtl] body,[lang=ar] body{font-family:var(--aion-font-arabic)}:root{--bg: var(--aion-surface);--bg-warm: var(--aion-blue-50);--surface: var(--aion-white);--surface-elev: var(--aion-white);--border: var(--aion-rule);--border-strong: var(--aion-blue-200);--ink: var(--aion-ink);--ink-soft: var(--aion-ink-secondary);--ink-mute: var(--aion-ink-muted);--accent: var(--color-action);--accent-hover: var(--color-action-hover);--accent-soft: var(--aion-blue-50);--warn: var(--aion-warning);--warn-strong: var(--aion-warning-strong);--warn-bg: var(--aion-warning-surface);--warn-border: var(--aion-warning-border);--danger: var(--aion-danger);--danger-strong: var(--aion-danger-strong);--danger-bg: var(--aion-danger-surface);--danger-border: var(--aion-danger-border);--success: var(--aion-success);--success-strong: var(--aion-success-strong);--success-bg: var(--aion-success-surface);--success-border: var(--aion-success-border);--radius-lg: var(--aion-radius-card);--radius: var(--aion-radius-control);--radius-sm: 8px;--radius-panel: var(--aion-radius-panel);--shadow-sm: 0 1px 2px rgba(22, 35, 61, .05);--shadow-md: 0 4px 16px rgba(22, 35, 61, .07), 0 1px 3px rgba(22, 35, 61, .05);--shadow-lg: 0 12px 40px rgba(22, 35, 61, .1);--font-sans: "IBM Plex Sans", "IBM Plex Sans Arabic", system-ui, sans-serif;--font-display: var(--aion-font-display);--font-mono: var(--aion-font-mono);--sidebar-w: 240px;--topbar-h: 60px}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{font-family:var(--font-sans);background:var(--bg);color:var(--ink);font-size:14px;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4{font-family:var(--font-display),"IBM Plex Sans Arabic",sans-serif;font-weight:600;letter-spacing:-.02em;line-height:1.2}[dir=rtl] h1,[dir=rtl] h2,[dir=rtl] h3,[dir=rtl] h4{font-family:var(--aion-font-arabic);letter-spacing:0}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}button{font-family:inherit;cursor:pointer}.mono{font-family:var(--font-mono)}.btn{padding:8px 14px;border-radius:var(--radius);font-family:inherit;font-size:13px;font-weight:500;cursor:pointer;border:1px solid var(--border);background:var(--surface);color:var(--ink);transition:all .15s ease}.btn:hover{background:var(--bg-warm);border-color:var(--border-strong)}.btn-primary{background:var(--accent);color:#fff;border-color:var(--accent)}.btn-primary:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:22px 26px}.page{padding:32px 28px}.page--dashboard{padding:28px 32px}.page--public{padding-bottom:60px}.cb-preview{padding:28px 32px}.table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;max-width:100%}.sql-console{grid-template-columns:minmax(0,1fr) 280px}@media (max-width: 900px){.sql-console{grid-template-columns:minmax(0,1fr)}.sql-console>*:last-child{position:static!important;max-height:420px!important}}.section-label{font-size:10px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-mute);margin-bottom:10px}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--border-strong)}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .3s ease}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}@keyframes pulseAlert{0%,to{opacity:1;transform:scale(1)}50%{opacity:.55;transform:scale(.85)}}@media (max-width: 899.98px){:root{--topbar-h: 54px}.page{padding:20px 16px}.cb-preview{padding:16px 14px}.card{padding:16px;border-radius:var(--radius)}.page h1{font-size:22px!important}.page h2{font-size:17px!important}.btn{padding:9px 13px}}@media (max-width: 480px){body{font-size:13.5px}.page{padding:16px 13px}.card{padding:14px 13px}.page h1{font-size:20px!important}}
