.react-flow{direction:ltr}.react-flow__container{position:absolute;width:100%;height:100%;top:0;left:0}.react-flow__pane{z-index:1;cursor:-webkit-grab;cursor:grab}.react-flow__pane.selection{cursor:pointer}.react-flow__pane.dragging{cursor:-webkit-grabbing;cursor:grabbing}.react-flow__viewport{transform-origin:0 0;z-index:2;pointer-events:none}.react-flow__renderer{z-index:4}.react-flow__selection{z-index:6}.react-flow__nodesselection-rect:focus,.react-flow__nodesselection-rect:focus-visible{outline:none}.react-flow .react-flow__edges{pointer-events:none;overflow:visible}.react-flow__edge-path,.react-flow__connection-path{stroke:#b1b1b7;stroke-width:1;fill:none}.react-flow__edge{pointer-events:visibleStroke;cursor:pointer}.react-flow__edge.animated path{stroke-dasharray:5;-webkit-animation:dashdraw .5s linear infinite;animation:dashdraw .5s linear infinite}.react-flow__edge.animated path.react-flow__edge-interaction{stroke-dasharray:none;-webkit-animation:none;animation:none}.react-flow__edge.inactive{pointer-events:none}.react-flow__edge.selected,.react-flow__edge:focus,.react-flow__edge:focus-visible{outline:none}.react-flow__edge.selected .react-flow__edge-path,.react-flow__edge:focus .react-flow__edge-path,.react-flow__edge:focus-visible .react-flow__edge-path{stroke:#555}.react-flow__edge-textwrapper{pointer-events:all}.react-flow__edge-textbg{fill:#fff}.react-flow__edge .react-flow__edge-text{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.react-flow__connection{pointer-events:none}.react-flow__connection .animated{stroke-dasharray:5;-webkit-animation:dashdraw .5s linear infinite;animation:dashdraw .5s linear infinite}.react-flow__connectionline{z-index:1001}.react-flow__nodes{pointer-events:none;transform-origin:0 0}.react-flow__node{position:absolute;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:all;transform-origin:0 0;box-sizing:border-box;cursor:-webkit-grab;cursor:grab}.react-flow__node.dragging{cursor:-webkit-grabbing;cursor:grabbing}.react-flow__nodesselection{z-index:3;transform-origin:left top;pointer-events:none}.react-flow__nodesselection-rect{position:absolute;pointer-events:all;cursor:-webkit-grab;cursor:grab}.react-flow__handle{position:absolute;pointer-events:none;min-width:5px;min-height:5px;width:6px;height:6px;background:#1a192b;border:1px solid white;border-radius:100%}.react-flow__handle.connectionindicator{pointer-events:all;cursor:crosshair}.react-flow__handle-bottom{top:auto;left:50%;bottom:-4px;transform:translate(-50%)}.react-flow__handle-top{left:50%;top:-4px;transform:translate(-50%)}.react-flow__handle-left{top:50%;left:-4px;transform:translateY(-50%)}.react-flow__handle-right{right:-4px;top:50%;transform:translateY(-50%)}.react-flow__edgeupdater{cursor:move;pointer-events:all}.react-flow__panel{position:absolute;z-index:5;margin:15px}.react-flow__panel.top{top:0}.react-flow__panel.bottom{bottom:0}.react-flow__panel.left{left:0}.react-flow__panel.right{right:0}.react-flow__panel.center{left:50%;transform:translate(-50%)}.react-flow__attribution{font-size:10px;background:#ffffff80;padding:2px 3px;margin:0}.react-flow__attribution a{text-decoration:none;color:#999}@-webkit-keyframes dashdraw{0%{stroke-dashoffset:10}}@keyframes dashdraw{0%{stroke-dashoffset:10}}.react-flow__edgelabel-renderer{position:absolute;width:100%;height:100%;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.react-flow__edge.updating .react-flow__edge-path{stroke:#777}.react-flow__edge-text{font-size:10px}.react-flow__node.selectable:focus,.react-flow__node.selectable:focus-visible{outline:none}.react-flow__node-default,.react-flow__node-input,.react-flow__node-output,.react-flow__node-group{padding:10px;border-radius:3px;width:150px;font-size:12px;color:#222;text-align:center;border-width:1px;border-style:solid;border-color:#1a192b;background-color:#fff}.react-flow__node-default.selectable:hover,.react-flow__node-input.selectable:hover,.react-flow__node-output.selectable:hover,.react-flow__node-group.selectable:hover{box-shadow:0 1px 4px 1px #00000014}.react-flow__node-default.selectable.selected,.react-flow__node-default.selectable:focus,.react-flow__node-default.selectable:focus-visible,.react-flow__node-input.selectable.selected,.react-flow__node-input.selectable:focus,.react-flow__node-input.selectable:focus-visible,.react-flow__node-output.selectable.selected,.react-flow__node-output.selectable:focus,.react-flow__node-output.selectable:focus-visible,.react-flow__node-group.selectable.selected,.react-flow__node-group.selectable:focus,.react-flow__node-group.selectable:focus-visible{box-shadow:0 0 0 .5px #1a192b}.react-flow__node-group{background-color:#f0f0f040}.react-flow__nodesselection-rect,.react-flow__selection{background:#0059dc14;border:1px dotted rgba(0,89,220,.8)}.react-flow__nodesselection-rect:focus,.react-flow__nodesselection-rect:focus-visible,.react-flow__selection:focus,.react-flow__selection:focus-visible{outline:none}.react-flow__controls{box-shadow:0 0 2px 1px #00000014}.react-flow__controls-button{border:none;background:#fefefe;border-bottom:1px solid #eee;box-sizing:content-box;display:flex;justify-content:center;align-items:center;width:16px;height:16px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;padding:5px}.react-flow__controls-button:hover{background:#f4f4f4}.react-flow__controls-button svg{width:100%;max-width:12px;max-height:12px}.react-flow__controls-button:disabled{pointer-events:none}.react-flow__controls-button:disabled svg{fill-opacity:.4}.react-flow__minimap{background-color:#fff}.react-flow__minimap svg{display:block}.react-flow__resize-control{position:absolute}.react-flow__resize-control.left,.react-flow__resize-control.right{cursor:ew-resize}.react-flow__resize-control.top,.react-flow__resize-control.bottom{cursor:ns-resize}.react-flow__resize-control.top.left,.react-flow__resize-control.bottom.right{cursor:nwse-resize}.react-flow__resize-control.bottom.left,.react-flow__resize-control.top.right{cursor:nesw-resize}.react-flow__resize-control.handle{width:4px;height:4px;border:1px solid #fff;border-radius:1px;background-color:#3367d9;transform:translate(-50%,-50%)}.react-flow__resize-control.handle.left{left:0;top:50%}.react-flow__resize-control.handle.right{left:100%;top:50%}.react-flow__resize-control.handle.top{left:50%;top:0}.react-flow__resize-control.handle.bottom{left:50%;top:100%}.react-flow__resize-control.handle.top.left,.react-flow__resize-control.handle.bottom.left{left:0}.react-flow__resize-control.handle.top.right,.react-flow__resize-control.handle.bottom.right{left:100%}.react-flow__resize-control.line{border-color:#3367d9;border-width:0;border-style:solid}.react-flow__resize-control.line.left,.react-flow__resize-control.line.right{width:1px;transform:translate(-50%);top:0;height:100%}.react-flow__resize-control.line.left{left:0;border-left-width:1px}.react-flow__resize-control.line.right{left:100%;border-right-width:1px}.react-flow__resize-control.line.top,.react-flow__resize-control.line.bottom{height:1px;transform:translateY(-50%);left:0;width:100%}.react-flow__resize-control.line.top{top:0;border-top-width:1px}.react-flow__resize-control.line.bottom{border-bottom-width:1px;top:100%}:root{--primary: #3ecf8e;--primary-hover: #50d9a0;--primary-active: #2db77a;--secondary: #4f9cff;--secondary-hover: #6baeff;--bg-dark: #0a0d12;--bg-darker: #0f1419;--bg-panel: #1a1f26;--surface: #1a1f26;--surface-hover: #252d38;--surface-raised: #1e2530;--border: #2d3748;--border-strong: #374151;--text: #f5f5f5;--text-secondary: #b4bcc8;--text-tertiary: #8b9299;--text-muted: #6b7280;--box-shadow: 0 4px 12px rgba(0, 0, 0, .4);--box-shadow-lg: 0 8px 24px rgba(0, 0, 0, .6);--glow-primary: rgba(62, 207, 142, .3);--primary-glow: 0 0 0 3px rgba(62, 207, 142, .15);--font-primary: -apple-system, BlinkMacSystemFont, "SF Pro Display", "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-weight-light: 300;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--spacing-xs: 8px;--spacing-sm: 12px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px}*{font-family:var(--font-primary);letter-spacing:-.02em}*{transition-timing-function:cubic-bezier(.4,0,.2,1)}.card{background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:var(--spacing-md);box-shadow:var(--box-shadow);transition:all .2s cubic-bezier(.4,0,.2,1)}.card:hover{background:var(--surface-hover);transform:translateY(-2px);box-shadow:0 8px 16px #0006,0 2px 8px #0003,0 0 0 1px #3ecf8e4d;border-color:var(--primary)}.btn{padding:var(--spacing-xs) var(--spacing-md);border-radius:6px;font-size:13px;font-weight:var(--font-weight-medium);letter-spacing:-.01em;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);border:none}.btn-primary{background:#3ecf8e26;color:var(--primary);border:1px solid var(--primary)}.btn-primary:hover{background:#3ecf8e40;transform:translateY(-1px);box-shadow:0 4px 12px #3ecf8e33}.btn-secondary{background:transparent;color:var(--text-secondary);border:1px solid var(--border)}.btn-secondary:hover{background:#ffffff0d;border-color:var(--border-strong);color:var(--text)}.input{background:var(--surface);border:1px solid var(--border);border-radius:6px;padding:var(--spacing-xs) var(--spacing-sm);color:var(--text);font-size:13px;transition:all .2s cubic-bezier(.4,0,.2,1)}.input:hover{border-color:var(--primary);box-shadow:0 2px 8px #0003}.input:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #3ecf8e26}h1,h2,h3,h4,h5,h6{color:var(--text);font-weight:var(--font-weight-semibold);letter-spacing:-.02em;margin:0}h1{font-size:24px;letter-spacing:-.03em}h2{font-size:20px}h3{font-size:15px}p{color:var(--text-secondary);font-size:13px;line-height:1.5;letter-spacing:-.01em;margin:0}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--border-strong)}.loading-spinner{width:40px;height:40px;border:3px solid var(--border);border-top-color:var(--primary);border-radius:50%;animation:spin 1s linear infinite}:focus-visible{outline:2px solid var(--primary);outline-offset:2px}._icon_wl1qs_1{width:36px;height:36px;object-fit:contain;opacity:.9}.futuristic-flow{--primary: var(--color-accent-primary);--primary-hover: var(--color-accent-primary-hover);--primary-active: var(--color-accent-primary-active);--accent-blue: var(--color-accent-secondary);--accent-blue-hover: var(--color-accent-secondary-hover);--accent-purple: #a78bfa;--bg-dark: var(--color-bg-primary);--bg-darker: var(--color-bg-secondary);--bg-panel: var(--color-surface-overlay);--node-bg: var(--color-surface-raised);--node-bg-hover: var(--color-bg-hover);--node-border: var(--color-border-base);--node-border-hover: var(--color-border-strong);background-color:var(--color-bg-primary);background-image:radial-gradient(circle,rgba(255,255,255,.08) 1px,transparent 1px);background-size:20px 20px}:root[data-theme=light] .futuristic-flow{--node-border: #C7D2FE;--node-border-hover: #A5B4FC}:root[data-theme=light] .futuristic-node{border:1px solid rgba(0,0,0,.15)!important;border-radius:12px!important;background:#f8fafc40!important;box-shadow:0 8px 32px #00000026,0 0 0 1px #00000014,inset 0 1px #ffffff4d!important;backdrop-filter:blur(8px) saturate(120%)!important;-webkit-backdrop-filter:blur(8px) saturate(120%)!important;transition:all .25s cubic-bezier(0,0,.2,1)!important;transition-delay:.5s;will-change:transform,box-shadow,border-color}:root[data-theme=light] .futuristic-node:hover{border:1px solid rgba(0,0,0,.2)!important;background:#f8fafc4d!important;box-shadow:0 8px 32px #0003,0 0 0 1px #0000001a,inset 0 1px #ffffff4d!important;backdrop-filter:blur(8px) saturate(120%)!important;-webkit-backdrop-filter:blur(8px) saturate(120%)!important;transform:translateY(-2px) scale(1.005)!important;transition-delay:0s}:root[data-theme=light] .futuristic-node.selected{border:1px solid rgba(79,70,229,.4)!important;background:#f8fafc4d!important;box-shadow:0 0 0 2px #4f46e54d,0 8px 32px #0003,inset 0 1px #ffffff4d!important;backdrop-filter:blur(8px) saturate(120%)!important;-webkit-backdrop-filter:blur(8px) saturate(120%)!important;transform:translateY(-1px)!important}.futuristic-node.executing{border:2px solid rgba(62,207,142,1)!important;box-shadow:0 0 0 4px #3ecf8e4d,0 0 30px #3ecf8e99,0 8px 32px #0006!important;animation:executeGlow 1.5s ease-in-out infinite!important}@keyframes executeGlow{0%,to{box-shadow:0 0 0 4px #3ecf8e4d,0 0 30px #3ecf8e99,0 8px 32px #0006}50%{box-shadow:0 0 0 6px #3ecf8e80,0 0 50px #3ecf8ecc,0 12px 40px #00000080}}:root[data-theme=light] .futuristic-node.executing{border:2px solid rgba(79,70,229,1)!important;box-shadow:0 0 0 4px #4f46e54d,0 0 30px #4f46e599,0 8px 32px #4f46e54d!important;animation:executeGlowLight 1.5s ease-in-out infinite!important}@keyframes executeGlowLight{0%,to{box-shadow:0 0 0 4px #4f46e54d,0 0 30px #4f46e599,0 8px 32px #4f46e54d}50%{box-shadow:0 0 0 6px #4f46e580,0 0 50px #4f46e5cc,0 12px 40px #4f46e566}}.futuristic-node:before{content:"";position:absolute;top:0;left:-100%;width:200%;height:100%;background:linear-gradient(to right,transparent 0%,rgba(255,255,255,.05) 45%,rgba(255,255,255,.1) 50%,rgba(255,255,255,.05) 55%,transparent 100%);transition:left .7s ease-in-out}.futuristic-node:hover:before{left:100%;transition:left .7s ease-in-out}:root[data-theme=dark] .futuristic-node:hover{background:#2832414d!important;transform:translateY(-3px) scale(1.005)!important;box-shadow:0 8px 30px #0009,0 0 0 2px #3ecf8e80!important;border-color:#ffffff40!important;backdrop-filter:blur(8px) saturate(120%)!important;-webkit-backdrop-filter:blur(8px) saturate(120%)!important;transition-delay:0s}.futuristic-node-header{background:transparent;padding:10px 16px;border-bottom:1px solid var(--node-border);display:flex;justify-content:space-between;align-items:center}.edit-button{background-color:#3ecf8e26;color:var(--primary);border:1px solid var(--primary);border-radius:4px;padding:4px 8px;font-size:11px;font-weight:500;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center}.edit-button:hover{background-color:#3ecf8e40;transform:translateY(-1px);box-shadow:0 2px 8px #3ecf8e4d}.futuristic-node-content{padding:16px;background:transparent}.futuristic-node-title{font-weight:600;font-size:15px;color:var(--color-text-primary);text-shadow:none;margin-bottom:6px;letter-spacing:-.02em;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.futuristic-node-subtitle{font-size:13px;font-weight:500;color:var(--color-text-secondary);letter-spacing:-.01em;text-shadow:none;background-color:transparent;padding:0;display:inline-block;margin-top:4px}.futuristic-logical-node{background:var(--color-surface-raised);border:2px dashed var(--accent-blue);border-radius:8px;box-shadow:var(--shadow-md);transition:all .2s cubic-bezier(.4,0,.2,1);overflow:visible;position:relative;-webkit-backdrop-filter:blur(12px) saturate(150%);backdrop-filter:blur(12px) saturate(150%)}.futuristic-logical-node:before{content:"";position:absolute;top:0;left:-100%;width:200%;height:100%;background:linear-gradient(to right,transparent 0%,rgba(255,255,255,.05) 45%,rgba(255,255,255,.1) 50%,rgba(255,255,255,.05) 55%,transparent 100%);transition:left .7s ease-in-out;pointer-events:none}.futuristic-logical-node:hover:before{left:100%;transition:left .7s ease-in-out}.futuristic-logical-node:hover{border-color:var(--accent-blue-hover);box-shadow:0 8px 16px #0006,0 2px 8px #0003,0 0 0 1px #4f9cff4d;transform:translateY(-2px)}.futuristic-logical-node.selected{border-color:var(--accent-blue-hover);box-shadow:0 8px 24px #00000080,0 0 0 2px #4f9cff66}.react-flow__handle{width:10px;height:10px;border-radius:50%;background:var(--color-surface-raised);border:2px solid var(--primary);transition:all .2s cubic-bezier(.4,0,.2,1);z-index:10}:root[data-theme=light] .react-flow__handle{background:#fff;border:2px solid #4F46E5;box-shadow:0 0 0 2px #4f46e51a}.react-flow__handle:hover{transform:scale(1.3);box-shadow:0 0 8px var(--primary)}:root[data-theme=light] .react-flow__handle:hover{background:#eef2ff;border-color:#4338ca;box-shadow:0 0 8px #4f46e566,0 0 0 3px #4f46e526}.react-flow__handle-top,.react-flow__handle-left{border-color:var(--accent-blue)}:root[data-theme=light] .react-flow__handle-top,:root[data-theme=light] .react-flow__handle-left{border-color:#4f46e5}.react-flow__handle-top:hover,.react-flow__handle-left:hover{border-color:var(--accent-blue-hover);background:var(--color-accent-secondary-subtle);box-shadow:0 0 8px var(--color-accent-secondary)}.react-flow__handle-right,.react-flow__handle-bottom{border-color:var(--primary)}:root[data-theme=light] .react-flow__handle-right,:root[data-theme=light] .react-flow__handle-bottom{border-color:#4f46e5}.react-flow__handle-right:hover,.react-flow__handle-bottom:hover{border-color:var(--primary-hover);background:var(--color-accent-primary-subtle);box-shadow:0 0 8px var(--color-accent-primary)}.react-flow__edge-path{stroke:var(--accent-blue);stroke-width:2;opacity:.6}:root[data-theme=light] .react-flow__edge-path{stroke:#c7d2fe;stroke-width:2.5;stroke-dasharray:8,4;opacity:.9}.react-flow__edge-path:hover{stroke:var(--primary);stroke-width:2.5;opacity:1}:root[data-theme=light] .react-flow__edge-path:hover{stroke:#4f46e5;stroke-dasharray:0;stroke-width:3}.react-flow__edge.selected .react-flow__edge-path{stroke:var(--primary);stroke-width:3;opacity:1;filter:drop-shadow(0 0 4px rgba(62,207,142,.3))}:root[data-theme=light] .react-flow__edge.selected .react-flow__edge-path{stroke:#4f46e5;stroke-dasharray:0;filter:drop-shadow(0 0 4px rgba(79,70,229,.3))}:root[data-theme=light] .react-flow__edge .react-flow__edge-path{marker-end:url(#arrow-indigo)}:root[data-theme=light] .react-flow__edge:hover .react-flow__edge-path,:root[data-theme=light] .react-flow__edge.selected .react-flow__edge-path{marker-end:url(#arrow-indigo-strong)}.order-badge{position:absolute;top:-12px;left:-12px;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-active) 100%);color:#fff;border-radius:50%;width:24px;height:24px;display:flex;justify-content:center;align-items:center;font-size:12px;font-weight:600;box-shadow:0 2px 8px #0000004d,0 0 0 2px var(--color-bg-primary),0 0 0 3px var(--color-accent-primary-subtle);z-index:10;transition:all .2s cubic-bezier(.4,0,.2,1)}:root[data-theme=light] .order-badge{background:linear-gradient(135deg,#4f46e5,#6366f1);color:#fff;box-shadow:0 2px 6px #4f46e54d,0 0 0 2px #fafaff,0 0 0 3px #4f46e526}.order-badge:hover{transform:scale(1.1);box-shadow:0 4px 12px #0006,0 0 0 2px var(--color-bg-primary),0 0 0 3px var(--color-accent-primary-muted)}:root[data-theme=light] .order-badge:hover{background:linear-gradient(135deg,#4338ca,#4f46e5);box-shadow:0 4px 12px #4f46e566,0 0 0 2px #fafaff,0 0 0 3px #4f46e540}.react-flow{background-color:var(--color-bg-primary);width:100%;height:100%}.react-flow__attribution{display:none!important}.react-flow__node-containerNode{z-index:-10}.react-flow__node-editableNode{z-index:0}.react-flow__node-logicalNode,.react-flow__node-secretNode{z-index:10}@keyframes flowAnimation{0%{stroke-dashoffset:1000}to{stroke-dashoffset:0}}@keyframes gradientBorder{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.react-flow__controls{background:var(--color-surface-overlay);border:1px solid var(--node-border);border-radius:8px;box-shadow:var(--shadow-lg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}:root[data-theme=light] .react-flow__controls{background:#fff;border:1px solid #C7D2FE;border-radius:16px;box-shadow:0 4px 16px #4f46e51f,0 2px 8px #00000014;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.react-flow__controls button{background:transparent;border:none;border-bottom:1px solid var(--node-border);color:#fffc;transition:all .2s cubic-bezier(.4,0,.2,1);padding:8px}.react-flow__controls button svg{fill:currentColor}:root[data-theme=light] .react-flow__controls button{color:#6b7280;border-bottom-color:#e0e7ff}.react-flow__controls button:hover{background:#3ecf8e26;color:#fff}:root[data-theme=light] .react-flow__controls button:hover{background:#eef2ff;color:#4f46e5}.react-flow__controls button:last-child{border-bottom:none}.react-flow__minimap{background:var(--color-surface-overlay);border:1px solid var(--node-border);border-radius:8px;box-shadow:var(--shadow-lg)}.react-flow__minimap-node{fill:var(--color-bg-hover);stroke:var(--node-border)}.react-flow__minimap-mask{fill:var(--color-accent-primary-subtle);stroke:var(--color-accent-primary);stroke-width:2}.react-flow__connection-path{stroke:var(--primary);stroke-width:2;stroke-dasharray:5;animation:dash .5s linear infinite}:root[data-theme=light] .react-flow__connection-path{stroke:#4f46e5;stroke-width:2.5;stroke-dasharray:8,4;filter:drop-shadow(0 0 3px rgba(79,70,229,.3))}@keyframes dash{to{stroke-dashoffset:-10}}.react-flow__snap-line{stroke:#4f46e5!important;stroke-width:2!important;opacity:.7}:root[data-theme=light] .react-flow__snap-line{stroke:#4f46e5!important;stroke-dasharray:4,4;opacity:.8;filter:drop-shadow(0 0 2px rgba(79,70,229,.4))}.add-node-button{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-active) 100%);color:#fff;border:none;width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:300;cursor:pointer;box-shadow:0 4px 12px #0006,0 0 0 3px #3ecf8e33;transition:all .2s cubic-bezier(.4,0,.2,1);position:relative}.add-node-button:hover{transform:translateY(-2px) scale(1.05);box-shadow:0 8px 20px #00000080,0 0 0 3px #3ecf8e66}.flow-toolbar{background-color:var(--color-surface-overlay);border-bottom:1px solid var(--node-border);padding:12px 16px;display:flex;align-items:center;gap:12px;box-shadow:var(--shadow-base);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.flow-toolbar input{background-color:var(--color-surface-raised);border:1px solid var(--node-border);color:var(--color-text-primary);padding:8px 12px;border-radius:6px;font-size:13px;transition:all .2s cubic-bezier(.4,0,.2,1)}.flow-toolbar input:hover{border-color:var(--primary)}.flow-toolbar input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--color-accent-primary-subtle);outline:none}.json-editor-container{background-color:var(--color-surface-overlay);border-left:1px solid var(--node-border)}.json-editor-header{background-color:var(--color-surface-raised);border-bottom:1px solid var(--node-border);padding:12px 16px;color:var(--color-text-primary);font-weight:600;font-size:13px;letter-spacing:-.01em}.json-editor{background-color:var(--color-surface-base);color:var(--color-text-primary);font-family:SF Mono,Monaco,Cascadia Code,Source Code Pro,monospace;padding:16px;height:100%;overflow:auto;font-size:13px;line-height:1.6}.json-editor::-webkit-scrollbar{width:6px;height:6px}.json-editor::-webkit-scrollbar-track{background:transparent}.json-editor::-webkit-scrollbar-thumb{background:var(--node-border);border-radius:3px}.json-editor::-webkit-scrollbar-thumb:hover{background:var(--node-border-hover)}.futuristic-node{background:#28324140!important;border:1px solid rgba(255,255,255,.2)!important;border-radius:12px!important;box-shadow:0 8px 32px #0006,0 0 0 1px #ffffff1f,inset 0 1px #fff3!important;backdrop-filter:blur(8px) saturate(120%)!important;-webkit-backdrop-filter:blur(8px) saturate(120%)!important;color:var(--color-text-primary)!important;transition:all .25s cubic-bezier(.4,0,.2,1)!important;transition-delay:.5s;overflow:visible!important;position:relative!important;width:100%!important;height:100%!important;cursor:pointer!important}.futuristic-node.selected{background:#2832414d!important;border:1px solid rgba(255,255,255,.25)!important;box-shadow:0 0 0 2px #3ecf8e99,0 8px 32px #0006,0 0 16px #3ecf8e40,inset 0 1px #fff3!important;backdrop-filter:blur(8px) saturate(120%)!important;-webkit-backdrop-filter:blur(8px) saturate(120%)!important}.futuristic-node:before,.futuristic-logical-node:before{display:none!important}.glassmorphic-node-editing{background:#28324159!important;border:2px solid rgba(62,207,142,1)!important;border-radius:12px!important;box-shadow:0 0 0 4px #3ecf8e33,0 12px 32px #00000080,0 0 24px #3ecf8e4d!important;backdrop-filter:blur(8px) saturate(120%)!important;-webkit-backdrop-filter:blur(8px) saturate(120%)!important;color:var(--color-text-primary)!important;transition:all .25s cubic-bezier(.4,0,.2,1);overflow:visible!important}.futuristic-node,.glassmorphic-node-editing{overflow:visible!important}.node-with-edit-modern,.react-flow__node-editableNode{background:transparent!important;border:none!important;box-shadow:none!important;padding:0!important;margin:0!important;color:inherit!important;overflow:visible!important}.futuristic-node .react-flow__handle,.glassmorphic-node-editing .react-flow__handle{z-index:1000!important;position:absolute!important;pointer-events:auto!important}.react-flow__node{overflow:visible!important;background:transparent!important;padding:0!important;border:none!important}.react-flow__node-editableNode{overflow:visible!important;background:transparent!important;padding:0!important;border:none!important;box-shadow:none!important}.react-flow__resize-control{opacity:.8;background:var(--color-surface-primary);border:2px solid var(--color-accent-primary);border-radius:3px;box-shadow:0 0 5px var(--color-accent-primary);pointer-events:auto;width:16px;height:16px;z-index:20;position:absolute}.react-flow__resize-control:hover{opacity:1;box-shadow:0 0 12px var(--color-accent-primary);transform:scale(1.2);transition:all .2s ease}.react-flow__resize-control.top{cursor:n-resize}.react-flow__resize-control.bottom{cursor:s-resize}.react-flow__resize-control.left{cursor:w-resize}.react-flow__resize-control.right{cursor:e-resize}.react-flow__resize-control.top-left{cursor:nw-resize}.react-flow__resize-control.top-right{cursor:ne-resize}.react-flow__resize-control.bottom-left{cursor:sw-resize}.react-flow__resize-control.bottom-right{cursor:se-resize}:root{--primary: #3ecf8e;--primary-hover: #50d9a0;--primary-active: #2db77a;--secondary: #4f9cff;--secondary-hover: #6baeff;--bg-dark: #0a0d12;--bg-darker: #0f1419;--bg-panel: #1a1f26;--surface: #1a1f26;--surface-hover: #252d38;--surface-raised: #1e2530;--border: #2d3748;--border-strong: #374151;--text: #f5f5f5;--text-secondary: #b4bcc8;--text-tertiary: #8b9299;--text-muted: #6b7280;--box-shadow: 0 4px 12px rgba(0, 0, 0, .4);--box-shadow-lg: 0 8px 24px rgba(0, 0, 0, .6);--text-shadow: none;--glow-primary: rgba(62, 207, 142, .3);--primary-glow: 0 0 0 3px rgba(62, 207, 142, .15);--font-primary: -apple-system, BlinkMacSystemFont, "SF Pro Display", "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-weight-light: 300;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--spacing-xs: 8px;--spacing-sm: 12px;--spacing-md: 16px;--spacing-lg: 24px}:root[data-theme=light]{--primary: #4F46E5;--primary-hover: #4338ca;--primary-active: #3730a3;--secondary: #6366f1;--secondary-hover: #4f46e5;--bg-dark: #FAFAFF;--bg-darker: #f5f5f7;--bg-panel: #ffffff;--surface: #ffffff;--surface-hover: #EEF2FF;--surface-raised: #fefeff;--border: #C7D2FE;--border-strong: #A5B4FC;--text: #1f2937;--text-secondary: #4b5563;--text-tertiary: #6b7280;--text-muted: #9ca3af;--box-shadow: 0 1px 3px rgba(79, 70, 229, .08), 0 1px 2px rgba(0, 0, 0, .04);--box-shadow-lg: 0 4px 12px rgba(79, 70, 229, .12), 0 2px 8px rgba(0, 0, 0, .08);--glow-primary: rgba(79, 70, 229, .15);--primary-glow: 0 0 0 3px rgba(79, 70, 229, .1)}.connectors-container *{font-family:var(--font-primary);letter-spacing:-.02em}.connections-sidebar,.connectors-main{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--surface);border:1px solid var(--border);box-shadow:var(--box-shadow);transition:transform .15s ease}.application-card,.secret-card{overflow:visible!important;background:var(--surface);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--border);border-radius:8px;padding:2rem;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;transform:translateY(0);box-shadow:var(--box-shadow);backface-visibility:hidden;-webkit-font-smoothing:antialiased;position:relative;z-index:2;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1)}.application-card:hover,.secret-card:hover{background:var(--surface-hover);transform:translateY(-3px) translate(2px);box-shadow:0 8px 16px #0006,0 2px 8px #0003,0 0 0 1px #3ecf8e4d;border-color:var(--primary);z-index:5}.application-card:hover .application-icon,.secret-card:hover .application-icon{transform:scale(1.1);filter:brightness(1.15) drop-shadow(0 0 8px rgba(62,207,142,.3))}.application-card:after,.secret-card:after{display:none!important}.application-card:hover:after,.secret-card:hover:after{display:none!important}@keyframes borderPulse{0%,to{opacity:0}50%{opacity:0}}@keyframes borderRotate{0%{opacity:0}to{opacity:0}}.application-card:before,.secret-card:before{content:"";position:absolute;top:1px;right:1px;bottom:1px;left:1px;border-radius:15px;box-shadow:none;opacity:0;pointer-events:none;transition:opacity .3s ease,box-shadow .3s ease;z-index:-1;background:none}.application-card:hover:before,.secret-card:hover:before{box-shadow:inset 0 0 20px #0006,inset 0 0 10px #00b4ff1a;opacity:.5}@keyframes meltingGradient{0%{background-position:calc(var(--gradient-x) - 20%) calc(var(--gradient-y) - 20%);box-shadow:0 20px 40px #00000080,0 0 20px #00b4ff1a}20%{background-position:calc(var(--gradient-x) + 15%) calc(var(--gradient-y) - 15%)}40%{background-position:calc(var(--gradient-x) + 20%) calc(var(--gradient-y) + 20%);box-shadow:0 20px 40px #00000080,0 0 30px #00b4ff40}60%{background-position:calc(var(--gradient-x) + 10%) calc(var(--gradient-y) + 10%)}80%{background-position:calc(var(--gradient-x) - 15%) calc(var(--gradient-y) - 15%)}to{background-position:calc(var(--gradient-x) - 20%) calc(var(--gradient-y) - 20%);box-shadow:0 20px 40px #00000080,0 0 20px #00b4ff1a}}.connection-item{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm);margin-bottom:var(--spacing-sm);background:var(--surface);border-radius:6px;border:1px solid var(--border);box-shadow:0 2px 4px #0003;transition:all .2s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;cursor:pointer}.connection-item:hover{transform:translateY(-2px) translate(2px);background:var(--surface-hover);box-shadow:0 4px 8px #0000004d,0 0 0 1px #3ecf8e4d;border-color:var(--primary)}.application-icon{width:64px;height:64px;margin-bottom:var(--spacing-md);transform:scale(1);filter:drop-shadow(0 2px 4px rgba(0,0,0,.2));transition:all .2s cubic-bezier(.4,0,.2,1);transform-origin:center center;position:relative;z-index:2;object-fit:contain;will-change:transform,filter;image-rendering:optimizeQuality}.application-card h3,.secret-card h3{color:var(--text);margin-bottom:var(--spacing-sm);font-weight:var(--font-weight-semibold);font-size:15px;letter-spacing:-.02em;text-shadow:none;transition:all .2s cubic-bezier(.4,0,.2,1)}.application-card p,.secret-card p{color:var(--text-secondary);font-size:13px;line-height:1.5;letter-spacing:-.01em;margin-bottom:var(--spacing-lg);font-weight:var(--font-weight-regular);transition:all .2s cubic-bezier(.4,0,.2,1)}.connect-button{display:none}.application-card:not(.glass-hover) .application-icon,.secret-card:not(.glass-hover) .application-icon{transform:translateZ(20px) scale(1.02) rotateX(0) rotateY(0);filter:drop-shadow(0 0 5px rgba(255,255,255,.15));transition:transform 1.5s cubic-bezier(.19,1,.22,1),filter 1.5s cubic-bezier(.19,1,.22,1)}.application-card:not(.glass-hover),.secret-card:not(.glass-hover){transition:transform 1s cubic-bezier(.19,1,.22,1),box-shadow 1s cubic-bezier(.19,1,.22,1)}.connectors-container:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background-image:radial-gradient(1px 1px at 25% 15%,white,transparent),radial-gradient(1px 1px at 50% 50%,white,transparent),radial-gradient(2px 2px at 75% 75%,white,transparent),radial-gradient(1px 1px at 10% 90%,white,transparent),radial-gradient(1.5px 1.5px at 90% 10%,white,transparent),radial-gradient(1px 1px at 30% 80%,white,transparent),radial-gradient(1.5px 1.5px at 60% 30%,white,transparent);background-size:400px 400px;background-repeat:repeat;z-index:-2;opacity:.2;animation:twinkle 8s infinite ease-in-out alternate}.connectors-container:after{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background:linear-gradient(to bottom,rgba(1,3,5,.8) 0%,transparent 150px),linear-gradient(to top,rgba(1,3,5,.8) 0%,transparent 150px);pointer-events:none;z-index:-1}.connectors-container{display:grid;grid-template-columns:300px 1fr;grid-template-rows:auto 1fr;width:100%;margin:0;padding:2rem;min-height:100vh;position:relative;background:linear-gradient(to right,rgba(0,180,255,.03) 1px,transparent 1px),linear-gradient(to bottom,rgba(0,180,255,.03) 1px,transparent 1px),radial-gradient(ellipse at top,var(--bg-dark),var(--bg-darker)),radial-gradient(ellipse at bottom,rgba(3,7,20,.3),var(--bg-darker));background-size:40px 40px,40px 40px,100% 100%,100% 100%;background-attachment:fixed;gap:2rem;color:#fff;overflow:hidden}:root[data-theme=light] .connectors-container{background:linear-gradient(to right,rgba(79,70,229,.04) 1px,transparent 1px),linear-gradient(to bottom,rgba(79,70,229,.04) 1px,transparent 1px),radial-gradient(ellipse at top,#fafaff,#f5f5f7),radial-gradient(ellipse at bottom,#eef2ff80,#f5f5f7);background-size:40px 40px,40px 40px,100% 100%,100% 100%;background-attachment:fixed;color:#1f2937}:root[data-theme=light] .connectors-container:before{background-image:radial-gradient(1px 1px at 25% 15%,rgba(79,70,229,.15),transparent),radial-gradient(1px 1px at 50% 50%,rgba(79,70,229,.15),transparent),radial-gradient(2px 2px at 75% 75%,rgba(79,70,229,.15),transparent),radial-gradient(1px 1px at 10% 90%,rgba(79,70,229,.15),transparent),radial-gradient(1.5px 1.5px at 90% 10%,rgba(79,70,229,.15),transparent),radial-gradient(1px 1px at 30% 80%,rgba(79,70,229,.15),transparent),radial-gradient(1.5px 1.5px at 60% 30%,rgba(79,70,229,.15),transparent);opacity:.08}:root[data-theme=light] .connectors-container:after{background:linear-gradient(to bottom,rgba(250,250,255,.9) 0%,transparent 150px),linear-gradient(to top,rgba(250,250,255,.9) 0%,transparent 150px)}:root[data-theme=light] .application-card,:root[data-theme=light] .secret-card{background:linear-gradient(135deg,#fffffff2,#f9fafbf2,#fffffff2)!important;box-shadow:0 2px 8px #4f46e514,0 1px 2px #0000000a!important}:root[data-theme=light] .application-card:hover,:root[data-theme=light] .secret-card:hover{background:linear-gradient(135deg,#eef2fffa,#f9fafbfa,#eef2fffa)!important;box-shadow:0 8px 16px #4f46e51f,0 2px 8px #4f46e514,0 0 0 1px #4f46e533!important}:root[data-theme=light] .connection-item{background:#fff!important;border:1px solid rgba(79,70,229,.15)!important;box-shadow:0 1px 3px #0000000d!important}:root[data-theme=light] .connection-item:hover{background:#eef2ff99!important;border-color:#4f46e54d!important;box-shadow:0 4px 8px #4f46e51f,0 0 0 1px #4f46e533!important}:root[data-theme=light] .connection-info h4{color:#1f2937!important;text-shadow:none!important;font-weight:600!important;font-size:.9375rem!important}:root[data-theme=light] .connection-info p{color:#6b7280!important;font-size:.8125rem!important}:root[data-theme=light] .connection-icon{filter:drop-shadow(0 0 2px rgba(79,70,229,.3))!important}:root[data-theme=light] .connection-item:hover .connection-icon{filter:drop-shadow(0 0 4px rgba(79,70,229,.5))!important}:root[data-theme=light] .secret-item{background:#fff!important;border:1px solid rgba(79,70,229,.15)!important;box-shadow:0 1px 3px #0000000d!important}:root[data-theme=light] .secret-item:hover{background:#eef2ff99!important;border-color:#4f46e54d!important}:root[data-theme=light] .delete-button{color:#dc2626!important}:root[data-theme=light] .delete-button:hover{color:#991b1b!important;background:#dc26261a!important}:root[data-theme=light] .add-secret-overlay{background:#f9fafbf2!important}:root[data-theme=light] .add-secret-form{background:#fff!important;border:2px solid #4F46E5!important;box-shadow:0 8px 32px #4f46e526,0 4px 16px #0000001a!important}:root[data-theme=light] .add-secret-form h2{color:#1f2937!important;text-shadow:none!important;font-weight:700!important}:root[data-theme=light] .form-group label{color:#374151!important;text-shadow:none!important;font-weight:600!important;font-size:.9375rem!important}:root[data-theme=light] .form-group input,:root[data-theme=light] .form-group textarea{background:#f9fafb!important;border:1px solid rgba(79,70,229,.2)!important;color:#1f2937!important;box-shadow:inset 0 1px 2px #0000000d!important}:root[data-theme=light] .form-group input::placeholder,:root[data-theme=light] .form-group textarea::placeholder{color:#9ca3af!important}:root[data-theme=light] .form-group input:focus,:root[data-theme=light] .form-group textarea:focus{border-color:#4f46e5!important;background:#fff!important;box-shadow:0 0 0 3px #4f46e51a,inset 0 1px 2px #0000000d!important}:root[data-theme=light] .cancel-button{background:transparent!important;color:#6b7280!important;border:1px solid rgba(79,70,229,.2)!important}:root[data-theme=light] .cancel-button:hover{background:#4f46e50d!important;border-color:#4f46e54d!important;color:#374151!important}:root[data-theme=light] .submit-button{background:#4f46e5!important;color:#fff!important;border:1px solid #4F46E5!important;box-shadow:0 1px 3px #4f46e54d!important}:root[data-theme=light] .submit-button:hover{background:#4338ca!important;box-shadow:0 4px 12px #4f46e54d!important}:root[data-theme=light] .custom-modal-overlay{background-color:#f9fafbd9}:root[data-theme=light] .custom-modal{background:linear-gradient(135deg,#fff,#f9fafb);box-shadow:0 20px 40px #0000001a,0 4px 16px #4f46e514,0 0 0 1px #4f46e533 inset}:root[data-theme=light] .connection-name-modal h2{color:#1f2937}:root[data-theme=light] .connection-name-modal p{color:#6b7280}:root[data-theme=light] .modal-icon img{filter:drop-shadow(0 0 6px rgba(79,70,229,.2))}:root[data-theme=light] .connection-name-modal label{color:#374151;text-shadow:none;font-weight:600}:root[data-theme=light] .connection-name-modal .styled-input{background:#f9fafb;border:1px solid rgba(79,70,229,.2);color:#1f2937;box-shadow:inset 0 1px 2px #0000000d}:root[data-theme=light] .connection-name-modal .styled-input::placeholder{color:#9ca3af}:root[data-theme=light] .connection-name-modal .styled-input:focus{border-color:#4f46e5;background:#fff;box-shadow:0 0 0 3px #4f46e51a,inset 0 1px 2px #0000000d}:root[data-theme=light] .port-ssl-row .port-field label{color:#374151;text-shadow:none;font-weight:600}:root[data-theme=light] .port-ssl-row .ssl-field label{color:#374151}:root[data-theme=light] .port-ssl-row .ssl-field input[type=checkbox]{accent-color:#4F46E5}:root[data-theme=light] .connections-sidebar{background:#fff!important;border:1px solid rgba(79,70,229,.15)!important;box-shadow:0 1px 3px #0000000d!important}:root[data-theme=light] .connections-sidebar h2{color:#1f2937!important;font-weight:700!important}:root[data-theme=light] .secrets-description{color:#6b7280!important}:root[data-theme=light] .tab-buttons button{background:transparent!important;border:1px solid rgba(79,70,229,.2)!important;color:#6b7280!important}:root[data-theme=light] .tab-buttons button:hover{background:#4f46e50d!important;border-color:#4f46e54d!important;color:#374151!important;box-shadow:0 1px 3px #4f46e51a!important}:root[data-theme=light] .tab-buttons button.active{background:#4f46e51a!important;border-color:#4f46e5!important;color:#4f46e5!important;box-shadow:0 0 0 3px #4f46e51a!important}:root[data-theme=light] .connectors-main h1{color:#1f2937!important;font-weight:700!important}.connections-sidebar{grid-column:1;grid-row:2;background:var(--surface);border-radius:8px;padding:var(--spacing-md);margin-top:var(--spacing-lg);box-shadow:var(--box-shadow);border:1px solid var(--border)}.connections-sidebar h2{color:var(--text);font-weight:var(--font-weight-semibold);font-size:15px;letter-spacing:-.02em;margin-bottom:var(--spacing-md);text-align:center}.tab-buttons{display:flex;gap:var(--spacing-xs);margin-bottom:var(--spacing-md);justify-content:center}.tab-buttons button{background:transparent;border:1px solid var(--border);color:var(--text-secondary);padding:var(--spacing-xs) var(--spacing-md);border-radius:6px;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);flex:1;font-size:13px;font-weight:var(--font-weight-medium);letter-spacing:-.01em}.tab-buttons button:hover{background:#3ecf8e14;border-color:var(--primary);color:var(--text);transform:translateY(-1px);box-shadow:0 2px 8px #0003}.tab-buttons button.active{background:#3ecf8e1a;border-color:var(--primary);color:var(--primary);box-shadow:0 0 0 3px #3ecf8e26}.connections-list{margin-top:1rem;max-height:70vh;overflow-y:auto}.connections-list::-webkit-scrollbar{width:8px;height:8px}.connections-list::-webkit-scrollbar-track{background:#030f2880}.connections-list::-webkit-scrollbar-thumb{background:#00b4ff80;border-radius:4px}.connections-list::-webkit-scrollbar-thumb:hover{background:var(--border-strong)}.connection-item:before{content:"";position:absolute;top:0;left:-100%;width:200%;height:100%;background:linear-gradient(to right,transparent 0%,rgba(255,255,255,.02) 45%,rgba(255,255,255,.05) 50%,rgba(255,255,255,.02) 55%,transparent 100%);transition:left 1.2s ease-in-out}.connection-item:hover:before{left:100%;transition:left 1.2s ease-in-out}.connection-icon{width:28px;height:28px;filter:drop-shadow(0 0 3px rgba(255,255,255,.6));transition:all .3s ease}.connection-item:hover .connection-icon{filter:drop-shadow(0 0 5px rgba(30,200,255,.8))}.secret-icon-container{display:flex;align-items:center;justify-content:center;width:28px;height:28px}.generic-secret-icon{width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,var(--neon-blue),var(--neon-cyan));display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:14px;box-shadow:0 0 10px #00b4ff80}.connection-info{flex:1}.connection-info h4{color:#fff;margin:0;font-size:.85rem;text-shadow:0 0 2px rgba(255,255,255,.2)}.connection-info p{color:#ffffffb3;margin:0;font-size:.75rem}.connection-status{font-size:.75rem;padding:.2rem .4rem;border-radius:4px;text-transform:uppercase;font-weight:500;letter-spacing:.5px}.connection-status.connected,.connection-status.active{background:linear-gradient(135deg,#00843d,#00aa51);color:#fff;box-shadow:0 0 8px #00aa5180}.connection-status.disconnected,.connection-status.inactive{background:linear-gradient(135deg,#8b0000,#c00);color:#fff;box-shadow:0 0 8px #cc000080}.connectors-main{grid-column:2;grid-row:1 / span 2;display:flex;flex-direction:column;gap:var(--spacing-lg);padding:var(--spacing-lg);padding-bottom:calc(var(--spacing-lg) * 2);background:var(--surface);border-radius:8px;box-shadow:var(--box-shadow);border:1px solid var(--border);overflow:visible}.connectors-main h1{margin-top:0;margin-bottom:var(--spacing-md);color:var(--text);font-weight:var(--font-weight-semibold);text-align:center;font-size:24px;letter-spacing:-.03em}.secrets-description{text-align:center;color:var(--text-secondary);font-size:13px;line-height:1.5;letter-spacing:-.01em;margin-bottom:var(--spacing-lg);max-width:700px;margin-left:auto;margin-right:auto}.secret-card[data-id=api-key]{border-color:var(--neon-green)}.secret-card[data-id=username-password]{border-color:var(--neon-yellow)}.secret-card[data-id=certificate]{border-color:var(--neon-pink)}.secret-card[data-id=token]{border-color:var(--neon-blue)}.add-secret-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#010305f2;display:flex;justify-content:center;align-items:center;z-index:1000}.add-secret-form{width:95%;max-width:500px;background:linear-gradient(135deg,var(--node-gray-darker),var(--node-gray));border:2px solid var(--neon-blue);border-radius:8px;padding:2rem;box-shadow:0 0 40px #000c,0 0 20px #00b4ff4d;max-height:90vh;overflow-y:auto}.add-secret-form h2{color:#fff;text-align:center;margin-bottom:1.5rem;text-shadow:0 0 6px rgba(0,180,255,.6)}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem;color:#fff;font-weight:500;font-size:.9rem;text-shadow:0 0 2px rgba(0,180,255,.4)}.form-group input,.form-group textarea{width:100%;padding:10px;border-radius:6px;border:1px solid rgba(0,180,255,.5);background:#040a14cc;color:#fff;font-size:.9rem;box-shadow:inset 0 0 10px #0000004d;transition:all .3s ease}.form-group input:focus,.form-group textarea:focus{border-color:var(--neon-blue);outline:none;box-shadow:inset 0 0 10px #0000004d,0 0 10px #00b4ff4d}.form-actions{display:flex;justify-content:flex-end;gap:1rem;margin-top:2rem}.cancel-button{background:transparent;color:var(--text-secondary);border:1px solid var(--border);padding:var(--spacing-xs) var(--spacing-md);border-radius:6px;cursor:pointer;font-size:13px;font-weight:var(--font-weight-medium);letter-spacing:-.01em;transition:all .2s cubic-bezier(.4,0,.2,1)}.cancel-button:hover{background:#ffffff0d;border-color:var(--border-strong);color:var(--text)}.submit-button{background:#3ecf8e26;color:var(--primary);border:1px solid var(--primary);padding:var(--spacing-xs) var(--spacing-md);border-radius:6px;cursor:pointer;font-size:13px;font-weight:var(--font-weight-medium);letter-spacing:-.01em;transition:all .2s cubic-bezier(.4,0,.2,1)}.submit-button:hover{background:#3ecf8e40;transform:translateY(-1px);box-shadow:0 4px 12px #3ecf8e33}.error-message{background:linear-gradient(135deg,#cc0000b3,#8b0000b3);color:#fff;padding:1rem;margin-bottom:1.5rem;border-radius:8px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 0 20px #cc00004d;border:1px solid rgba(255,255,255,.2)}.error-message button{background:#ffffff1a;border:1px solid rgba(255,255,255,.3);color:#fff;padding:4px 10px;border-radius:4px;cursor:pointer;transition:all .3s ease}.error-message button:hover{background:#fff3}.connector-spinner{display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;font-size:1.2rem;text-shadow:0 0 10px rgba(0,180,255,.8)}.connector-spinner:after{content:"";width:50px;height:50px;margin-top:20px;border:4px solid rgba(0,180,255,.3);border-left-color:var(--neon-blue);border-radius:50%;animation:spin 1s linear infinite}@keyframes twinkle{0%,to{opacity:.2}50%{opacity:.7}}@media (hover: hover){.application-card,.secret-card{translate:0 0;scale:1;rotate:0deg;transition:all .3s ease-out}.applications-grid:hover .application-card,.applications-grid:hover .secret-card{transition-duration:1.2s}.application-card *,.secret-card *{transition:all .3s ease-out!important}}.application-icon,.application-card h3,.application-card p,.connect-button,.secret-card h3,.secret-card p,.application-card:after,.secret-card:after{transform:translateZ(0);will-change:transform,opacity,filter;backface-visibility:hidden;transition:transform .3s ease-out,filter .3s ease-out}.applications-grid:before{content:"";position:absolute;opacity:0;pointer-events:none;background-image:linear-gradient(135deg,#1d2635b3,#283241b3);clip-path:circle(0)}.application-card>*,.secret-card>*{pointer-events:none}.application-card .connect-button,.secret-card .connect-button{pointer-events:auto}.application-card:hover,.secret-card:hover{-webkit-backdrop-filter:blur(12px) saturate(180%) brightness(1.15);backdrop-filter:blur(12px) saturate(180%) brightness(1.15);box-shadow:0 20px 40px #00000080,inset 0 0 25px #0003,0 0 30px #00b4ff26,inset 0 0 0 1px #ffffff26}.application-card:hover .application-icon,.secret-card:hover .application-icon{transform:translateZ(60px) scale(1.08) rotateX(calc(var(--rotateX, 0deg) * -.2)) rotateY(calc(var(--rotateY, 0deg) * -.2));filter:drop-shadow(0 0 12px var(--glow-cyan)) brightness(1.2)}.application-card:hover h3,.secret-card:hover h3{transform:translateZ(20px)}.application-card:hover p,.secret-card:hover p{transform:translateZ(15px)}.application-card:hover .connect-button,.secret-card:hover .connect-button{transform:translateZ(50px);background:#00b4ff2e;box-shadow:0 2px 4px #0006,0 8px 16px #0003,0 0 15px #00b4ff26;color:#fff}.application-card:after,.secret-card:after{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border-radius:16px;background:linear-gradient(135deg,transparent,var(--neon-blue),var(--neon-cyan)) border-box;-webkit-mask:linear-gradient(#fff 0 0) padding-box,linear-gradient(#fff 0 0);-webkit-mask-composite:destination-out;mask-composite:exclude;opacity:.4;transition:opacity 1.2s cubic-bezier(.19,1,.22,1);transform-style:preserve-3d;transform:translateZ(0);pointer-events:none;z-index:-1}.application-card:hover:after,.secret-card:hover:after{opacity:.4}.application-card.glass-hover,.secret-card.glass-hover{transition:transform .3s ease-out,background .3s ease-out,box-shadow .3s ease-out}@keyframes gradientPulse{0%{background-position:0% 50%;box-shadow:0 20px 40px #00000080,0 0 20px #00b4ff26,0 0 0 1px #00d2ff33 inset}50%{background-position:100% 50%;box-shadow:0 20px 40px #00000080,0 0 30px #00b4ff40,0 0 0 1px #00d2ff59 inset}to{background-position:0% 50%;box-shadow:0 20px 40px #00000080,0 0 20px #00b4ff26,0 0 0 1px #00d2ff33 inset}}@keyframes subtleBreathing{0%{transform:translate3d(0,-8px,20px) scale3d(1.02,1.02,1.02)}50%{transform:translate3d(0,-8px,20px) scale3d(1.023,1.023,1.023)}to{transform:translate3d(0,-8px,20px) scale3d(1.02,1.02,1.02)}}@keyframes glowPulse{0%{filter:drop-shadow(0 0 8px rgba(0,180,255,.15));opacity:.3}50%{filter:drop-shadow(0 0 10px rgba(0,180,255,.2));opacity:.4}to{filter:drop-shadow(0 0 8px rgba(0,180,255,.15));opacity:.3}}.application-card,.secret-card{background:linear-gradient(135deg,#171e28cc,#1e2430cc,#19212ccc);background-size:200% 200%;animation:none}.application-card:after,.secret-card:after{animation:none}.application-card:nth-child(2n),.secret-card:nth-child(2n),.application-card:nth-child(3n),.secret-card:nth-child(3n),.application-card:nth-child(4n),.secret-card:nth-child(4n){animation-delay:0s}.application-icon{animation:none}@keyframes iconPulse{0%{filter:drop-shadow(0 0 4px rgba(0,180,255,.15)) drop-shadow(0 8px 10px rgba(0,0,0,.3))}50%{filter:drop-shadow(0 0 6px rgba(0,180,255,.25)) drop-shadow(0 10px 15px rgba(0,0,0,.4))}to{filter:drop-shadow(0 0 4px rgba(0,180,255,.15)) drop-shadow(0 8px 10px rgba(0,0,0,.3))}}.application-card:hover,.secret-card:hover{animation-name:meltingGradient!important;animation-duration:8s;animation-timing-function:cubic-bezier(.45,.05,.55,.95);animation-iteration-count:infinite;animation-play-state:running;transition:transform .5s cubic-bezier(.34,1.56,.64,1),box-shadow .5s cubic-bezier(.34,1.56,.64,1),background-image .5s ease-out,backdrop-filter .5s ease-out}.application-card:hover .application-icon,.secret-card:hover .application-icon{animation:iconPulse 8s cubic-bezier(.45,.05,.55,.95) infinite;animation-play-state:running!important}.application-card:hover:after,.secret-card:hover:after{animation:glowPulse 8s cubic-bezier(.45,.05,.55,.95) infinite;animation-play-state:running!important;opacity:.4}.application-card,.secret-card{transition:transform .5s cubic-bezier(.34,1.56,.64,1),box-shadow .5s cubic-bezier(.34,1.56,.64,1),background-image .5s ease-out,backdrop-filter .5s ease-out}.application-card:not(:hover),.secret-card:not(:hover){transform:translate3d(0,-6px,15px) scale3d(1.02,1.02,1.02) rotateX(0) rotateY(0)!important;transition:transform .7s cubic-bezier(.175,.885,.32,1.275),box-shadow .7s cubic-bezier(.175,.885,.32,1.275),background-image .7s ease-out,backdrop-filter .7s ease-out}.application-card:hover,.secret-card:hover{transition:transform .5s cubic-bezier(.34,1.56,.64,1),box-shadow .5s cubic-bezier(.34,1.56,.64,1),background-image .5s ease-out,backdrop-filter .5s ease-out}.application-icon,.application-card:after,.secret-card:after{transition:all .5s cubic-bezier(.34,1.56,.64,1)}.application-card.glass-hover,.secret-card.glass-hover{transition:all .5s cubic-bezier(.34,1.56,.64,1)!important}.application-card:not(.glass-hover) .application-icon,.secret-card:not(.glass-hover) .application-icon{transform:translateZ(20px) scale(1.02) rotateX(0) rotateY(0)!important;transition:all .7s cubic-bezier(.175,.885,.32,1.275)}.applications-grid:after{content:"Card rotation: Apply --rotateX and --rotateY with reduced intensity";display:none}.custom-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#0a0f19cc;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:100}.custom-modal{background:linear-gradient(135deg,#171e28f2,#1e2430f2);border-radius:16px;padding:2.5rem;width:90%;max-width:450px;box-shadow:0 20px 40px #0009,0 0 30px #00b4ff33,0 0 0 1px #00d2ff59 inset;transform:translateY(0);animation:modalAppear .3s cubic-bezier(.19,1,.22,1);position:relative;text-align:center}@keyframes modalAppear{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.connection-name-modal h2{color:#fff;margin-bottom:.75rem;font-weight:var(--font-weight-semibold);font-size:1.5rem}.connection-name-modal p{color:#ffffffb3;margin-bottom:1.5rem;font-size:.95rem;line-height:1.5}.modal-icon{margin-bottom:1.5rem;position:relative;display:inline-block}.modal-icon img{width:72px;height:72px;object-fit:contain;filter:drop-shadow(0 0 10px rgba(0,180,255,.25));animation:iconFloatModal 4s ease-in-out infinite}@keyframes iconFloatModal{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.connection-name-modal .form-group{margin-bottom:2rem;text-align:left}.connection-name-modal.ldap-modal{max-width:600px;padding:2rem;max-height:90vh;overflow-y:auto}.connection-name-modal.ldap-modal .form-group{margin-bottom:.85rem}.connection-name-modal.ldap-modal .styled-input{padding:10px 14px;font-size:.9rem;box-sizing:border-box}.connection-name-modal .port-ssl-row{display:flex;gap:16px;align-items:flex-end;margin-bottom:.85rem;text-align:left}.connection-name-modal .port-ssl-row .port-field{flex:0 0 120px}.connection-name-modal .port-ssl-row .port-field label{display:block;margin-bottom:.5rem;color:#ffffffe6;font-size:.9rem;font-weight:var(--font-weight-medium)}.connection-name-modal .port-ssl-row .port-field input{width:100%;box-sizing:border-box}.connection-name-modal .port-ssl-row .ssl-field{flex:1;display:flex;align-items:center;gap:8px;padding-bottom:8px;white-space:nowrap}.connection-name-modal .port-ssl-row .ssl-field input[type=checkbox]{width:18px;height:18px;accent-color:#00b4ff;cursor:pointer;flex-shrink:0}.connection-name-modal .port-ssl-row .ssl-field label{display:inline;margin:0;cursor:pointer;font-size:.85rem;color:#ffffffe6}.connection-name-modal label{display:block;margin-bottom:.5rem;color:#ffffffe6;font-size:.9rem;font-weight:var(--font-weight-medium)}.connection-name-modal .styled-input{width:100%;box-sizing:border-box;background:#0f141e80;border:1px solid rgba(0,180,255,.3);border-radius:8px;padding:12px 16px;color:#fff;font-size:1rem;line-height:1.5;transition:all .2s ease;box-shadow:0 0 #00b4ff00}.connection-name-modal .styled-input:focus{border-color:#00b4ffcc;outline:none;box-shadow:0 0 0 3px #00b4ff40}.modal-actions{display:flex;justify-content:flex-end;gap:12px}.modal-actions button{padding:10px 20px;border-radius:22px;font-size:.9rem;font-weight:var(--font-weight-medium);cursor:pointer;transition:all .2s ease}.cancel-button{background:transparent;color:#fffc;border:1px solid rgba(255,255,255,.2)}.cancel-button:hover{background-color:#ffffff0d;border-color:#ffffff4d}.submit-button{background:#00b4ff33;color:var(--neon-blue);border:none;box-shadow:0 4px 8px #0003,0 0 0 1px #00b4ff33 inset}.submit-button:hover{background:#00b4ff40;color:#fff;box-shadow:0 4px 12px #0000004d,0 0 0 1px #00b4ff66 inset,0 0 15px #00b4ff26;transform:translateY(-1px)}.secret-actions{display:flex;align-items:center;gap:10px}.delete-button{background-color:transparent;border:none;color:#ff4757;cursor:pointer;font-size:16px;padding:5px;border-radius:4px;transition:all .2s ease}.delete-button:hover{background-color:#ff47571a}.confirm-delete-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000b3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;justify-content:center;align-items:center;z-index:1000}.confirm-delete-modal{background:linear-gradient(135deg,#1e2430f2,#141a24f2);border-radius:12px;box-shadow:0 20px 40px #0009,0 0 0 1px #ffffff1a inset,0 0 30px #ff475733;padding:28px;width:400px;max-width:90vw;color:#fff;border:1px solid rgba(255,71,87,.3)}.confirm-delete-modal h3{margin-top:0;color:#ff4757;text-shadow:0 0 10px rgba(255,71,87,.3)}.confirm-delete-actions{display:flex;justify-content:flex-end;margin-top:24px;gap:12px}.confirm-delete-actions .cancel-button{background-color:#ffffff1a;color:#ffffffe6;border:1px solid rgba(255,255,255,.2);padding:10px 20px;border-radius:6px;cursor:pointer;font-weight:500;transition:all .2s ease}.confirm-delete-actions .cancel-button:hover{background-color:#ffffff26;box-shadow:0 0 15px #ffffff1a}.confirm-delete-actions .delete-button{background:linear-gradient(135deg,#ff4757,#ff6b81);color:#fff;border:none;padding:10px 20px;border-radius:6px;cursor:pointer;font-weight:500;box-shadow:0 4px 12px #ff47574d;transition:all .2s ease}.confirm-delete-actions .delete-button:hover{transform:translateY(-1px);box-shadow:0 6px 16px #ff475766}body,html,#root{margin:0;padding:0;width:100%;height:100%;overflow-x:hidden}.applications-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1.5rem;padding:1rem 1rem 3rem;perspective:1500px;perspective-origin:center center;position:relative;z-index:0;transform-style:preserve-3d;contain:layout style;transform:translateZ(0)}@media (min-width: 1600px){.connectors-container{grid-template-columns:minmax(300px,350px) 1fr}}@media (max-width: 768px){.connectors-container{grid-template-columns:1fr;padding:1rem}.connections-sidebar{grid-column:1;grid-row:1}.connectors-main{grid-column:1;grid-row:2}}@keyframes borderPulse{0%{opacity:.4}50%{opacity:.7}to{opacity:.4}}.application-card:hover:after,.secret-card:hover:after{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border-radius:16px;background:linear-gradient(135deg,transparent,var(--neon-blue),var(--neon-cyan)) border-box;-webkit-mask:linear-gradient(#fff 0 0) padding-box,linear-gradient(#fff 0 0);-webkit-mask-composite:destination-out;mask-composite:exclude;opacity:.5;transition:opacity .4s cubic-bezier(.23,1,.32,1);transform-style:preserve-3d;transform:translateZ(0);pointer-events:none;z-index:-1}.application-card.locked{position:relative}.lock-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#000000d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:8px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1.5rem;z-index:10;pointer-events:auto;opacity:0;transition:opacity .2s ease}.application-card.locked:hover .lock-overlay{opacity:1}.lock-icon{font-size:2.5rem;margin-bottom:.75rem;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.lock-message{text-align:center;color:var(--text)}.lock-message strong{display:block;font-size:1.1rem;font-weight:600;margin-bottom:.5rem;color:var(--text)}.lock-message p{font-size:.9rem;color:var(--text-secondary);margin-bottom:1rem;line-height:1.4}.upgrade-link{display:inline-block;padding:.5rem 1rem;background:var(--primary);color:#fff;text-decoration:none;border-radius:6px;font-weight:500;transition:all .2s ease}.upgrade-link:hover{background:var(--primary-hover);transform:translateY(-1px);box-shadow:0 4px 8px #3ecf8e4d}.join-configurator{padding:8px 0}.join-header{display:flex;justify-content:space-between;align-items:start;margin-bottom:28px}.join-header h3{margin:0 0 6px;font-size:19px;font-weight:600;color:var(--color-text-primary)}.join-subtitle{margin:0;font-size:14px;color:var(--color-text-tertiary);line-height:1.4}.btn-add-join{padding:10px 18px;background:linear-gradient(135deg,var(--color-accent-primary),var(--color-accent-primary-hover));color:#fff!important;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px #00000026}.btn-add-join:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0003}[data-theme=light] .btn-add-join{background:linear-gradient(135deg,#4f46e5,#4338ca);color:#fff!important;box-shadow:0 2px 8px #4f46e559}[data-theme=light] .btn-add-join:hover{box-shadow:0 4px 12px #4f46e573}.primary-schema-card{background:linear-gradient(145deg,var(--color-accent-primary-subtle) 0%,var(--color-bg-secondary) 100%);border:2px solid var(--color-accent-primary);border-radius:10px;padding:18px 20px;margin-bottom:24px;display:flex;align-items:center;gap:18px;box-shadow:0 2px 12px #0000000f}.schema-badge{padding:6px 12px;border-radius:6px;font-size:11px;font-weight:700;letter-spacing:.06em}.schema-badge.primary{background:linear-gradient(135deg,var(--color-accent-primary),var(--color-accent-primary-hover));color:#fff!important;box-shadow:0 1px 4px #0003}[data-theme=light] .schema-badge.primary{background:linear-gradient(135deg,#4f46e5,#4338ca);color:#fff!important;box-shadow:0 2px 6px #4f46e566}[data-theme=dark] .schema-badge.primary{background:linear-gradient(135deg,#3ecf8e,#2db77a);color:#fff!important;box-shadow:0 2px 6px #3ecf8e4d}.schema-badge.joined{background:linear-gradient(135deg,#6366f1,#4f46e5);color:#fff!important;box-shadow:0 1px 4px #0003}[data-theme=light] .schema-badge.joined{box-shadow:0 2px 6px #4f46e559}[data-theme=dark] .schema-badge.joined{box-shadow:0 2px 6px #6366f159}.schema-info{flex:1}.schema-info h4{margin:0 0 4px;font-size:17px;font-weight:600;color:var(--color-text-primary)}.schema-info p{margin:0;font-size:12px;color:var(--color-text-tertiary);font-family:var(--font-family-mono)}.schema-stats{font-size:12px;font-weight:500;color:var(--color-text-secondary);padding:8px 14px;background:var(--color-bg-primary);border-radius:6px;border:1px solid var(--color-border-subtle)}.joins-list{display:flex;flex-direction:column;gap:20px}.join-card{background:var(--color-bg-primary);border:2px solid var(--color-border-base);border-radius:12px;padding:20px;transition:all .2s ease;box-shadow:0 2px 8px #0000000a}.join-card:hover{border-color:var(--color-border-strong);box-shadow:0 4px 16px #00000014}.join-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.btn-remove-join{width:32px;height:32px;background:var(--color-bg-secondary);border:1px solid var(--color-border-base);border-radius:8px;color:var(--color-text-tertiary);font-size:18px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.btn-remove-join:hover{background:var(--color-error-bg);border-color:var(--color-error);color:var(--color-error)}.join-config{display:flex;flex-direction:column;gap:20px}.config-row{display:grid;grid-template-columns:110px 1fr;gap:14px;align-items:center}.config-row label{font-size:13px;font-weight:600;color:var(--color-text-secondary)}.config-row select{padding:12px 14px;background:var(--color-bg-secondary);border:2px solid var(--color-border-base);border-radius:8px;color:var(--color-text-primary);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.config-row select:hover{border-color:var(--color-border-strong)}.config-row select:focus{outline:none;border-color:var(--color-accent-primary);box-shadow:0 0 0 3px var(--color-accent-primary-subtle)}[data-theme=light] .config-row select,[data-theme=light] .matching-field select{color:#171717;background-color:#fff}.field-matching{background:linear-gradient(180deg,var(--color-bg-tertiary) 0%,var(--color-bg-primary) 100%);border:2px solid var(--color-border-subtle);border-radius:10px;padding:20px}.matching-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:14px;border-bottom:2px solid var(--color-border-subtle)}.matching-header span{font-size:14px;font-weight:700;color:var(--color-text-primary);text-transform:uppercase;letter-spacing:.04em}.matching-icon{font-size:20px;filter:drop-shadow(0 0 2px var(--color-accent-primary))}.matching-row{display:grid;grid-template-columns:1fr auto 1fr;gap:20px;align-items:end}.matching-field{display:flex;flex-direction:column;gap:8px}.matching-field label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-tertiary)}.matching-field select{padding:12px 14px;background:var(--color-bg-secondary);border:2px solid var(--color-border-base);border-radius:8px;color:var(--color-text-primary);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.matching-field select:hover{border-color:var(--color-border-strong)}.matching-field select:focus{outline:none;border-color:var(--color-accent-primary);box-shadow:0 0 0 3px var(--color-accent-primary-subtle)}.matching-equals{font-size:22px;font-weight:700;color:var(--color-accent-primary);padding-bottom:12px;display:flex;align-items:center;justify-content:center}.matching-preview{margin-top:16px;padding:14px 18px;background:var(--color-bg-secondary);border:1px solid var(--color-border-base);border-radius:8px;display:flex;align-items:center;justify-content:center;gap:12px;font-size:13px}.matching-preview code{padding:6px 12px;background:var(--color-bg-tertiary);border:1px solid var(--color-border-subtle);border-radius:6px;font-family:var(--font-family-mono);color:var(--color-accent-primary);font-size:12px;font-weight:600}.matching-preview span{color:var(--color-text-tertiary);font-weight:700;font-size:16px}.no-joins{text-align:center;padding:56px 28px;color:var(--color-text-tertiary)}.no-joins-icon{font-size:56px;margin-bottom:20px;opacity:.7}.no-joins h4{margin:0 0 10px;font-size:18px;font-weight:600;color:var(--color-text-primary)}.no-joins p{margin:0 0 32px;font-size:15px;line-height:1.5}.join-examples{max-width:420px;margin:0 auto;text-align:left;background:linear-gradient(180deg,var(--color-bg-primary) 0%,var(--color-bg-tertiary) 100%);border:2px solid var(--color-border-subtle);border-radius:10px;padding:20px 24px}.join-examples h5{margin:0 0 14px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-secondary)}.join-examples ul{margin:0;padding-left:22px;list-style-type:disc}.join-examples li{margin-bottom:10px;font-size:14px;color:var(--color-text-secondary);line-height:1.5}.join-examples strong{color:var(--color-accent-primary);font-weight:600}.modern-report-builder{display:flex;flex-direction:column;height:100vh;background:var(--color-bg-primary);color:var(--color-text-primary)}.builder-header{display:flex;justify-content:space-between;align-items:center;padding:20px 28px;border-bottom:1px solid var(--color-border-subtle);background:linear-gradient(180deg,var(--color-bg-primary) 0%,var(--color-bg-secondary) 100%);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%)}.header-left h2{margin:0;font-size:22px;font-weight:600;color:var(--color-text-primary);letter-spacing:-.02em}.header-left p{margin:6px 0 0;font-size:14px;color:var(--color-text-tertiary);font-weight:400}.header-actions{display:flex;gap:12px}.btn-primary,.btn-secondary{padding:10px 20px;border-radius:8px;font-size:14px;font-weight:500;border:none;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);letter-spacing:-.01em}.btn-primary{background:var(--color-accent-primary);color:#fff;box-shadow:0 2px 4px rgba(var(--color-accent-primary),.2),0 1px 2px #0000000d}.btn-primary:hover:not(:disabled){background:var(--color-accent-primary-hover);transform:translateY(-1px);box-shadow:0 4px 8px rgba(var(--color-accent-primary),.25),0 2px 4px #0000001a}.btn-primary:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 4px rgba(var(--color-accent-primary),.2)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{background:var(--color-bg-secondary);color:var(--color-text-secondary);border:1px solid var(--color-border-base);box-shadow:0 1px 2px #0000000d}.btn-secondary:hover{background:var(--color-bg-hover);border-color:var(--color-border-strong);box-shadow:0 2px 4px #00000014;transform:translateY(-1px)}.btn-secondary:active{transform:translateY(0);box-shadow:0 1px 2px #0000000d}.error-banner{padding:12px 24px;background:var(--color-error-bg);color:var(--color-error);border-bottom:1px solid var(--color-error);display:flex;justify-content:space-between;align-items:center}.error-banner button{background:none;border:none;color:var(--color-error);font-size:20px;cursor:pointer;padding:0 8px}.builder-content{display:flex;flex:1;overflow:hidden;background:var(--color-bg-primary)}.builder-resizable{flex-shrink:0;position:relative}.builder-panel{background:var(--color-bg-secondary);display:flex;flex-direction:column;overflow-y:auto;height:100%;border-right:1px solid var(--color-border-base)}[data-theme=light] .builder-panel{background:var(--color-surface-raised);box-shadow:4px 0 16px -2px #00000014,2px 0 6px -1px #0000000a;border-right:1px solid var(--color-border-strong)}[data-theme=dark] .builder-panel{box-shadow:4px 0 20px #00000059}.resize-handle{width:10px!important;right:-5px!important;background:var(--color-border-strong)!important;cursor:col-resize!important;transition:background .15s ease;z-index:10}.resize-handle:hover,.resize-handle:active{background:var(--color-accent-primary)!important}.panel-section{padding:24px;border-bottom:1px solid var(--color-border-subtle);background:linear-gradient(180deg,var(--color-bg-tertiary) 0%,var(--color-bg-secondary) 100%)}.section-label{display:block;font-size:11px;font-weight:700;text-transform:uppercase;color:var(--color-text-tertiary);margin-bottom:10px;letter-spacing:.08em}.schema-select{width:100%;padding:14px 36px 14px 16px;background:var(--color-bg-primary);border:2px solid var(--color-border-base);border-radius:8px;color:var(--color-text-primary);font-size:15px;font-weight:500;cursor:pointer;transition:all .2s ease;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' fill='%23888'%3E%3Cpath d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center}.schema-select:hover{border-color:var(--color-border-strong);background-color:var(--color-bg-hover)}.schema-select:focus{outline:none;border-color:var(--color-accent-primary);box-shadow:0 0 0 4px var(--color-accent-primary-subtle)}[data-theme=light] .schema-select,[data-theme=light] .aggregation-select,[data-theme=light] .filter-field,[data-theme=light] .filter-operator,[data-theme=light] .filter-value{color:#171717;background-color:#fff}[data-theme=light] .schema-select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' fill='%23525252'%3E%3Cpath d='M6 8L1 3h10z'/%3E%3C/svg%3E")}[data-theme=light] .modern-report-builder select option{color:#171717;background-color:#fff}.builder-tabs{display:flex;padding:12px 20px 0;gap:6px;background:var(--color-bg-secondary);border-bottom:1px solid var(--color-border-base)}.tab{padding:14px 18px;background:transparent;border:none;color:var(--color-text-tertiary);font-size:14px;font-weight:500;cursor:pointer;border-radius:8px 8px 0 0;transition:all .2s ease;position:relative}.tab:hover{color:var(--color-text-secondary);background:var(--color-bg-hover)}.tab.active{color:var(--color-accent-primary);background:var(--color-bg-primary);border-bottom:2px solid var(--color-accent-primary);margin-bottom:-1px}.tab-content{flex:1;overflow-y:auto;padding:20px;height:calc(100vh - 300px);display:flex;flex-direction:column}.panel-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;font-weight:600;color:var(--color-text-primary)}.field-count{font-size:12px;color:var(--color-text-tertiary);font-weight:400}.field-list{display:flex;flex-direction:column;gap:8px}.field-item{display:flex;justify-content:space-between;align-items:center;padding:12px;background:var(--color-bg-primary);border:1px solid var(--color-border-base);border-radius:6px;cursor:pointer;transition:all .15s ease}.field-item:hover{border-color:var(--color-border-strong);background:var(--color-bg-hover)}.field-item.selected{border-color:var(--color-accent-primary);background:var(--color-accent-primary-subtle)}.field-info{display:flex;align-items:center;gap:12px;flex:1}.field-info input[type=checkbox]{width:18px;height:18px;cursor:pointer}.field-name{font-size:14px;font-weight:500;color:var(--color-text-primary)}.field-type{font-size:12px;color:var(--color-text-tertiary);margin-top:2px}.aggregation-select{padding:6px 10px;background:var(--color-bg-secondary);border:1px solid var(--color-border-base);border-radius:4px;color:var(--color-text-primary);font-size:12px;cursor:pointer}.aggregation-select:focus{outline:none;border-color:var(--color-accent-primary)}.btn-add{padding:8px 16px;background:var(--color-accent-primary);color:#fff!important;border:none;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .15s ease}.btn-add:hover{background:var(--color-accent-primary-hover)}[data-theme=light] .btn-add{background:#4f46e5;color:#fff!important}[data-theme=light] .btn-add:hover{background:#4338ca}.filter-list{display:flex;flex-direction:column;gap:12px}.filter-item{display:grid;grid-template-columns:1fr 120px 1fr 32px;gap:8px;align-items:center}.filter-field,.filter-operator,.filter-value{padding:8px 10px;background:var(--color-bg-primary);border:1px solid var(--color-border-base);border-radius:4px;color:var(--color-text-primary);font-size:13px}.filter-field:focus,.filter-operator:focus,.filter-value:focus{outline:none;border-color:var(--color-accent-primary);box-shadow:0 0 0 2px var(--color-accent-primary-subtle)}.btn-remove{width:32px;height:32px;background:transparent;border:1px solid var(--color-border-base);border-radius:4px;color:var(--color-text-tertiary);font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s ease}.btn-remove:hover{background:var(--color-error-bg);border-color:var(--color-error);color:var(--color-error)}.settings-panel{max-width:500px}.form-group{margin-bottom:20px}.form-group label{display:block;font-size:13px;font-weight:500;color:var(--color-text-primary);margin-bottom:6px}.form-group input[type=text],.form-group textarea{width:100%;padding:10px 12px;background:var(--color-bg-primary);border:1px solid var(--color-border-base);border-radius:6px;color:var(--color-text-primary);font-size:14px;font-family:inherit;transition:all .15s ease}.form-group input[type=text]:focus,.form-group textarea:focus{outline:none;border-color:var(--color-accent-primary);box-shadow:0 0 0 3px var(--color-accent-primary-subtle)}.form-group small{display:block;margin-top:4px;font-size:12px;color:var(--color-text-tertiary)}.checkbox-label{display:flex!important;align-items:center;gap:10px;cursor:pointer;padding:12px;background:var(--color-bg-primary);border:1px solid var(--color-border-base);border-radius:6px;transition:all .15s ease}.checkbox-label:hover{background:var(--color-bg-hover);border-color:var(--color-border-strong)}.checkbox-label input[type=checkbox]{width:18px;height:18px;cursor:pointer}.empty-state,.empty-state-large{text-align:center;padding:32px;color:var(--color-text-tertiary)}.empty-state-large{padding:80px 32px}.empty-icon{font-size:48px;margin-bottom:16px}.empty-state-large h3{margin:0 0 8px;color:var(--color-text-primary);font-size:18px}.empty-state-large p{margin:0;font-size:14px}.preview-panel{flex:1;min-width:0;background:var(--color-bg-primary);display:flex;flex-direction:column;overflow:hidden;height:100%;border-left:1px solid var(--color-border-base)}[data-theme=light] .preview-panel{border-left:1px solid var(--color-border-strong);background:var(--color-bg-elevated);box-shadow:inset 2px 0 8px #00000008}[data-theme=dark] .preview-panel{box-shadow:inset 2px 0 12px #0003}.preview-header{padding:18px 24px;border-bottom:1px solid var(--color-border-base);display:flex;justify-content:space-between;align-items:center;background:var(--color-bg-secondary)}[data-theme=light] .preview-header{box-shadow:0 1px 3px #00000014;background:var(--color-surface-raised)}[data-theme=dark] .preview-header{box-shadow:0 2px 8px #00000026}.preview-header span:first-child{font-weight:600;font-size:15px;color:var(--color-text-primary)}.preview-count{font-size:12px;font-weight:500;color:var(--color-accent-primary);background:var(--color-accent-primary-subtle);padding:6px 12px;border-radius:8px}.preview-content{flex:1;overflow:auto}.preview-loading,.preview-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:var(--color-text-tertiary);padding:48px;animation:fadeIn .3s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.spinner{width:48px;height:48px;border:3px solid rgba(var(--color-accent-primary),.1);border-top-color:var(--color-accent-primary);border-radius:50%;animation:spin .8s cubic-bezier(.68,-.55,.265,1.55) infinite}.preview-loading p,.preview-empty p{margin-top:16px;font-size:14px;line-height:1.5;max-width:320px;text-align:center}.preview-empty .empty-icon{font-size:48px;margin-bottom:12px;opacity:.5}.preview-empty h3{margin:8px 0;color:var(--color-text-primary);font-size:17px;font-weight:600}.preview-table-container{overflow:auto;max-height:100%;flex:1;padding:20px 28px 28px;background:var(--color-bg-secondary)}.preview-table{width:100%;border-collapse:separate;border-spacing:0;font-size:13px;border-radius:12px;overflow:hidden;background:var(--color-bg-primary);box-shadow:0 2px 8px #00000014,0 1px 2px #0000000a;border:1px solid var(--color-border-subtle)}.preview-table thead{position:sticky;top:0;z-index:10;box-shadow:0 1px 0 var(--color-border-subtle)}.preview-table thead tr{background:var(--color-bg-tertiary);border-bottom:1px solid var(--color-border-base)}[data-theme=light] .preview-table thead tr{background:linear-gradient(180deg,#f8f9fa,#f1f3f5);border-bottom:1px solid var(--color-border-base)}[data-theme=dark] .preview-table thead tr{background:linear-gradient(180deg,#1a1f26,#151a1f);border-bottom:1px solid var(--color-border-base)}.preview-table th{padding:16px 20px;text-align:left;font-weight:600;color:var(--color-text-primary);font-size:11px;text-transform:uppercase;letter-spacing:.06em;white-space:nowrap}[data-theme=dark] .preview-table th{color:#f5f5f5}[data-theme=light] .preview-table th{color:#171717}.preview-table th:first-child{padding-left:24px;border-top-left-radius:12px}.preview-table th:last-child{border-top-right-radius:12px}.preview-table tbody tr{transition:all .2s cubic-bezier(.4,0,.2,1);cursor:default}.preview-table tbody tr:hover{background:var(--color-bg-hover);transform:scale(1.002);box-shadow:0 2px 8px #0000000f}.preview-table td{padding:14px 20px;border-bottom:1px solid var(--color-border-subtle);color:var(--color-text-secondary);max-width:320px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;line-height:1.5}.preview-table td:first-child{padding-left:24px;font-weight:500;color:var(--color-text-primary)}.preview-table tbody tr:last-child td{border-bottom:none}.preview-table tbody tr:last-child td:first-child{border-bottom-left-radius:12px}.preview-table tbody tr:last-child td:last-child{border-bottom-right-radius:12px}.preview-table td .cell-empty{color:var(--color-text-tertiary);font-style:italic}.aggregation-badge{display:inline-block;margin-left:8px;padding:3px 8px;background:linear-gradient(135deg,var(--color-accent-primary-subtle),rgba(var(--color-accent-primary),.08));color:var(--color-accent-primary);border-radius:6px;font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;border:1px solid rgba(var(--color-accent-primary),.2)}.preview-table .header-schema-badge{display:block;font-size:10px;font-weight:500;text-transform:none;letter-spacing:.02em;margin-top:4px}[data-theme=dark] .preview-table .header-schema-badge{color:#b4bcc8}[data-theme=light] .preview-table .header-schema-badge{color:#737373}.schema-section{margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid var(--color-border-subtle)}.schema-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.schema-section .panel-header{background:var(--color-bg-tertiary);padding:10px 12px;border-radius:6px;margin-bottom:12px}.schema-section .panel-header span:first-child{font-size:14px;color:var(--color-accent-primary)}.draggable-field{padding:10px 14px;background:var(--color-bg-primary);border:2px solid var(--color-border-base);border-radius:8px;cursor:grab;transition:all .2s ease;display:flex;align-items:center;gap:10px;-webkit-user-select:none;user-select:none}.draggable-field:hover{border-color:var(--color-accent-primary);background:var(--color-accent-primary-subtle);transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.draggable-field:active{cursor:grabbing;transform:scale(.98)}.draggable-field.dragging{opacity:.5;cursor:grabbing}.field-drag-icon{font-size:16px;color:var(--color-text-tertiary)}.field-schema-badge{padding:2px 8px;background:var(--color-bg-tertiary);border-radius:4px;font-size:10px;font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px}.report-canvas{background:var(--color-bg-secondary);border:2px dashed var(--color-border-base);border-radius:12px;min-height:400px;max-height:calc(100vh - 350px);overflow-y:auto;padding:24px;transition:all .3s ease}.report-canvas.drag-over{border-color:var(--color-accent-primary);background:var(--color-accent-primary-subtle);border-style:solid}.canvas-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:16px;border-bottom:2px solid var(--color-border-base)}.canvas-header h3{margin:0;font-size:16px;font-weight:600;color:var(--color-text-primary)}.canvas-columns{display:flex;flex-wrap:wrap;gap:12px;min-height:200px}.canvas-empty{text-align:center;padding:80px 20px;color:var(--color-text-tertiary)}.canvas-empty-icon{font-size:64px;margin-bottom:16px;opacity:.5}.canvas-empty h4{margin:0 0 8px;font-size:18px;color:var(--color-text-primary)}.canvas-empty p{margin:0;font-size:14px}.column-pill{display:flex;align-items:center;gap:8px;padding:12px 16px;background:linear-gradient(135deg,var(--color-accent-primary),var(--color-accent-primary-hover));color:#fff;border-radius:8px;font-size:14px;font-weight:500;box-shadow:0 2px 8px #00000026;cursor:move;transition:all .2s ease;-webkit-user-select:none;user-select:none}.column-pill:hover{transform:translateY(-2px);box-shadow:0 4px 16px #0003}.column-pill.dragging{opacity:.5;cursor:grabbing}.column-pill-content{display:flex;flex-direction:column;gap:2px}.column-pill-name{font-weight:600}.column-pill-meta{font-size:11px;opacity:.9;display:flex;gap:8px;align-items:center}.column-pill-remove{background:#fff3;border:none;width:24px;height:24px;border-radius:50%;color:#fff;font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;margin-left:auto}.column-pill-remove:hover{background:#ffffff4d;transform:scale(1.1)}.column-pill-drag-handle{font-size:18px;opacity:.9;cursor:grab}.column-pill-drop-target{outline:2px dashed var(--color-accent-primary);outline-offset:2px}.column-pill-name,.column-pill-meta{color:#fff}[data-theme=light] .column-pill{background:linear-gradient(135deg,#4f46e5,#4338ca);box-shadow:0 2px 8px #4f46e54d}[data-theme=light] .column-pill:hover{box-shadow:0 4px 16px #4f46e566}[data-theme=light] .column-pill-remove{background:#ffffff40;color:#fff}[data-theme=light] .column-pill-remove:hover{background:#fff6}.field-type-icon{width:24px;height:24px;border-radius:4px;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600}.field-type-icon.string{background:#3b82f6;color:#fff}.field-type-icon.number{background:#10b981;color:#fff}.field-type-icon.date{background:#f59e0b;color:#fff}.field-type-icon.boolean{background:#8b5cf6;color:#fff}.field-type-icon.array{background:#ec4899;color:#fff}.field-type-icon.object{background:#6366f1;color:#fff}:root{--primary: #3ecf8e;--primary-hover: #50d9a0;--primary-active: #2db77a;--secondary: #4f9cff;--secondary-hover: #6baeff;--background: #0a0d12;--bg-secondary: #0f1419;--surface: #1a1f26;--surface-hover: #252d38;--surface-raised: #1e2530;--border: #2d3748;--border-strong: #374151;--text: #f5f5f5;--text-secondary: #b4bcc8;--text-tertiary: #8b9299;--text-muted: #6b7280;--error: #ef4444;--error-hover: #dc2626;--success: #3ecf8e;--warning: #f59e0b;--shadow-sm: 0 2px 4px rgba(0, 0, 0, .3);--shadow-md: 0 4px 8px rgba(0, 0, 0, .4);--shadow-lg: 0 8px 16px rgba(0, 0, 0, .6);--radius-sm: 4px;--radius-md: 6px;--radius-lg: 8px;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--transition: all .15s ease}:root[data-theme=light]{--primary: #4F46E5;--primary-hover: #4338ca;--primary-active: #3730a3;--secondary: #6366f1;--secondary-hover: #4f46e5;--background: #FAFAFF;--bg-secondary: #f5f5f7;--surface: #ffffff;--surface-hover: #EEF2FF;--surface-raised: #fefeff;--border: #C7D2FE;--border-strong: #A5B4FC;--text: #1f2937;--text-secondary: #4b5563;--text-tertiary: #6b7280;--text-muted: #9ca3af;--error: #dc2626;--error-hover: #b91c1c;--success: #4F46E5;--warning: #f59e0b;--shadow-sm: 0 1px 2px rgba(79, 70, 229, .06);--shadow-md: 0 2px 6px rgba(79, 70, 229, .1);--shadow-lg: 0 4px 12px rgba(79, 70, 229, .12)}:root[data-theme=light] .data-explorer{background:#fff!important;box-shadow:0 1px 3px #4f46e514,0 1px 2px #0000000a}:root[data-theme=light] .collection-card{background:#fffffffa!important;border:1px solid rgba(79,70,229,.15)!important;box-shadow:0 2px 8px #4f46e514,0 1px 2px #0000000a!important}:root[data-theme=light] .collection-card:before{background:linear-gradient(135deg,rgba(79,70,229,.03) 0%,transparent 100%)!important}:root[data-theme=light] .collection-card:hover{border-color:#4f46e54d!important;box-shadow:0 8px 24px #4f46e526,0 2px 8px #4f46e514,0 0 0 1px #4f46e51a inset!important}:root[data-theme=light] .collection-name{color:#1f2937!important}:root[data-theme=light] .collection-desc{color:#4b5563!important}:root[data-theme=light] .collection-type{color:#6b7280!important}:root[data-theme=light] .icon-wrapper{background:linear-gradient(135deg,#4f46e5,#6366f1)!important;box-shadow:0 4px 12px #4f46e540,0 0 0 1px #4f46e51a inset!important}:root[data-theme=light] .record-pill{background:#4f46e51a!important;border-color:#4f46e540!important;color:#4f46e5!important}:root[data-theme=light] .stat-chip{background:#4f46e50d!important;border-color:#4f46e526!important;color:#4b5563!important}:root[data-theme=light] .stat-chip:hover{background:#4f46e51a!important;border-color:#4f46e540!important}:root[data-theme=light] .explorer-header{background:#fffffffa!important;border:1px solid rgba(79,70,229,.15)!important;box-shadow:0 2px 8px #4f46e514,0 1px 2px #0000000a}:root[data-theme=light] .explorer-header h2{color:#1f2937!important}:root[data-theme=light] .schema-selector label{color:#4b5563!important}:root[data-theme=light] .schema-selector select{background:#fff!important;border-color:#4f46e533!important;color:#1f2937!important}:root[data-theme=light] .query-builder{background:#fffffffa!important;border:1px solid rgba(79,70,229,.15)!important;box-shadow:0 2px 8px #4f46e514,0 1px 2px #0000000a}:root[data-theme=light] .query-results{background:#fffffffa!important;border:1px solid rgba(79,70,229,.15)!important;box-shadow:0 2px 8px #4f46e514,0 1px 2px #0000000a}:root[data-theme=light] .results-header{border-bottom-color:#4f46e51a!important;background:transparent!important}:root[data-theme=light] .results-header h3{color:#1f2937!important}:root[data-theme=light] .dashboard-metrics{gap:1.5rem}:root[data-theme=light] .metric-card{background:#fffffffa!important;border:1px solid rgba(79,70,229,.15)!important;box-shadow:0 2px 8px #4f46e514,0 1px 2px #0000000a!important}:root[data-theme=light] .metric-card:hover{border-color:#4f46e540!important;box-shadow:0 4px 12px #4f46e51f,0 2px 4px #0000000f!important;background:#eef2fffa!important}:root[data-theme=light] .metric-label{color:#6b7280!important;font-weight:600}:root[data-theme=light] .metric-value{color:#1f2937!important;font-weight:700}:root[data-theme=light] .recent-activity{background:#fffffffa!important;border:1px solid rgba(79,70,229,.15)!important;box-shadow:0 2px 8px #4f46e514,0 1px 2px #0000000a!important}:root[data-theme=light] .recent-activity h3{color:#1f2937!important;font-weight:700}:root[data-theme=light] .activity-list{color:#1f2937!important}:root[data-theme=light] .activity-item{background:#fff!important;border:1px solid rgba(79,70,229,.15)!important;color:#374151!important;box-shadow:0 1px 3px #0000000d!important;padding:1.25rem 1.5rem!important}:root[data-theme=light] .activity-item:hover{background:#eef2ff99!important;border-color:#4f46e54d!important;box-shadow:0 2px 6px #4f46e514!important}:root[data-theme=light] .activity-data{color:#374151!important}:root[data-theme=light] .data-point{color:#4b5563!important;font-size:.9375rem!important;line-height:1.5!important;letter-spacing:.01em!important}:root[data-theme=light] .data-point strong{color:#1f2937!important;font-weight:600!important;letter-spacing:.005em!important}:root[data-theme=light] .activity-time{color:#6b7280!important;font-weight:500!important;font-size:.875rem!important;letter-spacing:.01em!important}:root[data-theme=light] .results-header .count{color:#4f46e5!important}:root[data-theme=light] .builder-section h3{color:#1f2937!important}:root[data-theme=light] .filter-row select,:root[data-theme=light] .filter-row input,:root[data-theme=light] .sort-control select,:root[data-theme=light] .limit-control select{background:#fff!important;border-color:#4f46e533!important;color:#1f2937!important}:root[data-theme=light] .filter-row select:focus,:root[data-theme=light] .filter-row input:focus,:root[data-theme=light] .sort-control select:focus,:root[data-theme=light] .limit-control select:focus{border-color:#4f46e5!important;box-shadow:0 0 0 3px #4f46e51a!important}:root[data-theme=light] .view-title h2{color:#1f2937!important;background:linear-gradient(135deg,#1f2937,#4b5563)!important;-webkit-background-clip:text!important;-webkit-text-fill-color:transparent!important}:root[data-theme=light] .record-count{color:#6b7280!important}:root[data-theme=light] .view-type-toggle{background:#4f46e50a!important;border-color:#4f46e51a!important}:root[data-theme=light] .view-btn{color:#6b7280!important}:root[data-theme=light] .view-btn.active{background:#4f46e51a!important;color:#4f46e5!important}:root[data-theme=light] .view-btn:hover{background:#4f46e514!important;color:#4f46e5!important}:root[data-theme=light] .empty-state-modern h3{color:#1f2937!important}:root[data-theme=light] .empty-state-modern p{color:#6b7280!important}:root[data-theme=light] .empty-title{color:#1f2937!important}:root[data-theme=light] .empty-text{color:#6b7280!important}.data-management-modern{min-height:100vh;background:var(--background);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.5}.modern-header{background:var(--background);border-bottom:1px solid var(--border);padding:2rem;display:flex;justify-content:space-between;align-items:flex-start}.header-left h1{font-size:2rem;font-weight:var(--font-weight-bold);color:var(--text);margin:0 0 .5rem}.header-left p{color:var(--text-secondary);font-size:1rem;margin:0}.start-over-btn{background:var(--surface);border:1px solid var(--border);color:var(--text-secondary);padding:.75rem 1.25rem;border-radius:var(--radius-md);font-size:.875rem;cursor:pointer;transition:var(--transition);display:flex;align-items:center;gap:.5rem}.start-over-btn:hover{background:var(--apple-gray-200);color:var(--text-primary);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.modern-nav{background:var(--background);border-bottom:1px solid var(--border);padding:0 2rem;display:flex;align-items:center;gap:0;min-height:4rem}.nav-btn{background:none;border:none;padding:1rem 1.5rem;color:var(--text-secondary);font-weight:var(--font-weight-medium);font-size:.875rem;cursor:pointer;border-radius:var(--radius-sm);position:relative;transition:var(--transition);white-space:nowrap}.nav-btn:hover{color:var(--text);background:var(--surface-hover)}.nav-btn.active{color:var(--primary);background:var(--surface);font-weight:var(--font-weight-semibold)}.nav-btn.active:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background:var(--primary);border-radius:1px}.nav-btn.back{color:var(--text-secondary);margin-right:1rem}.nav-separator{color:var(--border);margin:0 .5rem}.current-schema-label{color:var(--text-secondary);font-size:.875rem;font-weight:var(--font-weight-medium)}.schema-admin-menu{position:relative;margin-left:auto}.admin-menu-btn{background:var(--surface);border:1px solid var(--border);color:var(--text-secondary);padding:.75rem 1.25rem;border-radius:var(--radius-md);font-size:.875rem;cursor:pointer;transition:var(--transition);display:flex;align-items:center;gap:.5rem}.admin-menu-btn:hover{background:var(--surface-hover);border-color:var(--primary);color:var(--text)}.admin-menu-btn.active{background:var(--primary);border-color:var(--primary);color:#fff}.admin-dropdown{position:absolute;top:calc(100% + .5rem);right:0;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);min-width:200px;z-index:1000;overflow:hidden}.dropdown-item{background:none;border:none;width:100%;text-align:left;padding:.875rem 1.25rem;color:var(--text-primary);font-size:.875rem;font-weight:var(--font-weight-medium);cursor:pointer;transition:var(--transition);display:flex;align-items:center;gap:.75rem}.dropdown-item:hover{background:var(--surface-hover);color:var(--primary)}.dropdown-item.active{background:var(--primary);color:#fff}.modern-content{flex:1;background:var(--background);padding:2rem;overflow-y:auto}.data-explorer{background:#0f0f0f;border-radius:var(--radius-lg);padding:2rem;min-height:calc(100vh - 200px)}.error-banner{background:#ff44441a;border:1px solid var(--error);color:var(--error);padding:1rem 1.5rem;margin:-2rem -2.5rem 2rem;display:flex;justify-content:space-between;align-items:center;font-weight:var(--font-weight-medium)}.close-error{background:none;border:none;color:#dc2626;font-size:1.25rem;cursor:pointer;padding:0;width:1.5rem;height:1.5rem;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm)}.close-error:hover{background:#dc26261a}.schema-editor-two-pane{background:var(--background);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-lg)}.editor-header{background:var(--surface);border-bottom:1px solid var(--border);padding:1.5rem 2rem;display:flex;justify-content:space-between;align-items:center}.editor-header h2{font-size:1.5rem;font-weight:var(--font-weight-bold);color:var(--text-primary);margin:0;letter-spacing:-.025em}.editor-actions{display:flex;gap:.75rem}.btn-cancel,.btn-save{padding:.75rem 1.5rem;border:1px solid var(--border);border-radius:var(--radius-md);font-weight:var(--font-weight-medium);font-size:.875rem;cursor:pointer;transition:var(--transition)}.btn-cancel{background:var(--background);color:var(--text-secondary)}.btn-cancel:hover{background:var(--surface);color:var(--text-primary)}.btn-save{background:var(--primary);color:#fff;border-color:var(--primary)}.btn-save:hover{background:var(--primary-dark);border-color:var(--primary-dark);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.editor-panes{display:grid;grid-template-columns:1fr 280px;min-height:600px;gap:0}.editor-main-pane{padding:2rem;background:var(--background);overflow-y:auto}.editor-templates-pane{background:var(--surface);border-left:1px solid var(--border);padding:1rem;overflow-y:auto;max-height:calc(100vh - 200px)}.editor-templates-pane h3{font-size:1rem;font-weight:var(--font-weight-bold);color:var(--text-primary);margin:0 0 .25rem}.editor-templates-pane p{color:var(--text-secondary);font-size:.75rem;margin:0 0 1rem;line-height:1.4}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-bottom:1.5rem}.form-group{display:flex;flex-direction:column}.form-group label{font-weight:var(--font-weight-semibold);color:var(--text-primary);font-size:.875rem;margin-bottom:.5rem}.form-group input,.form-group textarea,.form-group select{border:1px solid var(--border);border-radius:var(--radius-md);padding:.75rem 1rem;font-size:.875rem;color:var(--text-primary);background:var(--background);transition:var(--transition)}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #00ed641a}.form-group textarea{resize:vertical;min-height:3rem}.template-icon-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem}.template-icon-button{background:var(--background);border:2px solid var(--border);border-radius:var(--radius-md);padding:.75rem .5rem;cursor:pointer;transition:var(--transition);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.25rem;min-height:70px;position:relative}.template-icon-button:hover{border-color:var(--primary);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.template-icon-button.selected{border-width:2px;box-shadow:0 0 0 2px var(--primary-light)}.template-icon-emoji{font-size:1.75rem;line-height:1;display:block}.template-icon-label{font-size:.6875rem;font-weight:var(--font-weight-semibold);color:var(--text-primary);text-align:center;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.fields-section h3{font-size:1.25rem;font-weight:var(--font-weight-bold);color:var(--text-primary);margin:2rem 0 1rem;padding-top:1.5rem;border-top:1px solid var(--border)}.add-field-section{margin-bottom:1.5rem}.add-field-form{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:1.5rem;display:grid;grid-template-columns:1fr 1fr 120px auto auto;gap:1rem;align-items:end}.add-field-form input,.add-field-form select{border:1px solid var(--border);border-radius:var(--radius-sm);padding:.5rem .75rem;font-size:.875rem;background:var(--background);color:var(--text)!important}.add-field-form input::placeholder{color:var(--text-secondary);opacity:.7}.add-field-form input:focus,.add-field-form select:focus{outline:none;border-color:var(--primary);background:var(--surface);color:var(--text)!important}.add-field-form select option{background:var(--surface);color:var(--text)}.checkbox-inline{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:var(--text-secondary);cursor:pointer}.btn-add-field{background:var(--primary);color:#fff;border:none;border-radius:var(--radius-md);padding:.5rem 1rem;font-size:.875rem;font-weight:var(--font-weight-medium);cursor:pointer;transition:var(--transition);white-space:nowrap}.btn-add-field:hover{background:var(--primary-dark);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.fields-list{display:flex;flex-direction:column;gap:.75rem;margin-bottom:2rem}.field-row{background:var(--background);border:1px solid var(--border);border-radius:var(--radius-md);padding:1rem 1.5rem;display:flex;justify-content:space-between;align-items:center;transition:var(--transition)}.field-row:hover{border-color:var(--apple-gray-300);box-shadow:var(--shadow-sm)}.field-info{flex:1}.field-name{font-size:.875rem;font-weight:var(--font-weight-semibold);color:var(--text-primary);margin-bottom:.25rem}.field-details{display:flex;gap:.75rem;align-items:center}.field-type{background:var(--surface);color:var(--text-secondary);padding:.125rem .5rem;border-radius:var(--radius-sm);font-size:.75rem;font-weight:var(--font-weight-medium)}.required-badge{background:#fee2e2;color:#dc2626;padding:.125rem .5rem;border-radius:var(--radius-sm);font-size:.75rem;font-weight:var(--font-weight-medium)}.field-options{display:flex;gap:1rem;align-items:center}.option-toggle{display:flex;align-items:center;gap:.375rem;font-size:.75rem;color:var(--text-secondary);cursor:pointer;transition:var(--transition)}.option-toggle:hover{color:var(--text-primary)}.btn-remove-field{background:none;border:none;color:#dc2626;padding:.25rem;border-radius:var(--radius-sm);cursor:pointer;font-size:.875rem;transition:var(--transition)}.btn-remove-field:hover{background:#fee2e2}.schema-save-section{border-top:1px solid var(--border);padding-top:1.5rem;display:flex;justify-content:center}.btn-save-main{background:var(--primary);color:#fff;border:none;border-radius:var(--radius-md);padding:.875rem 2rem;font-size:.875rem;font-weight:var(--font-weight-semibold);cursor:pointer;transition:var(--transition)}.btn-save-main:hover{background:var(--primary-dark);transform:translateY(-1px);box-shadow:var(--shadow-md)}.schema-manager{max-width:1200px;margin:0 auto}.schema-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem}.schema-header h2{font-size:1.75rem;font-weight:var(--font-weight-bold);color:var(--text-primary);margin:0 0 .25rem;letter-spacing:-.025em}.schema-header p{color:var(--text-secondary);font-size:1rem;margin:0}.aggregate-view-btn{background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:#fff;border:none;border-radius:var(--radius-md);padding:.875rem 1.5rem;font-weight:var(--font-weight-semibold);font-size:.875rem;cursor:pointer;transition:var(--transition);box-shadow:var(--shadow-sm)}.aggregate-view-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.existing-schemas-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:1.5rem;margin-bottom:2rem}.existing-schema-card{background:var(--background);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.5rem;transition:var(--transition);box-shadow:var(--shadow-sm)}.existing-schema-card.clickable{cursor:pointer;-webkit-user-select:none;user-select:none}.existing-schema-card:hover{border-color:var(--primary);box-shadow:var(--shadow-md);transform:translateY(-2px)}.existing-schema-card.clickable:hover{border-color:var(--primary);box-shadow:0 8px 25px #4caf5026;transform:translateY(-4px);background:linear-gradient(135deg,var(--background) 0%,rgba(76,175,80,.03) 100%)}.existing-schema-card.clickable:active{transform:translateY(-1px);box-shadow:var(--shadow-sm)}.schema-card-header{display:flex;gap:1rem;margin-bottom:1.5rem;align-items:flex-start}.schema-icon-existing{width:3rem;height:3rem;border-radius:var(--radius-lg);background:linear-gradient(135deg,var(--primary),var(--primary-dark));display:flex;align-items:center;justify-content:center;font-size:1.5rem;flex-shrink:0}.schema-info h3{font-size:1.125rem;font-weight:var(--font-weight-bold);color:var(--text-primary);margin:0 0 .25rem;letter-spacing:-.025em}.schema-name-small{font-size:.75rem;color:var(--text-muted);font-family:SF Mono,Monaco,Consolas,monospace;background:var(--surface);padding:.125rem .5rem;border-radius:var(--radius-sm);margin-bottom:.5rem;display:inline-block}.schema-desc{font-size:.875rem;color:var(--text-secondary);margin:0 0 .75rem;line-height:1.4}.record-count-badge{background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:#fff;padding:.25rem .75rem;border-radius:var(--radius-md);font-size:.75rem;font-weight:var(--font-weight-semibold);display:inline-block}.schema-stats-existing{display:flex;justify-content:space-between;margin-bottom:1.5rem;background:var(--surface);border-radius:var(--radius-md);padding:1rem}.stat-item{text-align:center}.stat-number{font-size:1.5rem;font-weight:var(--font-weight-bold);color:var(--text-primary);display:block;line-height:1}.stat-label{font-size:.75rem;color:var(--text-muted);font-weight:var(--font-weight-medium);text-transform:uppercase;letter-spacing:.05em}.schema-actions-row{display:flex;gap:.5rem}.action-button{flex:1;border:1px solid var(--border);border-radius:var(--radius-md);padding:.75rem 1rem;font-size:.75rem;font-weight:var(--font-weight-semibold);cursor:pointer;transition:var(--transition);text-align:center}.action-button.primary{background:var(--primary);color:#fff;border-color:var(--primary)}.action-button.primary:hover{background:var(--primary-dark);border-color:var(--primary-dark);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.action-button.secondary{background:var(--background);color:var(--text-secondary)}.action-button.secondary:hover{background:var(--surface);color:var(--text-primary);border-color:var(--apple-gray-300)}.action-button.danger{background:var(--background);color:#dc2626;border-color:var(--border)}.action-button.danger:hover{background:#fef2f2;color:#b91c1c;border-color:#fecaca}.click-hint{margin-top:1rem;padding:.75rem;background:#4caf5014;border:1px dashed rgba(76,175,80,.3);border-radius:var(--radius-md);text-align:center;opacity:0;transition:all .3s ease;transform:translateY(10px)}.existing-schema-card.clickable:hover .click-hint{opacity:1;transform:translateY(0)}.click-hint span{font-size:.75rem;color:var(--primary);font-weight:var(--font-weight-medium);letter-spacing:.025em}.empty-schemas,.empty-state-modern{text-align:center;padding:4rem 2rem;color:var(--text-secondary)}.empty-icon{font-size:4rem;margin-bottom:1rem;opacity:.5}.empty-schemas h3,.empty-state-modern h3{font-size:1.25rem;font-weight:var(--font-weight-bold);color:var(--text-primary);margin:0 0 .5rem}.empty-schemas p,.empty-state-modern p{font-size:1rem;margin:0}.loading-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000f2;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:1000}.spinner{width:3rem;height:3rem;border:3px solid rgba(255,255,255,.1);border-top-color:var(--primary);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1.5rem}@keyframes spin{to{transform:rotate(360deg)}}.loading-overlay p{color:var(--text);font-weight:var(--font-weight-medium);font-size:1.1rem;opacity:.9}.enterprise-data-view{background:var(--background);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-lg)}.data-view-header{background:var(--surface);border-bottom:1px solid var(--border);padding:1.5rem 2rem;display:flex;justify-content:space-between;align-items:center}.view-title h2{font-size:1.5rem;font-weight:var(--font-weight-bold);color:var(--text-primary);margin:0 0 .25rem;letter-spacing:-.025em}.record-count{font-size:.875rem;color:var(--text-secondary);font-weight:var(--font-weight-medium)}.view-controls{display:flex;gap:1rem;align-items:center}.view-type-toggle{display:flex;background:var(--apple-gray-100);border-radius:var(--radius-md);padding:.25rem}.view-btn{background:none;border:none;padding:.5rem 1rem;color:var(--text-secondary);font-size:.875rem;font-weight:var(--font-weight-medium);cursor:pointer;border-radius:var(--radius-sm);transition:var(--transition);white-space:nowrap}.view-btn.active{background:var(--background);color:var(--text-primary);box-shadow:var(--shadow-sm)}.action-controls{display:flex;gap:.5rem}.import-btn,.refresh-btn{background:var(--surface-alt);border:1px solid var(--border);color:var(--text-secondary);padding:.5rem 1rem;border-radius:var(--radius-md);font-size:.875rem;font-weight:var(--font-weight-medium);cursor:pointer;transition:var(--transition)}.import-btn:hover,.refresh-btn:hover{background:var(--apple-gray-200);color:var(--text-primary)}.export-dropdown{position:relative}.export-btn{background:var(--primary);border:none;color:#fff;padding:.5rem 1rem;border-radius:var(--radius-md);font-size:.875rem;font-weight:var(--font-weight-medium);cursor:pointer;transition:var(--transition)}.export-btn:hover{background:var(--primary-dark)}.export-menu{position:absolute;top:calc(100% + .5rem);right:0;background:var(--background);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);z-index:10;min-width:8rem;display:none}.export-dropdown:hover .export-menu{display:block}.export-menu button{background:none;border:none;color:var(--text-secondary);padding:.75rem 1rem;width:100%;text-align:left;font-size:.875rem;cursor:pointer;transition:var(--transition)}.export-menu button:hover{background:var(--surface);color:var(--text-primary)}.data-filters{background:var(--background);border-bottom:1px solid var(--border);padding:1.5rem 2rem;display:flex;gap:1.5rem;align-items:center}.search-section{flex:1;max-width:400px}.search-input{width:100%;border:1px solid var(--border);border-radius:var(--radius-md);padding:.75rem 1rem;font-size:.875rem;background:var(--surface);transition:var(--transition)}.search-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #00ed641a;background:var(--background)}.filter-section{display:flex;gap:1rem}.field-filter{border:1px solid var(--border);border-radius:var(--radius-md);padding:.5rem .75rem;font-size:.875rem;background:var(--background);color:var(--text-secondary);min-width:120px}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem;margin-bottom:2rem}.metric-card{background:var(--background);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.5rem;text-align:center;transition:var(--transition)}.metric-card:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.metric-card.total{background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:#fff;border-color:var(--primary)}.metric-card h3{font-size:.875rem;font-weight:var(--font-weight-semibold);margin:0 0 .5rem;text-transform:uppercase;letter-spacing:.05em;opacity:.8}.metric-card.total h3{color:#ffffffe6}.metric-value{font-size:2.5rem;font-weight:var(--font-weight-bold);line-height:1;margin-bottom:.25rem}.metric-trend,.metric-detail{font-size:.75rem;opacity:.7;font-weight:var(--font-weight-medium)}.recent-activity{background:var(--background);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.5rem}.recent-activity h3{font-size:1.125rem;font-weight:var(--font-weight-bold);color:var(--text-primary);margin:0 0 1rem}.activity-item{display:flex;justify-content:space-between;align-items:flex-start;padding:1.25rem 1.5rem;background:var(--surface);border-radius:var(--radius-md);border:1px solid var(--border);transition:var(--transition)}.activity-item:hover{background:var(--background);box-shadow:var(--shadow-sm)}.activity-data{display:flex;flex-direction:column;gap:.5rem}.data-point{font-size:.9375rem;line-height:1.5;color:var(--text-secondary);letter-spacing:.01em}.data-point strong{color:var(--text-primary);font-weight:600;letter-spacing:.005em}.activity-time{font-size:.875rem;color:var(--text-muted);font-weight:500;letter-spacing:.01em;white-space:nowrap}.bulk-actions{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:1rem 1.5rem;margin-bottom:1rem;display:flex;justify-content:space-between;align-items:center}.bulk-actions span{font-size:.875rem;color:var(--text-secondary);font-weight:var(--font-weight-medium)}.bulk-btn{background:var(--background);border:1px solid var(--border);color:var(--text-secondary);padding:.5rem 1rem;border-radius:var(--radius-md);font-size:.875rem;font-weight:var(--font-weight-medium);cursor:pointer;transition:var(--transition);margin-left:.5rem}.bulk-btn:hover{background:var(--surface);color:var(--text-primary)}.bulk-btn.danger{color:#dc2626}.bulk-btn.danger:hover{background:#fef2f2;border-color:#fecaca}.data-table-container{background:var(--background);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-sm)}.enterprise-table{width:100%;border-collapse:collapse}.enterprise-table th{background:var(--surface);border-bottom:1px solid var(--border);padding:1rem 1.5rem;text-align:left;font-size:.875rem;font-weight:var(--font-weight-semibold);color:var(--text-primary)}.enterprise-table th.sortable{cursor:pointer;transition:var(--transition)}.enterprise-table th.sortable:hover{background:var(--apple-gray-200)}.sort-indicator{color:var(--primary);font-weight:var(--font-weight-bold)}.enterprise-table td{border-bottom:1px solid var(--border);padding:1rem 1.5rem;font-size:.875rem;color:var(--text-secondary)}.enterprise-table tr:hover td{background:var(--surface)}.field-boolean{text-align:center}.actions{display:flex;gap:.5rem}.action-btn{background:none;border:none;padding:.25rem;border-radius:var(--radius-sm);cursor:pointer;font-size:.875rem;transition:var(--transition)}.action-btn.edit{color:var(--text-muted)}.action-btn.edit:hover{background:var(--surface);color:var(--text-primary)}.action-btn.delete{color:#dc2626}.action-btn.delete:hover{background:#fef2f2}.chart-container,.data-quality{background:var(--background);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.5rem}.chart-container h3,.data-quality h3{font-size:1.125rem;font-weight:var(--font-weight-bold);color:var(--text-primary);margin:0 0 1.5rem}.field-distribution{display:flex;flex-direction:column;gap:1rem}.distribution-bar{display:grid;grid-template-columns:120px 1fr 60px;gap:1rem;align-items:center}.bar-label{font-size:.875rem;color:var(--text-secondary);font-weight:var(--font-weight-medium)}.bar-track{background:var(--surface);height:.5rem;border-radius:var(--radius-md);overflow:hidden}.bar-fill{background:linear-gradient(90deg,var(--primary),var(--primary-dark));height:100%;border-radius:var(--radius-md);transition:width .5s ease}.bar-value{font-size:.875rem;color:var(--text-primary);font-weight:var(--font-weight-semibold);text-align:right}.quality-score{font-size:4rem;font-weight:var(--font-weight-bold);color:var(--primary);text-align:center;line-height:1;margin-bottom:.5rem}.quality-details{text-align:center;color:var(--text-secondary);font-size:.875rem}.aggregate-data-view{max-width:1200px;margin:0 auto}.aggregate-header{margin-bottom:2rem}.aggregate-header h2{font-size:1.75rem;font-weight:var(--font-weight-bold);color:var(--text);margin:0 0 .5rem}.aggregate-header p{color:var(--text-secondary);font-size:1rem;margin:0 0 1.5rem}.view-mode-toggle{display:flex;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:.25rem}.mode-btn{background:none;border:none;padding:.75rem 1.25rem;color:var(--text-secondary);font-size:.875rem;font-weight:var(--font-weight-medium);cursor:pointer;border-radius:var(--radius-sm);transition:var(--transition);white-space:nowrap}.mode-btn.active{background:var(--primary);color:#fff;box-shadow:var(--shadow-sm)}.empty-state-welcome{text-align:center;padding:4rem 2rem;max-width:800px;margin:0 auto}.welcome-icon{font-size:4rem;margin-bottom:1.5rem;opacity:.8}.empty-state-welcome h2{font-size:2rem;font-weight:var(--font-weight-bold);color:var(--text);margin:0 0 1rem}.empty-state-welcome>p{font-size:1.1rem;color:var(--text-secondary);margin:0 0 3rem;line-height:1.6}.welcome-actions{display:flex;flex-direction:column;gap:2rem;text-align:left}.welcome-step{display:flex;align-items:flex-start;gap:1.5rem;padding:2rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);transition:var(--transition)}.welcome-step:hover{background:var(--surface-alt);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.step-number{flex-shrink:0;width:2.5rem;height:2.5rem;background:var(--primary);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:var(--font-weight-bold);font-size:1.1rem}.step-content h3{font-size:1.25rem;font-weight:var(--font-weight-semibold);color:var(--text);margin:0 0 .5rem}.step-content p{color:var(--text-secondary);margin:0;line-height:1.5}.data-explorer{max-width:1400px;margin:0 auto}.explorer-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem;padding:1.5rem;border-radius:var(--radius-lg);background:#25252599;border:1px solid #333}.header-main h2{font-size:1.75rem;font-weight:var(--font-weight-bold);color:var(--text);margin:0 0 .5rem}.header-main p{color:var(--text-secondary);margin:0;font-size:1rem}.header-controls{display:flex;align-items:center;gap:1.5rem}.schema-selector{display:flex;align-items:center;gap:.75rem}.schema-selector label{color:var(--text-secondary);font-weight:var(--font-weight-medium);font-size:.875rem}.schema-selector select{background:#1a1a1ae6;border:1px solid #404040;border-radius:var(--radius-md);padding:.75rem 1rem;color:var(--text);font-size:.875rem;min-width:250px;cursor:pointer}.schema-selector select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #4caf501a}.refresh-btn{background:#1a1a1ae6;border:1px solid #404040;border-radius:var(--radius-md);padding:.75rem 1.25rem;color:var(--text-secondary);font-size:.875rem;cursor:pointer;transition:var(--transition);display:flex;align-items:center;gap:.5rem}.refresh-btn:hover:not(:disabled){background:var(--primary);border-color:var(--primary);color:#fff}.refresh-btn:disabled{opacity:.5;cursor:not-allowed}.query-builder{background:#252525cc;border:1px solid #333;border-radius:var(--radius-lg);padding:1.5rem;margin-bottom:2rem}.builder-section{margin-bottom:2rem}.builder-section:last-child{margin-bottom:0}.builder-section h3{font-size:1.125rem;font-weight:var(--font-weight-semibold);color:var(--text);margin:0 0 1rem}.filter-conditions{display:flex;flex-direction:column;gap:.75rem}.filter-row{display:flex;align-items:center;gap:.75rem;padding:1rem;background:#1f1f1fcc;border:1px solid #404040;border-radius:var(--radius-md)}.filter-row select,.filter-row input{background:#0f0f0fe6;border:1px solid #333;border-radius:var(--radius-sm);padding:.5rem .75rem;color:var(--text);font-size:.875rem}.filter-row select:focus,.filter-row input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 2px #4caf501a}.json-field-editor{width:100%;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden}.json-editor-header{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;background:#0003;border-bottom:1px solid var(--border)}.json-controls{display:flex;align-items:center;gap:.5rem}.json-toggle-btn,.json-format-btn{background:var(--primary);color:#fff;border:none;border-radius:var(--radius-sm);padding:.25rem .5rem;font-size:.75rem;cursor:pointer;transition:var(--transition)}.json-toggle-btn:hover,.json-format-btn:hover:not(:disabled){background:var(--primary-hover)}.json-format-btn:disabled{background:#666;cursor:not-allowed}.json-templates select{background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:var(--radius-sm);padding:.25rem .5rem;font-size:.75rem;cursor:pointer}.json-status{font-size:.75rem;font-weight:var(--font-weight-medium);padding:.25rem .5rem;border-radius:var(--radius-sm)}.json-status.valid{background:#4caf501a;color:#4caf50}.json-status.invalid{background:#ff44441a;color:var(--error)}.json-input-simple{width:100%;background:var(--surface);color:var(--text);border:none;padding:.75rem 1rem;font-family:Monaco,Consolas,monospace;font-size:.875rem;outline:none}.json-input-simple.error{background:#ff44440d;border:1px solid var(--error)}.json-editor-expanded{padding:1rem}.json-textarea{width:100%;background:#0000004d;color:var(--text);border:1px solid var(--border);border-radius:var(--radius-sm);padding:.75rem;font-family:Monaco,Consolas,monospace;font-size:.875rem;line-height:1.5;resize:vertical;outline:none;transition:var(--transition)}.json-textarea:focus{border-color:var(--primary);box-shadow:0 0 0 2px #4caf501a}.json-textarea.error{background:#ff44440d;border-color:var(--error)}.json-error{margin-top:.5rem;padding:.5rem .75rem;background:#ff44441a;border:1px solid var(--error);border-radius:var(--radius-sm);color:var(--error);font-size:.75rem;font-family:Monaco,Consolas,monospace}.field-group[data-field-type=json]{grid-column:span 2}.field-group[data-field-type=json] .json-field-editor{margin-top:.5rem}.json-visual-editor{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);padding:1rem;min-height:200px;max-height:400px;overflow-y:auto}.json-visual-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid var(--border)}.json-visual-title{font-size:.9rem;color:var(--text-secondary);font-weight:var(--font-weight-medium)}.json-add-property-btn{background:var(--primary);border:none;border-radius:var(--radius-sm);color:var(--text);padding:.4rem .8rem;font-size:.8rem;cursor:pointer;transition:var(--transition)}.json-add-property-btn:hover{background:var(--primary-hover)}.json-empty-state{color:var(--text-secondary);font-style:italic;text-align:center;padding:2rem;background:var(--background);border-radius:var(--radius-sm);border:1px dashed var(--border)}.json-property-row{margin-bottom:.5rem}.json-property-content{display:flex;align-items:center;gap:.5rem;padding:.4rem;background:var(--background);border-radius:var(--radius-sm);border:1px solid var(--border);transition:var(--transition)}.json-property-content:hover{border-color:var(--primary)}.json-expand-btn{background:transparent;border:none;color:var(--text);cursor:pointer;padding:.2rem .4rem;font-size:.8rem;border-radius:var(--radius-sm);min-width:24px;text-align:center}.json-expand-btn:hover{background:var(--surface-hover)}.json-expand-spacer{width:24px;display:inline-block}.json-key-input{min-width:120px;flex-shrink:0;padding:.3rem .5rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text)!important;font-size:.85rem}.json-key-input::placeholder{color:var(--text-secondary);opacity:.7}.json-key-input:focus{outline:none;border-color:var(--primary);background:var(--surface-hover);color:var(--text)!important}.json-key-input:disabled{opacity:.6;cursor:not-allowed;color:var(--text-secondary)!important}.json-type-select{min-width:100px;flex-shrink:0;padding:.3rem .4rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text)!important;font-size:.85rem;cursor:pointer}.json-type-select option{background:var(--surface);color:var(--text)}.json-type-select:focus{outline:none;border-color:var(--primary);background:var(--surface-hover)}.json-value-input{flex:1;min-width:100px;padding:.3rem .5rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text)!important;font-size:.85rem}.json-value-input:focus{outline:none;border-color:var(--primary);background:var(--surface-hover)}.json-value-input.json-null{color:var(--text-secondary);font-style:italic;opacity:.7}.json-children-info{flex:1;font-size:.8rem;color:var(--text-secondary);font-style:italic;padding:.3rem .5rem}.json-add-btn{background:var(--primary);border:none;border-radius:var(--radius-sm);color:var(--text);padding:.3rem .6rem;font-size:.8rem;cursor:pointer;transition:var(--transition);min-width:28px}.json-add-btn:hover{background:var(--primary-hover)}.json-remove-btn{background:var(--error);border:none;border-radius:var(--radius-sm);color:var(--text);padding:.3rem .6rem;font-size:.8rem;cursor:pointer;transition:var(--transition);min-width:28px}.json-remove-btn:hover{background:var(--error-hover)}.json-nested-properties{margin-top:.5rem;border-left:2px solid var(--border);padding-left:.5rem}.json-field-structure{margin-top:1.5rem;padding:1.5rem;background:var(--background);border:1px solid var(--border);border-radius:var(--radius-md)}.json-field-structure h4{margin:0 0 .5rem;color:var(--text);font-weight:var(--font-weight-semibold);font-size:1rem}.json-field-structure p{margin:0 0 1rem;color:var(--text-secondary);font-size:.9rem}.json-structure-preview{margin-top:.5rem;padding:.5rem;background:var(--background);border-left:3px solid var(--primary);border-radius:var(--radius-sm)}.json-structure-label{font-size:.75rem;color:var(--text-secondary);text-transform:uppercase;margin-bottom:.25rem;font-weight:var(--font-weight-semibold)}.json-structure-item{font-size:.85rem;color:var(--text);padding:.2rem 0;margin-left:1rem}.json-prop-name{color:var(--primary);font-weight:var(--font-weight-medium)}.json-prop-type{color:var(--text-secondary);font-style:italic}.filter-row select{min-width:150px;cursor:pointer}.filter-row input{flex:1;min-width:200px}.remove-filter{background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:var(--radius-sm);padding:.5rem;color:#fca5a5;cursor:pointer;transition:var(--transition);flex-shrink:0}.remove-filter:hover{background:#ef444433;border-color:#ef444480}.add-filter{background:var(--primary);border:none;border-radius:var(--radius-md);padding:.75rem 1.25rem;color:#fff;font-size:.875rem;cursor:pointer;transition:var(--transition);align-self:flex-start}.add-filter:hover{background:var(--primary-hover);transform:translateY(-1px);box-shadow:var(--shadow-md)}.sort-limit-controls{display:flex;align-items:center;gap:2rem;flex-wrap:wrap}.sort-control,.limit-control{display:flex;align-items:center;gap:.75rem}.sort-control label,.limit-control label{color:var(--text-secondary);font-weight:var(--font-weight-medium);font-size:.875rem}.sort-control select,.limit-control select{background:#0f0f0fe6;border:1px solid #333;border-radius:var(--radius-sm);padding:.5rem .75rem;color:var(--text);font-size:.875rem;cursor:pointer}.query-results{background:#252525cc;border:1px solid #333;border-radius:var(--radius-lg);overflow:hidden}.results-header{padding:1.5rem;border-bottom:1px solid #333;background:#1f1f1fe6}.results-header h3{font-size:1.125rem;font-weight:var(--font-weight-semibold);color:var(--text);margin:0;display:flex;align-items:center;gap:.75rem}.results-header .loading{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.results-header .count{color:var(--text-secondary);font-weight:var(--font-weight-medium)}.results-table{overflow-x:auto}.results-table table{width:100%;border-collapse:collapse}.results-table th,.results-table td{padding:1rem;text-align:left;border-bottom:1px solid var(--border)}.results-table th{background:var(--surface);color:var(--text);font-weight:var(--font-weight-semibold);font-size:.875rem;position:sticky;top:0;z-index:10}.results-table td{color:var(--text-secondary);font-size:.875rem;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.results-table tr:hover{background:var(--surface-hover)}.record-id{color:var(--primary)!important;font-weight:var(--font-weight-medium);font-family:SFMono-Regular,Monaco,Inconsolata,monospace}.created-date{color:var(--text-secondary)!important;font-size:.8125rem!important}.no-results{padding:4rem 2rem;text-align:center}.no-results p{color:var(--text-secondary);font-size:1rem;margin:0}.loading-results{padding:4rem 2rem;text-align:center}.loading-spinner{font-size:2rem;margin-bottom:1rem;animation:spin 1s linear infinite}.loading-results p{color:var(--text-secondary);font-size:1rem;margin:0}.component-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 2rem;background:#1f1f1f80;border-radius:var(--radius-lg);border:1px dashed #333}.component-loading .loading-spinner{font-size:2rem;margin-bottom:1rem;animation:spin 1s linear infinite}.component-loading p{color:var(--text-secondary);font-size:.95rem;margin:0;opacity:.8}.welcome-step:hover{border-color:var(--primary)}@media (max-width: 1024px){.editor-panes{grid-template-columns:1fr}.editor-templates-pane{border-left:none;border-top:1px solid var(--border)}.existing-schemas-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.analytics-grid{grid-template-columns:1fr}}@media (max-width: 768px){.modern-header,.modern-nav,.modern-content{padding-left:1rem;padding-right:1rem}.header-left h1{font-size:1.75rem}.modern-nav{flex-wrap:wrap}.admin-dropdown{right:0;min-width:180px}.welcome-actions{gap:1.5rem}.welcome-step{flex-direction:column;text-align:center;gap:1rem;padding:1.5rem}.empty-state-welcome{padding:2rem 1rem}.empty-state-welcome h2{font-size:1.75rem}.explorer-header{flex-direction:column;gap:1.5rem;align-items:stretch}.header-controls{flex-direction:column;gap:1rem}.schema-selector{flex-direction:column;align-items:stretch}.schema-selector select{min-width:auto}.filter-row{flex-direction:column;align-items:stretch;gap:.5rem}.sort-limit-controls{flex-direction:column;gap:1rem;align-items:stretch}.sort-control,.limit-control{flex-direction:column;align-items:stretch;gap:.5rem}.results-table{font-size:.8125rem}.results-table th,.results-table td{padding:.75rem .5rem}}.data-view-header{flex-direction:column;gap:1rem;align-items:stretch}.view-controls{justify-content:space-between}.data-filters{flex-direction:column;gap:1rem}.filter-section{flex-wrap:wrap}@media print{.modern-header,.modern-nav,.loading-overlay{display:none}.data-management-modern{background:#fff;color:#000}.enterprise-table,.enterprise-table th,.enterprise-table td{border:1px solid #000}}.clean-form-container{max-width:900px;margin:0 auto;padding:1rem 0}.success-toast{background:#34c759;color:#fff;padding:.75rem 1rem;border-radius:8px;margin-bottom:1.5rem;font-size:.9rem;font-weight:500;text-align:center;animation:slideIn .3s ease}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.clean-form{background:transparent}.form-fields{display:flex;flex-wrap:wrap;gap:1.5rem}.field-group{display:flex;flex-direction:column;gap:.5rem;flex:1;min-width:200px}.field-label{font-size:.9rem;font-weight:600;color:var(--text);display:flex;align-items:center;gap:.25rem}.required-dot{color:#ff3b30;font-size:1rem;margin-left:.25rem}.input-wrapper{position:relative}.input-wrapper input,.input-wrapper textarea,.input-wrapper select{width:100%;padding:.875rem;border:1px solid rgba(255,255,255,.1);border-radius:8px;background:#ffffff08;color:var(--text);font-size:1rem;font-family:inherit;transition:all .2s ease;box-sizing:border-box}.input-wrapper input::placeholder,.input-wrapper textarea::placeholder{color:#fff6}.input-wrapper input:focus,.input-wrapper textarea:focus,.input-wrapper select:focus{outline:none;border-color:#007aff;background:#007aff0d}.input-wrapper textarea{min-height:80px;resize:vertical}.form-actions{display:flex;gap:.75rem;justify-content:flex-end;margin-top:2rem;padding-top:1.5rem;border-top:1px solid rgba(255,255,255,.1)}.btn-reset,.btn-submit{padding:.75rem 1.5rem;border-radius:8px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease;border:none;min-width:100px}.btn-reset{background:transparent;color:var(--text-secondary);border:1px solid rgba(255,255,255,.2)}.btn-reset:hover:not(:disabled){background:#ffffff0d;border-color:#ffffff4d}.btn-reset:disabled{opacity:.5;cursor:not-allowed}.btn-submit{background:#007aff;color:#fff}.btn-submit:hover:not(:disabled){background:#0056cc}.btn-submit:disabled{opacity:.6;cursor:not-allowed}.field-group[data-field-type=email],.field-group[data-field-type=string]{flex:2;min-width:250px}.field-group[data-field-type=number],.field-group[data-field-type=date]{flex:1;min-width:150px}.field-group[data-field-type=text]{flex:100%;width:100%}@media (max-width: 1024px){.field-group{flex:1 1 calc(50% - .5rem)}}@media (max-width: 768px){.clean-form-container{padding:.5rem}.form-fields{flex-direction:column}.field-group{flex:1;width:100%;min-width:unset}.form-actions{flex-direction:column-reverse;gap:.5rem}.btn-reset,.btn-submit{width:100%}}@media (max-width: 480px){.clean-form-container{padding:.25rem}.form-fields{gap:.75rem}}.collections-container{padding:2.5rem;max-width:1400px;margin:0 auto}.collections-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:3rem}.header-content{flex:1}.collections-title{font-size:2.5rem;font-weight:800;letter-spacing:-.5px;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0 0 .5rem}.collections-subtitle{color:#94a3b8;font-size:1.125rem;font-weight:500;letter-spacing:.25px;margin:0}.collections-stats{display:flex;gap:1rem}.stat-bubble{background:#ffffff08;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:1rem 1.5rem;display:flex;flex-direction:column;align-items:center;gap:.25rem;min-width:120px}.stat-bubble .stat-value{font-size:2rem;font-weight:800;letter-spacing:-.5px;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.stat-bubble .stat-label{font-size:.875rem;color:#94a3b8;text-transform:uppercase;font-weight:600;letter-spacing:1px}.collections-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:2rem}.collection-card{position:relative;background:#ffffff05;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.08);border-radius:24px;padding:1.75rem;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);overflow:hidden}.collection-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(255,255,255,.05) 0%,transparent 100%);opacity:0;transition:opacity .4s ease;pointer-events:none;border-radius:24px}.collection-card:hover:before{opacity:1}.collection-card:hover{transform:translateY(-8px);border-color:#fff3;box-shadow:0 20px 60px #0000004d,0 0 0 1px #ffffff1a inset}.collection-card:hover .card-glow{opacity:.15;filter:blur(60px)}.card-glow{position:absolute;top:-50%;left:-50%;width:200%;height:200%;opacity:.05;filter:blur(40px);transition:all .6s ease;pointer-events:none;animation:rotate 20s linear infinite}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.card-header{display:flex;align-items:flex-start;gap:1rem;margin-bottom:1.5rem;position:relative;z-index:1}.icon-wrapper{width:64px;height:64px;border-radius:16px;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 24px #0006,0 0 0 1px #ffffff1a inset;flex-shrink:0}.db-icon{width:32px;height:32px;color:#fff;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.card-meta{flex:1;display:flex;flex-direction:column;gap:.5rem}.collection-type{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:#94a3b8}.record-pill{display:inline-flex;align-items:center;padding:.375rem .875rem;background:#667eea26;border:1px solid rgba(102,126,234,.3);border-radius:12px;font-size:.875rem;font-weight:600;color:#a5b4fc;width:fit-content}.card-body{margin-bottom:1.5rem;position:relative;z-index:1}.collection-name{font-size:1.375rem;font-weight:800;letter-spacing:.25px;color:#f1f5f9;margin:0 0 .5rem;line-height:1.3}.collection-desc{font-size:.9375rem;color:#94a3b8;font-weight:400;letter-spacing:.15px;line-height:1.6;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card-stats{display:flex;gap:.75rem;margin-bottom:1.25rem;position:relative;z-index:1}.stat-chip{display:flex;align-items:center;gap:.5rem;padding:.5rem .875rem;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:10px;font-size:.8125rem;color:#cbd5e1;transition:all .3s ease}.stat-chip:hover{background:#ffffff14;border-color:#ffffff26}.chip-icon{width:14px;height:14px;opacity:.7}.card-actions{display:flex;gap:.5rem;position:relative;z-index:1}.action-btn{flex:1;padding:.75rem;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:12px;color:#cbd5e1;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.action-btn svg{width:18px;height:18px}.action-btn.edit-btn:hover{background:#3b82f626;border-color:#3b82f666;color:#60a5fa}.action-btn.delete-btn:hover{background:#ef444426;border-color:#ef444466;color:#f87171}.empty-state-modern{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:6rem 2rem;text-align:center}.empty-illustration{margin-bottom:2rem}.empty-svg{width:200px;height:200px;opacity:.6}.empty-title{font-size:1.75rem;font-weight:700;color:#f1f5f9;margin:0 0 .75rem}.empty-text{font-size:1.125rem;color:#94a3b8;max-width:500px;margin:0}@media (max-width: 768px){.collections-grid{grid-template-columns:1fr}.collections-header{flex-direction:column;gap:1.5rem}.collections-stats{width:100%;justify-content:space-around}}.icon-selector{display:grid;grid-template-columns:repeat(auto-fill,minmax(60px,1fr));gap:.75rem;padding:1rem;background:#ffffff05;border:1px solid rgba(255,255,255,.08);border-radius:12px;max-height:300px;overflow-y:auto}.icon-option{aspect-ratio:1;background:#ffffff0a;border:2px solid rgba(255,255,255,.08);border-radius:12px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;padding:0}.icon-option:hover{background:#ffffff14;border-color:#fff3;transform:scale(1.05)}.icon-option.selected{background:linear-gradient(135deg,#434343,#000);border-color:#fff6;box-shadow:0 0 20px #ffffff1a}.icon-option .material-icons{font-size:28px;color:#e2e8f0}.icon-option.selected .material-icons{color:#fff}.db-icon{width:40px;height:40px;color:#fff;filter:drop-shadow(0 2px 6px rgba(0,0,0,.4))}.icon-wrapper{width:70px;height:70px;border-radius:16px;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 24px #0006;position:relative;overflow:hidden}.icon-wrapper:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#ffffff1a,#fff0);border-radius:16px}.card-glow{position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(135deg,#434343,#000)!important;opacity:.03;filter:blur(40px);animation:rotate 20s linear infinite;pointer-events:none}.enterprise-data-view{background:var(--background);min-height:calc(100vh - 200px)}.data-view-header{display:flex;justify-content:space-between;align-items:center;padding:2rem;background:#ffffff05;border-bottom:1px solid rgba(255,255,255,.08);flex-wrap:wrap;gap:1.5rem}.view-title h2{font-size:1.75rem;font-weight:700;color:#f1f5f9;margin:0 0 .5rem;background:linear-gradient(135deg,#e2e8f0,#94a3b8);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.record-count{font-size:.875rem;color:#64748b;font-weight:500}.view-controls{display:flex;gap:1rem;align-items:center;flex-wrap:wrap}.view-type-toggle{display:flex;gap:.5rem;background:#ffffff0a;padding:.25rem;border-radius:12px;border:1px solid rgba(255,255,255,.08)}.view-btn{padding:.625rem 1.25rem;background:transparent;border:none;color:#94a3b8;font-size:.875rem;font-weight:500;cursor:pointer;border-radius:10px;transition:all .3s ease;white-space:nowrap}.view-btn:hover{background:#ffffff0f;color:#cbd5e1}.view-btn.active{background:linear-gradient(135deg,#434343,#000);color:#fff;box-shadow:0 4px 12px #0000004d}.action-controls{display:flex;gap:.75rem}.import-btn,.refresh-btn{padding:.625rem 1.25rem;background:#ffffff0a;border:1px solid rgba(255,255,255,.1);border-radius:10px;color:#e2e8f0;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .3s ease;white-space:nowrap}.import-btn:hover,.refresh-btn:hover{background:#ffffff14;border-color:#fff3;transform:translateY(-1px)}.dashboard-view{padding:2rem}.dashboard-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-bottom:2rem}.metric-card{background:#ffffff05;border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:1.5rem;transition:all .3s ease}.metric-card:hover{background:#ffffff0a;border-color:#ffffff26;transform:translateY(-2px);box-shadow:0 8px 24px #0003}.metric-label{font-size:.75rem;text-transform:uppercase;letter-spacing:.5px;color:#64748b;margin-bottom:.5rem;font-weight:600}.metric-value{font-size:2.25rem;font-weight:700;background:linear-gradient(135deg,#e2e8f0,#94a3b8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;line-height:1.2}.recent-activity{margin-top:2rem}.recent-activity h3{font-size:1.25rem;font-weight:600;color:#e2e8f0;margin:0 0 1.5rem}.activity-list{display:flex;flex-direction:column;gap:1rem}.activity-item{background:#ffffff05;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:1.25rem;display:flex;justify-content:space-between;align-items:center;transition:all .3s ease}.activity-item:hover{background:#ffffff0a;border-color:#ffffff1f}.activity-data{display:flex;gap:2rem;flex-wrap:wrap}.data-point{font-size:.875rem;color:#cbd5e1}.data-point strong{color:#94a3b8;font-weight:600;margin-right:.5rem}.activity-time{font-size:.75rem;color:#64748b;white-space:nowrap}.table-view{padding:2rem}.data-table-container{overflow-x:auto;border-radius:12px;border:1px solid rgba(255,255,255,.08)}.enterprise-table{width:100%;border-collapse:collapse;background:#ffffff05}.enterprise-table thead{background:linear-gradient(135deg,#43434366,#0006)}.enterprise-table th{padding:1rem 1.5rem;text-align:left;font-size:.75rem;text-transform:uppercase;letter-spacing:.5px;color:#94a3b8;font-weight:700;border-bottom:2px solid rgba(255,255,255,.1)}.enterprise-table th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none;transition:all .2s ease}.enterprise-table th.sortable:hover{color:#cbd5e1;background:#ffffff0d}.enterprise-table td{padding:1rem 1.5rem;border-bottom:1px solid rgba(255,255,255,.05);color:#cbd5e1;font-size:.875rem}.enterprise-table tbody tr{transition:all .2s ease}.enterprise-table tbody tr:hover{background:#ffffff0a}.enterprise-table tbody tr:last-child td{border-bottom:none}.sort-indicator{margin-left:.5rem;color:#64748b}.analytics-view{padding:2rem}.analytics-grid{display:grid;grid-template-columns:2fr 1fr;gap:2rem}.chart-container{background:#ffffff05;border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:2rem}.chart-container h3{font-size:1.125rem;font-weight:600;color:#e2e8f0;margin:0 0 1.5rem}.field-distribution{display:flex;flex-direction:column;gap:1.25rem}.distribution-bar{display:flex;align-items:center;gap:1rem}.bar-label{flex-shrink:0;width:140px;font-size:.875rem;color:#94a3b8;font-weight:500}.bar-track{flex:1;height:10px;background:#ffffff0d;border-radius:5px;overflow:hidden}.bar-fill{height:100%;background:linear-gradient(90deg,#434343,#666);border-radius:5px;transition:width .5s ease}.bar-value{flex-shrink:0;width:50px;text-align:right;font-size:.875rem;color:#cbd5e1;font-weight:600}.data-quality{background:#ffffff05;border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:2rem;text-align:center}.data-quality h3{font-size:1.125rem;font-weight:600;color:#e2e8f0;margin:0 0 1.5rem}.quality-score{font-size:4rem;font-weight:700;background:linear-gradient(135deg,#e2e8f0,#94a3b8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin:1rem 0;line-height:1}.quality-details{font-size:.875rem;color:#64748b;margin-top:1rem}