:root{--app-header-height: 56px;--app-footer-height: 24px;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-2xl: 48px;--radius-sm: 6px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--radius-full: 9999px;--font-xs: 12px;--font-sm: 13px;--font-base: 15px;--font-lg: 18px;--font-xl: 24px;--font-2xl: 32px;--weight-normal: 400;--weight-medium: 500;--weight-semibold: 600;--weight-bold: 700;--transition-fast: .15s ease;--transition-base: .2s ease;--transition-slow: .3s ease;--transition-spring: cubic-bezier(.4, 0, .2, 1);--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1);--shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, .25);--shadow-glass: 0 8px 32px 0 rgba(0, 0, 0, .37);--backdrop-blur: blur(12px);--backdrop-blur-lg: blur(24px);--z-dropdown: 1000;--z-sticky: 1020;--z-fixed: 1030;--z-modal-backdrop: 1040;--z-modal: 1050;--z-popover: 1060;--z-tooltip: 1070}[data-theme=dark]{--brand-green: #309B48;--brand-white: #FFFFFF;--brand-gray: #6B7879;--brand-black: #101211;--bg-dark: #020617;--bg-main: #04080F;--bg-surface: rgba(255, 255, 255, .03);--bg-overlay: rgba(0, 0, 0, .6);--bg-glass: rgba(255, 255, 255, .04);--bg-glass-hover: rgba(255, 255, 255, .08);--bg-pattern: #16181A;--text-primary: #FFFFFF;--text-secondary: #C7C9CA;--text-muted: #6B7879;--text-on-primary: #FFFFFF;--text-inverse: #101211;--border-default: rgba(255, 255, 255, .08);--border-hover: rgba(255, 255, 255, .16);--border-focus: #309B48;--border-muted: rgba(255, 255, 255, .04);--primary: #309B48;--primary-50: #E6F4EA;--primary-100: #CDE9D5;--primary-200: #A3D5B3;--primary-300: #7AC291;--primary-400: #309B48;--primary-500: #267A3A;--primary-600: #1E5F2E;--primary-700: #174623;--primary-800: #102E18;--primary-900: #0A1A0F;--primary-glow: 0 0 20px rgba(48, 155, 72, .45);--success: #309B48;--success-bg: rgba(48, 155, 72, .1);--success-border: rgba(48, 155, 72, .2);--error: #C94A4A;--error-bg: rgba(201, 74, 74, .1);--error-border: rgba(201, 74, 74, .2);--warning: #C28A3A;--warning-bg: rgba(194, 138, 58, .1);--warning-border: rgba(194, 138, 58, .2);--info: #6B7879;--info-bg: rgba(107, 120, 121, .1);--info-border: rgba(107, 120, 121, .2);--gradient-trigger: linear-gradient(135deg, #6B7879 0%, #101211 100%);--gradient-http: linear-gradient(135deg, #309B48 0%, #1E5F2E 100%);--gradient-database: linear-gradient(135deg, #6B7879 0%, #4A5253 100%);--gradient-transform: linear-gradient(135deg, #309B48 0%, #1E5F2E 100%);--gradient-logic: linear-gradient(135deg, #6B7879 0%, #101211 100%);--gradient-notification: linear-gradient(135deg, #FFFFFF 0%, #6B7879 100%);--gradient-file: linear-gradient(135deg, #6B7879 0%, #101211 100%);--gradient-ai: linear-gradient(135deg, #309B48 0%, #174623 100%);--menu-bg: rgba(16, 18, 17, .95);--menu-border: rgba(255, 255, 255, .08);--menu-item-hover-bg: rgba(48, 155, 72, .1);--menu-item-hover-border: rgba(48, 155, 72, .3);--menu-text-color: #FFFFFF;--menu-text-muted: #6B7879;--toolbar-bg: rgba(16, 18, 17, .85);--toolbar-border: rgba(255, 255, 255, .08);--toolbar-button-bg: rgba(255, 255, 255, .05);--toolbar-button-hover-bg: rgba(255, 255, 255, .1);--toolbar-button-active-bg: rgba(48, 155, 72, .2);--toolbar-text: #C7C9CA;--node-bg: rgba(255, 255, 255, .03);--node-border: rgba(255, 255, 255, .28);--node-border-hover: rgba(255, 255, 255, .42);--node-border-selected: #309B48;--node-shadow: 0 8px 32px rgba(0, 0, 0, .4);--node-shadow-hover: 0 12px 40px rgba(0, 0, 0, .5);--node-shadow-selected: 0 0 0 2px #309B48, 0 0 20px rgba(48, 155, 72, .5);--node-body-text: #C7C9CA;--handle-bg: #16181A;--handle-border: #6B7879;--handle-hover-bg: #309B48;--handle-hover-border: #FFFFFF;--handle-hover-shadow: 0 0 10px rgba(48, 155, 72, .8);--panel-bg: rgba(16, 18, 17, .97);--panel-border: rgba(255, 255, 255, .08);--panel-header-gradient: linear-gradient(135deg, #1a4d2a 0%, #0d2516 100%);--panel-header-ai-gradient: linear-gradient(135deg, #1a4d2a 0%, #0d2516 100%);--panel-label-color: #6B7879;--panel-value-bg: rgba(255, 255, 255, .04);--panel-value-border: rgba(255, 255, 255, .08);--panel-value-color: #C7C9CA;--panel-badge-bg: rgba(48, 155, 72, .15);--panel-badge-color: #7AC291;--panel-connection-bg: rgba(255, 255, 255, .03);--panel-connection-border: rgba(255, 255, 255, .08)}[data-theme=light]{--brand-green: #309B48;--brand-white: #FFFFFF;--brand-gray: #6B7879;--brand-black: #101211;--bg-dark: #f8fafc;--bg-main: #FFFFFF;--bg-surface: rgba(248, 250, 252, .9);--bg-overlay: rgba(241, 245, 249, .95);--bg-glass: rgba(0, 0, 0, .02);--bg-glass-hover: rgba(0, 0, 0, .05);--bg-pattern: #f1f5f9;--text-primary: #101211;--text-secondary: #6B7879;--text-muted: #6B7879;--text-on-primary: #FFFFFF;--text-inverse: #f8fafc;--border-default: #e2e8f0;--border-hover: #cbd5e1;--border-focus: #309B48;--border-muted: #f1f5f9;--primary: #309B48;--primary-50: #E6F4EA;--primary-100: #CDE9D5;--primary-200: #A3D5B3;--primary-300: #7AC291;--primary-400: #309B48;--primary-500: #267A3A;--primary-600: #1E5F2E;--primary-700: #174623;--primary-800: #102E18;--primary-900: #0A1A0F;--primary-glow: 0 0 20px rgba(48, 155, 72, .15);--success: #309B48;--success-bg: rgba(48, 155, 72, .1);--success-border: rgba(48, 155, 72, .2);--success-glow: 0 0 15px rgba(48, 155, 72, .15);--error: #C94A4A;--error-bg: rgba(201, 74, 74, .1);--error-border: rgba(201, 74, 74, .2);--error-glow: 0 0 15px rgba(201, 74, 74, .15);--warning: #C28A3A;--warning-bg: rgba(194, 138, 58, .1);--warning-border: rgba(194, 138, 58, .2);--warning-glow: 0 0 15px rgba(194, 138, 58, .15);--info: #6B7879;--info-bg: rgba(107, 120, 121, .1);--info-border: rgba(107, 120, 121, .2);--info-glow: 0 0 15px rgba(107, 120, 121, .15);--modal-bg: #FFFFFF;--modal-border: #e5e7eb;--modal-header-border: #e5e7eb;--modal-footer-border: #e5e7eb;--modal-title-color: #101211;--modal-label-color: #6B7879;--modal-input-bg: #FFFFFF;--modal-input-border: #d1d5db;--modal-input-color: #101211;--modal-info-bg: #f9fafb;--modal-btn-secondary-bg: #e5e7eb;--modal-btn-secondary-color: #101211;--modal-btn-secondary-hover: #d1d5db;--edge-label-bg: #FFFFFF;--edge-label-border: #e5e7eb;--edge-label-color: #101211;--edge-btn-bg: #FFFFFF;--edge-btn-border: #e5e7eb;--edge-btn-edit-hover-bg: #dbeafe;--edge-btn-delete-hover-bg: #fee2e2;--edge-path-default: #6B7879;--edge-path-selected: #309B48;--edge-path-hover: #6B7879;--panel-bg: #FFFFFF;--panel-border: #e5e7eb;--panel-header-gradient: linear-gradient(135deg, #309B48 0%, #1E5F2E 100%);--panel-header-ai-gradient: linear-gradient(135deg, #309B48 0%, #1E5F2E 100%);--panel-label-color: #6B7879;--panel-value-bg: #f9fafb;--panel-value-border: #e5e7eb;--panel-value-color: #101211;--panel-badge-bg: #E6F4EA;--panel-badge-color: #174623;--panel-connection-bg: #f9fafb;--panel-connection-border: #e5e7eb;--menu-bg: rgba(255, 255, 255, .95);--menu-border: rgba(0, 0, 0, .1);--menu-item-hover-bg: rgba(48, 155, 72, .05);--menu-item-hover-border: rgba(48, 155, 72, .2);--menu-text-color: #101211;--menu-text-muted: #6B7879;--menu-shadow: 0 8px 32px 0 rgba(0, 0, 0, .12);--toolbar-bg: rgba(255, 255, 255, .9);--toolbar-border: rgba(0, 0, 0, .1);--toolbar-button-bg: rgba(241, 245, 249, .8);--toolbar-button-hover-bg: rgba(226, 232, 240, .9);--toolbar-button-active-bg: rgba(48, 155, 72, .1);--toolbar-text: #6B7879;--node-bg: rgba(255, 255, 255, .9);--node-border: rgba(0, 0, 0, .1);--node-border-hover: rgba(0, 0, 0, .2);--node-border-selected: #309B48;--node-shadow: 0 4px 12px 0 rgba(0, 0, 0, .08);--node-shadow-hover: 0 8px 20px 0 rgba(0, 0, 0, .12);--node-shadow-selected: 0 0 0 2px #309B48, 0 0 20px rgba(48, 155, 72, .15);--node-body-text: #6B7879;--gradient-trigger: linear-gradient(135deg, #6B7879 0%, #101211 100%);--gradient-http: linear-gradient(135deg, #309B48 0%, #1E5F2E 100%);--gradient-database: linear-gradient(135deg, #6B7879 0%, #4A5253 100%);--gradient-transform: linear-gradient(135deg, #309B48 0%, #1E5F2E 100%);--gradient-logic: linear-gradient(135deg, #6B7879 0%, #101211 100%);--gradient-notification: linear-gradient(135deg, #FFFFFF 0%, #6B7879 100%);--gradient-file: linear-gradient(135deg, #6B7879 0%, #101211 100%);--gradient-ai: linear-gradient(135deg, #309B48 0%, #174623 100%);--subflow-bg: #ffffff;--subflow-border: #6366f1;--subflow-header-gradient: linear-gradient(135deg, #6366f1 0%, #8b5cf6 100%);--subflow-body-bg: #f9fafb;--subflow-mini-start: #fef3c7;--subflow-mini-process: #dbeafe;--subflow-mini-end: #dcfce7;--subflow-button-bg: #6366f1;--subflow-button-hover: #4f46e5;--subflow-badge-bg: #eff6ff;--subflow-badge-border: #bfdbfe;--subflow-badge-color: #1e40af;--handle-bg: #f8fafc;--handle-border: #6B7879;--handle-hover-bg: #309B48;--handle-hover-border: #101211;--handle-hover-shadow: 0 0 10px rgba(48, 155, 72, .4)}[data-theme=dark]{--diamond-node-bg: rgba(2, 6, 23, .92);--diamond-node-border: rgba(58, 140, 69, .3);--diamond-node-border-selected: #3A8C45;--diamond-node-shadow: 0 4px 20px rgba(0, 0, 0, .6);--diamond-node-shadow-selected: 0 0 0 2px #3A8C45, 0 0 30px rgba(58, 140, 69, .6)}[data-theme=light]{--diamond-node-bg: rgba(255, 255, 255, .95);--diamond-node-border: rgba(48, 155, 72, .2);--diamond-node-border-selected: #309B48;--diamond-node-shadow: 0 4px 12px rgba(0, 0, 0, .08);--diamond-node-shadow-selected: 0 0 0 2px #309B48, 0 0 20px rgba(48, 155, 72, .15)}.custom-node{background:#020617b3;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.28);border-radius:10px;min-width:200px;max-width:280px;box-shadow:0 4px 20px #0009,0 0 0 1px #0003;transition:all .3s cubic-bezier(.4,0,.2,1);overflow:visible;position:relative}.custom-node:hover{transform:translateY(-2px);box-shadow:0 20px 40px -10px #000c,0 0 20px #3a8c4533;border-color:#3a8c4580}.custom-node.selected{box-shadow:0 0 0 2px #3a8c45,0 0 30px #3a8c4599,0 20px 40px -10px #000c;border-color:#3a8c45;z-index:10}.custom-node-header{padding:10px 14px;display:flex;align-items:center;gap:10px;color:#ffffffeb;font-weight:500;font-size:13px;letter-spacing:.01em;border-bottom:1px solid rgba(255,255,255,.08);border-radius:9px 9px 0 0;text-shadow:0 1px 2px rgba(0,0,0,.5)}.custom-node-header.collapsed{border-radius:9px;border-bottom:none}.custom-node-icon{font-size:18px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.custom-node-title{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.custom-node-trigger-badge{font-size:10px;text-transform:uppercase;font-weight:500;letter-spacing:.04em;background:#0006;padding:4px 8px;border-radius:4px;box-shadow:0 1px 2px #0003;border:1px solid rgba(255,255,255,.1)}.custom-node-body{padding:10px 12px;color:#cbd5e1bf;font-size:12px;line-height:1.5}.custom-node-description{margin-bottom:14px;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;font-weight:400;opacity:.9}.custom-node-status{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border-radius:8px;font-size:12px;font-weight:600;margin-top:8px;letter-spacing:.02em;text-transform:uppercase}.custom-node-status.success{background:#10b9811a;color:#34d399;border:1px solid rgba(16,185,129,.3);box-shadow:0 0 10px #10b98133}.custom-node-status.error{background:#f43f5e1a;color:#fb7185;border:1px solid rgba(244,63,94,.3);box-shadow:0 0 10px #f43f5e33}.custom-node-status.running{background:#3a8c451a;color:#3a8c45;border:1px solid rgba(58,140,69,.3);animation:neon-pulse 1.5s infinite alternate}@keyframes neon-pulse{0%{box-shadow:0 0 5px #3a8c4533}to{box-shadow:0 0 15px #3a8c4599}}@keyframes pulse-badge{0%,to{box-shadow:0 2px 8px currentColor;transform:scale(1)}50%{box-shadow:0 4px 16px currentColor;transform:scale(1.1)}}.circle-node{position:relative;overflow:visible}.circle-node:hover{transform:translateY(-2px) scale(1.04);box-shadow:0 20px 40px -10px #000c,0 0 24px #309b484d!important}.subflow-node{background:var(--subflow-bg);border:3px solid var(--subflow-border);border-radius:var(--radius-md);min-width:380px;min-height:260px;box-shadow:var(--shadow-lg);transition:all var(--transition-base);cursor:default}.subflow-node.selected{border-color:var(--primary);box-shadow:0 0 0 3px #3b82f64d,var(--shadow-xl)}.subflow-node.disabled{opacity:.6}.subflow-header{background:var(--subflow-header-gradient);color:var(--text-on-primary);padding:10px 14px;border-top-left-radius:8px;border-top-right-radius:8px;display:flex;align-items:center;gap:var(--spacing-sm);font-size:var(--font-md);font-weight:var(--weight-bold);cursor:move;text-shadow:0 1px 2px rgba(0,0,0,.3)}.subflow-header-icon{font-size:18px}.subflow-header-collapse{margin-left:auto;font-size:10px}.subflow-body{padding:var(--spacing-lg);background:var(--subflow-body-bg);min-height:180px;position:relative}.subflow-description{font-size:13px;color:var(--text-muted);margin-bottom:var(--spacing-md);line-height:1.5}.subflow-mini-workflow{display:flex;align-items:center;gap:var(--spacing-md);justify-content:center;padding-top:24px;padding-bottom:var(--spacing-md)}.subflow-mini-node{width:56px;height:56px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:24px;box-shadow:0 4px 6px #0000001a;border:2px solid #fff}.subflow-mini-node.start{background:var(--subflow-mini-start)}.subflow-mini-node.process{background:var(--subflow-mini-process)}.subflow-mini-node.end{background:var(--subflow-mini-end)}.subflow-mini-arrow{color:var(--text-muted);font-size:24px;font-weight:700}.subflow-open-button{position:absolute;bottom:var(--spacing-md);right:var(--spacing-md);padding:6px 14px;background:var(--subflow-button-bg);color:var(--text-on-primary);border-radius:var(--radius-sm);font-size:var(--font-xs);font-weight:var(--weight-semibold);cursor:pointer;box-shadow:0 2px 6px #6366f14d;transition:all var(--transition-base);border:none}.subflow-open-button:hover{background:var(--subflow-button-hover);transform:translateY(-1px);box-shadow:0 4px 8px #6366f166}.subflow-footer{padding:10px var(--spacing-md);border-top:1px solid var(--border-light);display:flex;align-items:center;justify-content:space-between;font-size:var(--font-xs);color:var(--text-muted);font-weight:var(--weight-medium)}.subflow-stats{color:var(--text-muted)}.subflow-badge{padding:4px 10px;background:var(--subflow-badge-bg);border:1px solid var(--subflow-badge-border);border-radius:var(--radius-md);font-size:11px;font-weight:var(--weight-semibold);color:var(--subflow-badge-color)}.node-hover-menu{position:absolute!important;z-index:1000!important;pointer-events:auto!important}.custom-node,.circle-node,.subflow-node{position:relative}.edge-label{position:absolute;background:var(--edge-label-bg);padding:4px 8px;border-radius:var(--radius-sm);font-size:var(--font-xs);border:1px solid var(--edge-label-border);color:var(--edge-label-color);pointer-events:all;cursor:pointer;transition:all var(--transition-base)}.edge-label:hover{background:var(--bg-glass-hover);border-color:var(--border-hover)}.edge-button-container{position:absolute;display:flex;gap:var(--spacing-sm);pointer-events:all}.edge-button{background:var(--edge-btn-bg);border:1px solid var(--edge-btn-border);border-radius:var(--radius-full);width:20px;height:20px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:var(--font-xs);box-shadow:var(--shadow-md);transition:all var(--transition-base)}.edge-button.edit{color:var(--primary)}.edge-button.delete{color:var(--error)}.edge-button:hover{transform:scale(1.1)}.edge-button.edit:hover{background:var(--edge-btn-edit-hover-bg)}.edge-button.delete:hover{background:var(--edge-btn-delete-hover-bg)}.edge-interaction-path{stroke:transparent;stroke-width:20;fill:none;cursor:pointer}@keyframes edge-flow{0%{stroke-dashoffset:0}to{stroke-dashoffset:-12px}}@keyframes edge-glow{0%,to{filter:drop-shadow(0 0 2px rgba(59,130,246,.4))}50%{filter:drop-shadow(0 0 6px rgba(59,130,246,.8))}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:var(--z-modal-backdrop)}.modal{background:#0f172af2;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:12px;width:500px;max-width:90vw;box-shadow:0 0 30px #3a8c454d,0 20px 60px #000c;border:1px solid rgba(58,140,69,.3);animation:modalFadeIn .3s ease-out}.modal.light{background:#fffffff2;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;border:1px solid #e5e7eb}@keyframes modalFadeIn{0%{opacity:0;transform:scale(.95) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal.large{width:700px}.modal.modal-large{width:800px;max-width:90vw;max-height:90vh;display:flex;flex-direction:column}.modal.modal-wide{width:calc(100vw - 60px);height:calc(100vh - 60px);max-width:calc(100vw - 60px);max-height:calc(100vh - 60px);display:flex;flex-direction:column}.modal.modal-fullscreen{width:95vw;height:95vh;max-width:95vw;max-height:95vh;display:flex;flex-direction:column}.modal-header{padding:var(--spacing-lg) var(--spacing-xl);border-bottom:1px solid var(--modal-header-border);background:var(--gradient-ai);border-top-left-radius:var(--radius-md);border-top-right-radius:var(--radius-md);color:var(--text-on-primary);display:flex;justify-content:space-between;align-items:center}.modal-header-plain{padding:20px 24px;border-bottom:1px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.modal-header-plain.light{border-bottom:1px solid #e5e7eb}.modal-header-content{flex:1}.modal-title{font-size:var(--font-lg);font-weight:var(--weight-bold);margin-bottom:4px;color:#f8fafc;display:flex;align-items:center;gap:var(--spacing-sm)}.modal-title.light{color:#111827}.modal-subtitle{font-size:var(--font-xs);opacity:.9}.modal-close-button{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#f8fafc;border-radius:6px;width:28px;height:28px;cursor:pointer;font-size:18px;display:flex;align-items:center;justify-content:center;transition:all .2s}.modal-close-button:hover{background:#f43f5e33;border-color:#f43f5e66;transform:scale(1.05)}.modal-close-button.light{background:#0000000d;border:1px solid #e5e7eb;color:#374151}.modal-close-button.light:hover{background:#fee2e2;border-color:#f43f5e}.modal-body{padding:var(--spacing-xl);overflow-y:auto;flex:1;min-height:0}.modal-footer{margin-top:0!important;padding:var(--spacing-xs) var(--spacing-xs)!important;border-top:1px solid rgba(255,255,255,.1);display:flex;justify-content:flex-end;gap:var(--spacing-md);flex-shrink:0}.modal-footer.light{border-top:1px solid #e5e7eb}.modal-field{margin-bottom:var(--spacing-lg)}.modal-label{display:block;font-size:var(--font-sm);font-weight:var(--weight-semibold);color:#94a3b8;margin-bottom:var(--spacing-sm);text-transform:uppercase;letter-spacing:.5px}.modal-label.light{color:#64748b}.modal-input,.modal-select,.modal-textarea{width:100%;padding:10px 12px;border:1px solid rgba(255,255,255,.1);border-radius:6px;font-size:var(--font-sm);background:#ffffff0d;color:#f8fafc;font-family:inherit;transition:all .2s}.modal-select option{background:#1e293b;color:#f8fafc;padding:8px 12px}.modal-input.light,.modal-select.light,.modal-textarea.light{border:1px solid #e5e7eb;background:#fff;color:#111827}.modal-select.light option{background:#fff;color:#111827;padding:8px 12px}.modal-input:focus,.modal-select:focus,.modal-textarea:focus{outline:none;border-color:#3a8c4599;box-shadow:0 0 0 3px #3a8c4526;background:#ffffff14}.modal-input.light:focus,.modal-select.light:focus,.modal-textarea.light:focus{border-color:#3a8c45;box-shadow:0 0 0 3px #3a8c451a;background:#fff}.modal-textarea{min-height:100px;resize:vertical}.modal-checkbox-container{display:flex;align-items:center;gap:var(--spacing-sm)}.modal-checkbox{width:18px;height:18px;cursor:pointer}.modal-checkbox-label{cursor:pointer;font-size:var(--font-sm);font-weight:var(--weight-semibold);color:#f8fafc}.modal-checkbox-label.light{color:#374151}.modal-button{padding:10px 20px;border-radius:var(--radius-sm);font-size:var(--font-sm);font-weight:var(--weight-semibold);cursor:pointer;border:none;transition:all var(--transition-base)}.modal-button.primary{background:linear-gradient(135deg,#3a8c45,#2d7038);color:#020617;font-weight:600;box-shadow:0 0 20px #3a8c4566}.modal-button.primary:hover{background:linear-gradient(135deg,#4aab57,#3a8c45);transform:translateY(-2px);box-shadow:0 0 30px #3a8c4599,0 10px 20px #0000004d}.modal-button.secondary{background:#ffffff0d;color:#f8fafc;border:1px solid rgba(255,255,255,.1)}.modal-button.secondary:hover{background:#ffffff1a;border-color:#fff3}.modal-button.secondary.light{background:#f3f4f6;color:#374151;border:1px solid #e5e7eb}.modal-button.secondary.light:hover{background:#e5e7eb}.search-results{max-height:400px;overflow-y:auto;margin-top:var(--spacing-md)}.search-result-item{padding:var(--spacing-md);border-radius:var(--radius-sm);cursor:pointer;border:1px solid var(--border-default);margin-bottom:var(--spacing-sm);transition:all var(--transition-base)}.search-result-item:hover{background:var(--bg-glass-hover);border-color:var(--primary);transform:translate(4px)}.search-result-name{font-weight:var(--weight-semibold);color:var(--text-primary);margin-bottom:4px}.search-result-category{font-size:var(--font-xs);color:var(--text-secondary)}.search-result-description{font-size:var(--font-xs);color:var(--text-muted);margin-top:4px}.modal-info-section{margin-top:24px;padding:var(--spacing-md);background:#ffffff08;border:1px solid rgba(255,255,255,.05);border-radius:6px}.modal-info-section.light{background:#f9fafb;border:1px solid #e5e7eb}.modal-info-item{font-size:var(--font-xs);color:#94a3b8;margin-bottom:var(--spacing-sm)}.modal-info-item.light{color:#64748b}.modal-info-item:last-child{margin-bottom:0}@media (max-width: 479px){.modal{width:100vw!important;max-width:100vw!important;height:auto!important;max-height:90vh!important;margin:0!important;border-radius:24px 24px 0 0!important;position:fixed!important;bottom:0!important;top:auto!important;left:0!important;right:0!important}.modal-overlay{align-items:flex-end!important}.modal-header,.modal-header-plain{padding:16px 20px}.modal-body{max-height:70vh;overflow-y:auto}.modal-footer{padding:16px 20px}.modal-input,.modal-select,.modal-textarea{font-size:16px!important}.modal-close{min-width:44px;min-height:44px}}@media (min-width: 480px) and (max-width: 767px){.modal{width:90vw!important;max-width:90vw!important}.modal.modal-large,.modal.modal-wide{width:90vw!important;max-width:90vw!important;max-height:85vh}.modal-input,.modal-select,.modal-textarea{font-size:16px!important}}@media (min-width: 768px){.modal-overlay{align-items:center;justify-content:center}}.properties-panel{position:absolute;top:70px;right:20px;width:260px;background:#0e1110f7;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-md);box-shadow:0 8px 40px #0009,0 0 0 1px #0000004d;z-index:var(--z-fixed);max-height:min(60vh,600px);display:flex;flex-direction:column;animation:slideInRight .3s ease-out}[data-theme=light] .properties-panel{background:#fffffffa;border:1px solid #e5e7eb;box-shadow:0 8px 32px #0000001f}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.properties-header,.properties-header.source,.properties-header.target,.properties-header.ai-agent{padding:var(--spacing-md);border-bottom:1px solid rgba(255,255,255,.08);background:linear-gradient(135deg,#1a4d2a,#0d2516);border-top-left-radius:var(--radius-md);border-top-right-radius:var(--radius-md);color:#ffffffeb;display:flex;justify-content:space-between;align-items:center}[data-theme=light] .properties-header,[data-theme=light] .properties-header.source,[data-theme=light] .properties-header.target{background:linear-gradient(135deg,#309b48,#1e5f2e);color:#fff}.properties-header-content{flex:1}.properties-title{font-size:var(--font-md);font-weight:var(--weight-bold);margin-bottom:4px}.properties-subtitle{font-size:var(--font-xs);opacity:.9}.properties-close-button{background:#fff3;border:none;color:var(--text-on-primary);border-radius:var(--radius-full);width:24px;height:24px;cursor:pointer;font-size:var(--font-sm);display:flex;align-items:center;justify-content:center;transition:background var(--transition-base);flex-shrink:0}.properties-close-button:hover{background:#ffffff4d}.properties-body{padding:var(--spacing-md);max-height:calc(min(60vh,600px) - 80px);overflow-y:auto;overflow-x:hidden;flex:1}.property-row{margin-bottom:var(--spacing-md)}.property-label{font-size:var(--font-xs);font-weight:var(--weight-semibold);color:#96a09be6;margin-bottom:var(--spacing-sm);text-transform:uppercase;letter-spacing:.5px}[data-theme=light] .property-label{color:#6b7879}.property-value{font-size:var(--font-sm);color:#dce1dee6;background:#ffffff0a;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-sm);border:1px solid rgba(255,255,255,.07);word-wrap:break-word}[data-theme=light] .property-value{color:#101211;background:#f9fafb;border-color:#e5e7eb}.property-value.empty{font-style:italic;opacity:.6}.property-value pre{margin:0;font-size:11px;white-space:pre-wrap;font-family:Courier New,monospace}.property-badge{display:inline-block;padding:4px 10px;background:var(--panel-badge-bg);color:var(--panel-badge-color);border-radius:var(--radius-md);font-size:var(--font-xs);font-weight:var(--weight-semibold)}.property-badge.source{background:#d1fae5;color:#065f46}.property-badge.target{background:#dbeafe;color:#1e40af}.connection-item{padding:var(--spacing-sm) var(--spacing-md);background:var(--panel-connection-bg);border:1px solid var(--panel-connection-border);border-radius:var(--radius-sm);margin-bottom:var(--spacing-sm);font-size:var(--font-sm)}.connection-item-name{font-weight:var(--weight-semibold);margin-bottom:4px;color:var(--text-primary)}.connection-item-detail{font-size:11px;color:var(--text-muted)}.property-empty-state{padding:var(--spacing-md);text-align:center;color:var(--text-muted);font-size:var(--font-sm);font-style:italic}.menu{background:var(--menu-bg);backdrop-filter:var(--backdrop-blur);-webkit-backdrop-filter:var(--backdrop-blur);border:1px solid var(--menu-border);border-radius:var(--radius-md);box-shadow:var(--menu-shadow);padding:var(--spacing-sm);min-width:200px;z-index:var(--z-dropdown);animation:menuFadeIn .2s ease-out}@keyframes menuFadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.context-menu{position:absolute}.menu-item{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);color:var(--menu-text-color);font-size:var(--font-sm);border:1px solid transparent}.menu-item:hover{background:var(--menu-item-hover-bg);border-color:var(--menu-item-hover-border);transform:translate(2px)}.menu-item.danger:hover{background:var(--error-bg);border-color:var(--error-border);color:var(--error)}.menu-item-icon{font-size:var(--font-md);width:20px;text-align:center}.menu-item-text{flex:1}.menu-item-shortcut{font-size:11px;color:var(--menu-text-muted);opacity:.7}.menu-divider{height:1px;background:var(--border-default);margin:var(--spacing-sm) 0}.hover-menu{position:absolute;top:-45px;left:50%;transform:translate(-50%);background:var(--menu-bg);backdrop-filter:var(--backdrop-blur);-webkit-backdrop-filter:var(--backdrop-blur);border:1px solid var(--menu-border);border-radius:var(--radius-lg);padding:var(--spacing-sm);display:flex;gap:var(--spacing-xs);box-shadow:var(--menu-shadow);z-index:var(--z-popover);animation:hoverMenuSlideDown .2s ease-out;pointer-events:all}@keyframes hoverMenuSlideDown{0%{opacity:0;transform:translate(-50%) translateY(-10px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.hover-menu-button{background:var(--toolbar-button-bg);border:1px solid var(--border-default);color:var(--toolbar-text);border-radius:var(--radius-sm);padding:var(--spacing-sm) var(--spacing-md);cursor:pointer;font-size:var(--font-xs);font-weight:var(--weight-medium);transition:all var(--transition-fast);white-space:nowrap}.hover-menu-button:hover{background:var(--toolbar-button-hover-bg);border-color:var(--border-hover);transform:translateY(-1px)}.hover-menu-button.primary{background:var(--primary);color:var(--text-on-primary);border-color:var(--primary)}.hover-menu-button.primary:hover{background:var(--primary-600)}.hover-menu-button.danger{color:var(--error)}.hover-menu-button.danger:hover{background:var(--error-bg);border-color:var(--error-border)}.more-menu{position:absolute;min-width:180px;z-index:var(--z-popover)}.more-menu-overlay{position:fixed;top:0;left:0;right:0;bottom:0;z-index:calc(var(--z-popover) - 1)}@media (max-width: 767px){.menu-item{min-height:48px;padding:12px 16px;font-size:15px}.menu{min-width:220px}.hover-menu-button{min-width:44px;min-height:44px;padding:10px 12px}.context-menu,.menu{max-width:calc(100vw - 20px)}}.context-menu{max-height:80vh;overflow-y:auto}:root{--font-sans: "Corbel", "Segoe UI", system-ui, -apple-system, "Helvetica Neue", Arial, sans-serif;--bg-dark: #020617}*{box-sizing:border-box;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;font-family:var(--font-sans);background-color:var(--bg-dark);color:#f8fafc;overflow:hidden;background-image:radial-gradient(circle at 15% 50%,rgba(58,140,69,.08),transparent 25%),radial-gradient(circle at 85% 30%,rgba(139,92,246,.08),transparent 25%)}body[data-theme=light]{color:#111827;background-color:#f9fafb;background-image:none}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:99px}::-webkit-scrollbar-thumb:hover{background:#fff3}[data-theme=light] ::-webkit-scrollbar-thumb{background:#00000026}[data-theme=light] ::-webkit-scrollbar-thumb:hover{background:#00000040}.react-flow__node,.react-flow__node-default,[class*=react-flow__node-]{background:transparent!important;border:none!important;padding:0!important;border-radius:0!important;box-shadow:none!important}.react-flow__background{background-color:transparent}.react-flow__background circle{fill:#3a8c4526}[data-theme=light] .react-flow__background circle{fill:#3a8c4540}.react-flow__edge-path{stroke:#ffffff73;stroke-width:1.5;transition:stroke .2s}[data-theme=light] .react-flow__edge-path{stroke:#0000004d}[data-theme=light] .react-flow__edge:hover .react-flow__edge-path{stroke:#0000008c}.react-flow__edge.selected .react-flow__edge-path{stroke:#309b48;stroke-width:3;filter:drop-shadow(0 0 8px rgba(58,140,69,.6));animation:edge-pulse 2s infinite}.react-flow__edge:hover .react-flow__edge-path{stroke:#ffffffbf}@keyframes edge-pulse{0%{filter:drop-shadow(0 0 4px rgba(58,140,69,.4))}50%{filter:drop-shadow(0 0 12px rgba(58,140,69,.8))}to{filter:drop-shadow(0 0 4px rgba(58,140,69,.4))}}.react-flow__handle{width:10px;height:10px;border-radius:50%;background:#0f172a;border:2px solid #64748b;transition:all .2s cubic-bezier(.4,0,.2,1)}[data-theme=light] .react-flow__handle{background:#e2e8f0;border-color:#94a3b8}.react-flow__handle:hover{width:14px;height:14px;background:#3a8c45;border-color:#fff;box-shadow:0 0 15px #3a8c45e6}.react-flow__controls{box-shadow:0 0 20px #00000080;border:1px solid rgba(255,255,255,.1);border-radius:12px;overflow:hidden;margin-bottom:20px}.react-flow__controls-button{background:#0f172ae6!important;border-bottom:1px solid rgba(255,255,255,.1)!important;color:#3a8c45!important}.react-flow__controls-button:hover{background:#1e293b!important;color:#3a8c45!important}.react-flow__controls-button svg{stroke:#3a8c45!important;fill:#3a8c45!important;color:#3a8c45!important}[data-theme=light] .react-flow__controls{box-shadow:0 2px 8px #0000001f;border:1px solid #e2e8f0}[data-theme=light] .react-flow__controls-button{background:#fff!important;border-bottom:1px solid #e2e8f0!important;color:#309b48!important}[data-theme=light] .react-flow__controls-button:hover{background:#f1f5f9!important;color:#309b48!important}[data-theme=light] .react-flow__controls-button svg{stroke:#309b48!important;fill:#309b48!important;color:#309b48!important}.react-flow__minimap{background:#020617e6!important;border-radius:12px;border:1px solid rgba(255,255,255,.1);box-shadow:0 0 30px #0009;overflow:hidden;margin-right:20px;margin-bottom:20px}.react-flow__minimap-mask{fill:#00000080!important}.react-flow__minimap-node{fill:#ffffff26!important;rx:4}[data-theme=light] .react-flow__minimap{background:#f8fafcf2!important;border:1px solid #e2e8f0;box-shadow:0 2px 12px #0000001a}[data-theme=light] .react-flow__minimap-mask{fill:#00000014!important}[data-theme=light] .react-flow__minimap-node{fill:#309b484d!important}.react-flow__attribution{display:none!important;visibility:hidden!important}.top-toolbar{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);display:flex;align-items:center;padding:0 10px;gap:8px;height:30px;overflow:visible;position:relative;z-index:200}.top-toolbar--dark{background:#020617b3;border-bottom:1px solid rgba(255,255,255,.1)}.top-toolbar--light{background:#fff;border-bottom:1px solid #e5e7eb}.top-toolbar-workflow-name{font-size:15px!important;font-weight:500;margin-right:auto}.top-toolbar-workflow-name--dark{color:#f8fafc}.top-toolbar-workflow-name--light{color:#000}.top-toolbar-workflow-name span{font-weight:600}.toolbar-divider{width:1px;height:24px;background:#94a3b84d}.top-toolbar-button{height:28px;padding:0 7px;border-radius:8px;font-size:13px;font-weight:500;display:inline-flex;align-items:center;justify-content:center;gap:6px;transition:all .2s ease;cursor:pointer}.top-toolbar-button--dark{border:1px solid rgba(255,255,255,.08);background:#111827;color:#e5e7eb}.top-toolbar-button--dark:hover:not(:disabled):not(.top-toolbar-button--disabled){background:#1a2233;border-color:#ffffff1f}.top-toolbar-button--dark:active:not(:disabled):not(.top-toolbar-button--disabled){background:#111827}.top-toolbar-button--light{border:1px solid rgba(0,0,0,.08);background:#f9fafb;color:#374151}.top-toolbar-button--light:hover:not(:disabled):not(.top-toolbar-button--disabled){background:#f3f4f6;border-color:#0000001f}.top-toolbar-button--light:active:not(:disabled):not(.top-toolbar-button--disabled){background:#e5e7eb}.top-toolbar-button:disabled,.top-toolbar-button--disabled{cursor:not-allowed;opacity:.5}.top-toolbar-button--dark:disabled,.top-toolbar-button--dark.top-toolbar-button--disabled{background:#111827;border-color:#ffffff14;color:#9ca3af}.top-toolbar-button--light:disabled,.top-toolbar-button--light.top-toolbar-button--disabled{background:#f9fafb;border-color:#00000014;color:#9ca3af}.undo-button,.redo-button{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.clear-all-button.top-toolbar-button--dark,.clear-all-button.top-toolbar-button--light{background:#ef444414;border-color:#ef444459;color:#ef4444}.clear-all-button.top-toolbar-button--dark:hover:not(:disabled):not(.top-toolbar-button--disabled),.clear-all-button.top-toolbar-button--light:hover:not(:disabled):not(.top-toolbar-button--disabled){background:#ef444426;border-color:#ef444480}.save-button--saved.top-toolbar-button--dark,.save-button--saved.top-toolbar-button--light{background:#6b728024;border-color:#6b728059;color:#6b7280;cursor:not-allowed;opacity:.7}.save-button--dirty.top-toolbar-button--dark,.save-button--dirty.top-toolbar-button--light{background:#22c55e24;border-color:#22c55e59;color:#22c55e;cursor:pointer}.save-button--dirty.top-toolbar-button--dark:hover:not(:disabled),.save-button--dirty.top-toolbar-button--light:hover:not(:disabled){background:#22c55e38;border-color:#22c55e80}.save-button--saving.top-toolbar-button--dark,.save-button--saving.top-toolbar-button--light{background:#22c55e24;border-color:#22c55e59;color:#22c55e;cursor:not-allowed;opacity:.6}.publish-button--unpublished.top-toolbar-button--dark,.publish-button--unpublished.top-toolbar-button--light{background:#6366f124;border-color:#6366f159;color:#6366f1}.publish-button--unpublished.top-toolbar-button--dark:hover:not(:disabled),.publish-button--unpublished.top-toolbar-button--light:hover:not(:disabled){background:#6366f138;border-color:#6366f180}.publish-button--published.top-toolbar-button--dark,.publish-button--published.top-toolbar-button--light{background:#22c55e1a;border-color:#22c55e4d;color:#22c55e;cursor:default;opacity:.75}.top-toolbar-button--primary{background:#22c55e24;border-color:#22c55e59;color:#22c55e;font-weight:500}.top-toolbar-button--primary:hover:not(:disabled):not(.top-toolbar-button--disabled){background:#22c55e38;border-color:#22c55e80}.top-toolbar-button--primary:disabled,.top-toolbar-button--primary.top-toolbar-button--disabled{opacity:.5;cursor:not-allowed}.top-toolbar-button--resume{background:#f59e0b24;border-color:#f59e0b59;color:#f59e0b}.top-toolbar-button--resume:hover:not(:disabled):not(.top-toolbar-button--disabled){background:#f59e0b38;border-color:#f59e0b80}.top-toolbar-button--pause{background:#f59e0b24;border-color:#f59e0b59;color:#f59e0b}.top-toolbar-button--pause:hover:not(:disabled):not(.top-toolbar-button--disabled){background:#f59e0b38;border-color:#f59e0b80}.top-toolbar-button--cancel{background:#ef444424;border-color:#ef444459;color:#ef4444}.top-toolbar-button--cancel:hover:not(:disabled):not(.top-toolbar-button--disabled){background:#ef444438;border-color:#ef444480}.top-toolbar-button--new-execution{background:linear-gradient(135deg,#9333ea,#a855f7);border:none;color:#fff;font-weight:500}.top-toolbar-button--new-execution:hover:not(:disabled):not(.top-toolbar-button--disabled){background:linear-gradient(135deg,#7e22ce,#9333ea);border:none}.top-toolbar-button--observer{background:#14b8a61f;border-color:#14b8a659;color:#14b8a6;font-weight:500}.top-toolbar-button--observer:hover:not(:disabled):not(.top-toolbar-button--disabled){background:#14b8a638;border-color:#14b8a68c}.toolbar-dropdown{position:relative;display:inline-flex}.toolbar-dropdown-trigger{gap:3px}.toolbar-dropdown-menu{position:absolute;top:100%;left:0;margin-top:4px;z-index:99999;min-width:200px;border-radius:8px;padding:4px;box-shadow:0 8px 24px #0000004d}.toolbar-dropdown-menu--dark{background:#1e293b;border:1px solid rgba(255,255,255,.08)}.toolbar-dropdown-menu--light{background:#fff;border:1px solid rgba(0,0,0,.1);box-shadow:0 4px 16px #0000001f}.toolbar-dropdown-item{display:flex;align-items:center;gap:8px;width:100%;padding:6px 10px;border:none;background:transparent;font-size:13px;font-weight:500;cursor:pointer;border-radius:6px;text-align:left;white-space:nowrap}.toolbar-dropdown-menu--dark .toolbar-dropdown-item{color:#e2e8f0}.toolbar-dropdown-menu--dark .toolbar-dropdown-item:hover:not(:disabled){background:#ffffff0f}.toolbar-dropdown-menu--light .toolbar-dropdown-item{color:#111827}.toolbar-dropdown-menu--light .toolbar-dropdown-item:hover:not(:disabled){background:#f3f4f6}.toolbar-dropdown-item:disabled{opacity:.38;cursor:not-allowed}.toolbar-dropdown-shortcut{margin-left:auto;font-size:11px;opacity:.45;font-family:ui-monospace,monospace}@media (max-width: 767px){.top-toolbar{padding:0 6px;gap:4px;min-height:var(--app-header-height, 56px)}.top-toolbar-button{min-width:44px;min-height:44px;padding:10px;font-size:0}.top-toolbar-button svg,.top-toolbar-button [class*=icon]{font-size:16px;width:16px;height:16px}.toolbar-dropdown-trigger{min-width:44px;min-height:44px}.top-toolbar-workflow-name{font-size:13px!important;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.toolbar-divider{display:none}@media (max-width: 479px){.clear-all-button,.undo-button,.redo-button{display:none}.top-toolbar-workflow-name{max-width:80px}}}@media (min-width: 768px) and (max-width: 1023px){.top-toolbar{gap:6px}.top-toolbar-button{min-width:36px;min-height:36px;padding:0 8px;font-size:12px}.top-toolbar-button--primary,.save-button,.publish-button{font-size:13px}}@media (min-width: 1024px){.top-toolbar{gap:8px}}@media (max-width: 767px){.left-toolbar{position:fixed!important;left:0!important;top:var(--app-header-height, 56px)!important;bottom:0!important;width:85vw!important;max-width:320px!important;height:auto!important;transform:translate(-100%);transition:transform .3s ease;z-index:999!important;box-shadow:4px 0 12px #0000004d}.workflow-editor-main .left-toolbar{transform:translate(0)}.left-toolbar-search{font-size:16px!important}.left-toolbar .left-toolbar-nodes-list>div{min-height:44px;padding:10px 8px!important}.left-toolbar:before{content:"";position:fixed;top:var(--app-header-height, 56px);left:0;right:0;bottom:0;background:#00000080;z-index:-1;opacity:0;pointer-events:none;transition:opacity .3s ease}.workflow-editor-main:has(.left-toolbar) .left-toolbar:before{opacity:1;pointer-events:auto}}@media (min-width: 768px) and (max-width: 1023px){.left-toolbar{position:fixed!important;left:0!important;top:var(--app-header-height, 56px)!important;bottom:0!important;width:260px!important;height:auto!important;transform:translate(-100%);transition:transform .3s ease;z-index:50!important}.workflow-editor-main .left-toolbar{transform:translate(0)}}@media (min-width: 1024px){.left-toolbar{position:relative!important;transform:none!important;transition:none}}@media (max-width: 1023px){.right-toolbar{position:fixed!important;right:0!important;top:var(--app-header-height, 56px)!important;bottom:0!important;width:90vw!important;max-width:400px!important;height:auto!important;transform:translate(100%);transition:transform .3s ease;z-index:999!important;box-shadow:-4px 0 12px #0000004d}.workflow-editor-main .right-toolbar{transform:translate(0)}.right-toolbar input,.right-toolbar select,.right-toolbar textarea{font-size:16px!important;width:100%;box-sizing:border-box}.right-toolbar *{max-width:100%}.right-toolbar:before{content:"";position:fixed;top:var(--app-header-height, 56px);left:0;right:0;bottom:0;background:#00000080;z-index:-1;opacity:0;pointer-events:none;transition:opacity .3s ease}.workflow-editor-main:has(.right-toolbar) .right-toolbar:before{opacity:1;pointer-events:auto}}@media (max-width: 479px){.right-toolbar{width:95vw!important}}@media (min-width: 1024px){.right-toolbar{position:relative!important;transform:none!important;transition:none}}@media (max-width: 767px){.react-flow__minimap{display:none!important}.react-flow__controls{bottom:80px!important;right:10px!important}.react-flow__handle{width:14px!important;height:14px!important}.react-flow__handle:hover{width:18px!important;height:18px!important}.workflow-editor-canvas-container{width:100%;flex:1}}@media (min-width: 768px) and (max-width: 1023px){.react-flow__minimap{width:140px!important;height:100px!important}.react-flow__controls{bottom:20px!important;right:10px!important}}.react-flow__node{min-width:160px}.react-flow__node-content{word-wrap:break-word;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}.react-flow-wrapper{touch-action:pan-x pan-y}.react-flow-wrapper{width:100%;height:100%;position:relative;transition:opacity .3s ease}.react-flow-wrapper--dark{background:#1a1a2e;border:1px solid rgba(255,255,255,.08);box-shadow:0 0 0 1px #309b481f,inset 0 1px #ffffff0a}.react-flow-wrapper--light{background:#f8f9fa;border:1px solid #d1d5db;box-shadow:0 0 0 1px #309b4814,inset 0 1px #ffffffe6}.react-flow-wrapper--readonly{opacity:.85}.react-flow-readonly-indicator{position:absolute;top:0;right:0;left:0;color:#fff;padding:7px 15px;font-size:11px;font-weight:600;text-align:center;z-index:1000;pointer-events:none;display:flex;align-items:center;justify-content:center;gap:7px}.react-flow-readonly-indicator--execution{background:#309b482e;border-bottom:1px solid rgba(48,155,72,.38);color:#86efac}.react-flow-readonly-indicator--evaluation{background:#6b7280}.react-flow__background--gradient-dark{background:radial-gradient(circle at 20% 50%,rgba(120,119,198,.03) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(74,86,226,.03) 0%,transparent 50%)}.react-flow__background--gradient-light{background:radial-gradient(circle at 20% 50%,rgba(99,102,241,.05) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(139,92,246,.05) 0%,transparent 50%)}.react-flow__connectionline--dark{stroke:#60a5fa!important;stroke-width:2!important}.react-flow__connectionline--light{stroke:#3b82f6!important;stroke-width:2!important}.react-flow-control-button--smart-edges-active{background:#3b82f633!important}.react-flow__handle{transition:border-color .15s,box-shadow .15s}.glass-panel{background:#0f172a99;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.08);box-shadow:0 8px 32px #00000080}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeIn .4s ease-out forwards}.react-flow__panel{margin:3px!important}.app-main{padding:0;height:calc(100vh - var(--app-header-height, 56px) - var(--app-footer-height, 24px));overflow:hidden}html,body{margin:0;padding:0;width:100%;height:100%;overflow-x:hidden}#root{width:100%;height:100%;display:flex;flex-direction:column}@media (min-width: 768px){html,body{overflow:hidden}}.app-header{background:#020617!important;border-bottom:1px solid rgba(48,155,72,.18);box-shadow:0 1px #309b4826}.app-nav{background:#020617!important;border-right:1px solid rgba(255,255,255,.06)}.app-content,.app-main{background:#020617}[data-theme=light] .app-header{background:#f8fafcf2!important;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid #e2e8f0!important;box-shadow:0 1px 8px #00000014!important;color:#0f172a}[data-theme=light] .app-nav{background:#f8fafc!important;border-right:1px solid #e2e8f0!important;box-shadow:none!important}[data-theme=light] .app-content,[data-theme=light] .app-main{background:#f8fafc}.react-flow__attribution{display:none!important}.flow-footer{position:fixed;bottom:0;left:0;right:0;height:24px;display:flex;align-items:center;justify-content:space-between;padding:0 8px;font-size:11px;box-sizing:border-box;-webkit-user-select:none;user-select:none;overflow:hidden;z-index:100}[data-theme=dark] .flow-footer{background:#111827;border-top:1px solid rgba(255,255,255,.08);color:#9ca3af}[data-theme=light] .flow-footer,.flow-footer{background:#f1f5f9;border-top:1px solid #e2e8f0;color:#64748b}.flow-footer__group{display:flex;align-items:center;gap:0;overflow:hidden}.flow-footer__badge{display:flex;align-items:center;gap:4px;padding:0 8px;height:24px;white-space:nowrap;font-size:11px;border:none;background:transparent;cursor:default;color:inherit}.flow-footer__badge--interactive{cursor:pointer}.flow-footer__badge--interactive:hover{background:#3a8c451f;color:#3a8c45}.flow-footer__badge--interactive:focus-visible{outline:2px solid #3A8C45;outline-offset:-2px}.flow-footer__divider{width:1px;height:14px;background:currentColor;opacity:.2;flex-shrink:0}.flow-footer__dot{width:7px;height:7px;border-radius:50%;display:inline-block;flex-shrink:0}.flow-footer__badge--idle .flow-footer__dot,.flow-footer__badge--ready .flow-footer__dot{background:#6b7280}.flow-footer__badge--running .flow-footer__dot,.flow-footer__badge--active .flow-footer__dot{background:#3a8c45}.flow-footer__badge--warning .flow-footer__dot{background:#f59e0b}.flow-footer__badge--error .flow-footer__dot{background:#ef4444}.flow-footer__badge--info .flow-footer__dot{background:#3b82f6}.flow-footer__state--running{color:#3a8c45;font-weight:500}.flow-footer__state--error{color:#ef4444;font-weight:500}.flow-footer__state--warning{color:#f59e0b}.flow-footer__progress-bar{display:inline-block;width:48px;height:4px;background:#00000026;border-radius:2px;overflow:hidden;margin:0 4px;vertical-align:middle}.flow-footer__progress-fill{height:100%;background:#3a8c45;border-radius:2px;transition:width .3s ease}@media (max-width: 767px){.flow-footer{height:var(--app-footer-height, 24px);font-size:10px;padding:0 6px}.flow-footer__badge--verbose{display:none}.flow-footer__divider{height:12px}}@media (min-width: 768px){.flow-footer{height:var(--app-footer-height, 24px)}}.app-breadcrumbs{display:flex;align-items:center;justify-content:flex-end;padding:0 var(--spacing-md);height:24px;flex-shrink:0;border-bottom:1px solid var(--border-default);background:var(--bg-glass);font-size:var(--font-xs);color:var(--text-muted);overflow:hidden;white-space:nowrap}.breadcrumb-sep{margin:0 6px;color:var(--border-hover);-webkit-user-select:none;user-select:none}.breadcrumb-link{background:none;border:none;padding:0;margin:0;cursor:pointer;font-size:var(--font-xs);font-family:inherit;color:var(--primary);transition:color var(--transition-fast),opacity var(--transition-fast)}.breadcrumb-link:hover{color:var(--primary);opacity:.75;text-decoration:underline}.breadcrumb-current{color:var(--text-secondary);font-weight:var(--weight-medium)}.app-header{padding:2px!important}.app-main{padding:2px}.form-group{margin-bottom:20px}.form-label{display:block;font-size:14px;font-weight:600;margin-bottom:8px}[data-theme=dark] .form-label{color:#e5e7eb}[data-theme=light] .form-label{color:#374151}.form-label--inline{display:inline;margin-bottom:0}.form-label__required{color:#ef4444;margin-left:3px}.form-row{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.form-row--3-columns{grid-template-columns:repeat(3,1fr)}.form-row--4-columns{grid-template-columns:repeat(4,1fr)}.form-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:24px}.form-error{padding:12px;border-radius:6px;margin-bottom:20px;font-size:14px;white-space:pre-wrap;word-break:break-word;background:#ef44441a;border:1px solid #ef4444;color:#ef4444}.form-info{padding:12px;border-radius:6px;margin-bottom:20px;font-size:13px;background:#3a8c4514;border:1px solid #3A8C45}[data-theme=dark] .form-info{color:#3a8c45}[data-theme=light] .form-info{color:#2d7038}.form-input,.form-textarea,.form-select{width:100%;padding:10px 12px;font-size:14px;border-radius:6px;outline:none;transition:border-color .2s;box-sizing:border-box;font-family:inherit}[data-theme=dark] .form-input,[data-theme=dark] .form-textarea,[data-theme=dark] .form-select{background:#0000004d;border:1px solid rgba(255,255,255,.12);color:#e5e7eb}[data-theme=dark] .form-select,.custom-dropdown-trigger{background-color:var(--primary-darker, #166534);border-color:var(--primary-dark, #15803d);color:#fff}[data-theme=light] .form-input,[data-theme=light] .form-textarea,[data-theme=light] .form-select{background:#fff;border:1px solid #d1d5db;color:#111827}.form-input:focus,.form-textarea:focus,.form-select:focus{border-color:#3a8c45}[data-theme=dark] .form-input::placeholder,[data-theme=dark] .form-textarea::placeholder{color:#64748b}[data-theme=light] .form-input::placeholder,[data-theme=light] .form-textarea::placeholder{color:#9ca3af}.form-input--color{cursor:pointer;height:42px}.form-textarea{min-height:80px;resize:vertical}.form-textarea--min-height-100{min-height:100px}.form-textarea--min-height-120{min-height:120px}.form-select{cursor:pointer;-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}.form-checkbox-wrapper{display:flex;align-items:center;gap:8px}.form-checkbox{width:18px;height:18px;cursor:pointer;accent-color:#3A8C45}.form-checkbox-label{font-size:14px;font-weight:600;cursor:pointer}[data-theme=dark] .form-checkbox-label{color:#e5e7eb}[data-theme=light] .form-checkbox-label{color:#374151}.form-button{padding:10px 24px;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;display:inline-flex;align-items:center;gap:6px;border:none}.form-button:disabled{cursor:not-allowed;opacity:.6}.form-button--primary{background:#3a8c45;color:#fff}.form-button--primary:hover:not(:disabled){background:#4aab57}[data-theme=dark] .form-button--secondary{background:#ffffff0f;color:#e5e7eb;border:1px solid rgba(255,255,255,.12)}[data-theme=light] .form-button--secondary{background:#f3f4f6;color:#374151;border:1px solid #d1d5db}[data-theme=dark] .form-button--secondary:hover:not(:disabled){background:#ffffff1f}[data-theme=light] .form-button--secondary:hover:not(:disabled){background:#e5e7eb}.form-button--danger{background:#ef4444;color:#fff}.form-button--danger:hover:not(:disabled){background:#dc2626}.form-button--ghost{background:transparent;border:none}[data-theme=dark] .form-button--ghost{color:#94a3b8}[data-theme=light] .form-button--ghost{color:#64748b}[data-theme=dark] .form-button--ghost:hover:not(:disabled){background:#ffffff0f}[data-theme=light] .form-button--ghost:hover:not(:disabled){background:#f3f4f6}.ud-card{position:relative;background:#0f172af2;border:1px solid rgba(58,140,69,.2);border-radius:12px;padding:1.25rem;display:flex;flex-direction:column;gap:.75rem;height:100%;box-sizing:border-box;transition:border-color .2s,box-shadow .2s;cursor:pointer}.ud-card__header-right{display:flex;flex-direction:column;align-items:flex-end;gap:4px}.ud-card__badge{background:#14532d;color:#fff;font-size:11px;font-weight:600;line-height:1;padding:4px 10px;border-radius:9999px;border:1px solid rgba(34,197,94,.4);letter-spacing:.03em;pointer-events:none;-webkit-user-select:none;user-select:none}.ud-card:hover{transition:border-color .2s,box-shadow .2s}.ud-card__header{display:flex;justify-content:space-between;align-items:center}.ud-card__icon{color:#3a8c45;display:flex;align-items:center}.ud-card__nav-label{font-size:11px;font-weight:500;color:#86efac;display:flex;align-items:center;gap:4px;padding:3px 10px;border-radius:20px;background:#3a8c451f;border:1px solid rgba(58,140,69,.3);-webkit-user-select:none;user-select:none;cursor:pointer;transition:background .2s}.ud-card__nav-label:hover{background:#3a8c4540}.ud-btn--header-action{background:#3a8c4533;border:none;padding:4px 12px;border-radius:12px;font-size:11px;font-weight:600;color:#3a8c45;cursor:pointer;transition:background .2s,color .2s}.ud-btn--header-action:hover{background:#3a8c4566;color:#4a9d54}.ud-card__title{font-size:16px;font-weight:700;color:#f8fafc}.ud-card__description{font-size:13px;color:#94a3b8;margin:0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.ud-card__spacer{flex:1}.ud-card__actions{display:flex;gap:.25rem;align-items:center;justify-content:center;flex-wrap:wrap;padding-top:.5rem;border-top:1px solid rgba(255,255,255,.06)}.ud-btn__sep{color:#ffffff26;font-size:13px;-webkit-user-select:none;user-select:none;padding:0 2px}.ud-btn--action{background:none;border:none;padding:4px 8px;border-radius:4px;font-size:12px;color:#94a3b8;cursor:pointer;display:flex;align-items:center;gap:4px;transition:color .2s,background .2s}.ud-btn--action:hover{color:#f8fafc;background:#ffffff0f}.ud-card__danger{padding-top:.25rem}.ud-btn--danger{background:none;border:none;padding:4px 8px;border-radius:4px;font-size:12px;color:#f43f5e;cursor:pointer;display:flex;align-items:center;gap:4px;transition:color .2s,background .2s}.ud-btn--danger:hover{background:#f43f5e1a}[data-theme=light] .ud-card{background:#fff;border:1px solid rgba(58,140,69,.25);box-shadow:0 1px 4px #0000000f}[data-theme=light] .ud-card__title{color:#111827}[data-theme=light] .ud-card__description{color:#4b5563}[data-theme=light] .ud-card__nav-label{color:#1a7a30;background:#309b481f;border:1px solid rgba(48,155,72,.35)}[data-theme=light] .ud-card__icon{color:#309b48}[data-theme=light] .ud-card__actions{border-top:1px solid rgba(0,0,0,.07)}[data-theme=light] .ud-btn__sep{color:#00000026}[data-theme=light] .ud-btn--action{color:#374151}[data-theme=light] .ud-btn--action:hover{color:#111827;background:#0000000d}[data-theme=light] .ud-card__badge{background:#16a34a;border-color:#16a34a4d;color:#fff}.fop-docked{display:flex;flex-direction:column;width:100%;flex-shrink:0;overflow:visible;box-sizing:border-box;background:#111827;border-top:1px solid rgba(255,255,255,.08);color:#d1d5db}.fop-docked .fop-content{overflow:hidden}[data-theme=light] .fop-docked{background:#f8fafc;border-top:1px solid #e2e8f0;color:#374151}.fop-resize-handle{height:4px;width:100%;cursor:row-resize;flex-shrink:0;background:transparent;position:relative}.fop-resize-handle:hover,.fop-resize-handle:active{background:#3a8c4566}.fop-collapsed{display:flex;flex-direction:row;align-items:center;height:32px;width:100%;flex-shrink:0;overflow:visible;background:#111827;border-top:1px solid rgba(255,255,255,.08);color:#9ca3af}[data-theme=light] .fop-collapsed{background:#f1f5f9;border-top:1px solid #e2e8f0;color:#64748b}.fop-fullscreen{display:flex;flex-direction:column;width:100%;flex:1;overflow:hidden;position:absolute;top:0;left:0;right:0;bottom:0;z-index:1000;background:#111827;color:#d1d5db}[data-theme=light] .fop-fullscreen{background:#f8fafc;color:#374151}.fop-floating-controls{display:flex;gap:2px}.fop-floating{position:fixed;display:flex;flex-direction:column;border-radius:8px;overflow:hidden;box-shadow:0 8px 32px #0006;z-index:10000;min-width:300px;min-height:200px;background:#1f2937;border:1px solid rgba(255,255,255,.12);color:#d1d5db}[data-theme=light] .fop-floating{background:#fff;border:1px solid #e2e8f0;color:#374151}.fop-floating-titlebar{display:flex;align-items:center;justify-content:space-between;padding:0 8px;height:32px;cursor:grab;flex-shrink:0;-webkit-user-select:none;user-select:none;background:#111827;border-bottom:1px solid rgba(255,255,255,.08);color:#d1d5db}.fop-floating-titlebar:active{cursor:grabbing}[data-theme=light] .fop-floating-titlebar{background:#f1f5f9;border-bottom:1px solid #e2e8f0;color:#374151}.fop-floating-title{font-size:12px;font-weight:600;letter-spacing:.02em}.fop-resize-edge{position:absolute}.fop-resize-edge--right{right:0;top:4px;bottom:4px;width:4px;cursor:ew-resize}.fop-resize-edge--bottom{bottom:0;left:4px;right:4px;height:4px;cursor:ns-resize}.fop-resize-edge--corner{right:0;bottom:0;width:12px;height:12px;cursor:se-resize}.fop-resize-edge:hover{background:#3a8c4566;border-radius:2px}.fop-tabbar{display:flex;align-items:center;flex-shrink:0;overflow:hidden;height:34px;gap:0;background:#111827;border-bottom:1px solid rgba(255,255,255,.08)}[data-theme=light] .fop-tabbar{background:#f1f5f9;border-bottom:1px solid #e2e8f0}.fop-tab{display:flex;align-items:center;gap:4px;padding:0 8px;height:34px;border:none;background:transparent;font-size:12px;cursor:pointer;white-space:nowrap;flex-shrink:0;position:relative;border-bottom:2px solid transparent;transition:border-color .15s;-webkit-user-select:none;user-select:none;color:#9ca3af}.fop-tab:focus-visible{outline:2px solid #3A8C45;outline-offset:-2px}[data-theme=light] .fop-tab{color:#64748b}.fop-tab:hover{color:#4ade80}[data-theme=light] .fop-tab:hover{color:#3a8c45}.fop-tab--active{border-bottom-color:#4ade80;color:#4ade80}[data-theme=light] .fop-tab--active{color:#3a8c45;border-bottom-color:#3a8c45}.fop-tab--error{border-bottom-color:#ef4444}.fop-tab--loading{opacity:.7}.fop-tab--dragging{cursor:grabbing;box-shadow:0 4px 12px #0006}.fop-tab__badge{background:#ef4444;color:#fff;border-radius:8px;padding:0 4px;font-size:10px;font-weight:700;min-width:14px;text-align:center}.fop-tab__close{display:flex;align-items:center;justify-content:center;width:16px;height:16px;border-radius:3px;border:none;background:transparent;cursor:pointer;color:inherit;opacity:.5;font-size:12px;padding:0}.fop-tab__close:hover{opacity:1;background:#ef444426}.fop-tabs-track{flex:1;min-width:0;overflow:hidden;display:flex;align-items:center}.fop-overflow-container{position:relative;flex-shrink:0}.fop-overflow-btn{font-size:14px;font-weight:700;letter-spacing:-1px}.fop-overflow-menu{position:absolute;top:calc(100% + 2px);right:0;min-width:160px;z-index:200}.fop-dropdown__item--active{color:#4ade80;font-weight:500}[data-theme=light] .fop-dropdown__item--active{color:#3a8c45}.fop-tabbar__controls{display:flex;align-items:center;gap:2px;padding:0 4px;flex-shrink:0}.fop-icon-btn{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border:none;background:transparent;cursor:pointer;border-radius:4px;font-size:13px;padding:0;transition:background .15s;color:#9ca3af}[data-theme=light] .fop-icon-btn{color:#64748b}.fop-icon-btn:hover{background:#3a8c4526;color:#4ade80}[data-theme=light] .fop-icon-btn:hover{color:#3a8c45}.fop-dropdown-container{position:relative}.fop-dropdown{position:absolute;top:calc(100% + 2px);right:0;min-width:180px;border-radius:6px;padding:4px 0;box-shadow:0 4px 16px #0006;z-index:100;background:#1f2937;border:1px solid rgba(255,255,255,.1)}.fop-docked .fop-tabbar{overflow:visible}.fop-docked .fop-dropdown,.fop-docked .fop-overflow-menu{top:calc(100% + 2px);bottom:auto}.fop-collapsed .fop-tabbar{overflow:visible}.fop-collapsed .fop-dropdown,.fop-collapsed .fop-overflow-menu{top:auto;bottom:calc(100% + 2px)}[data-theme=light] .fop-dropdown{background:#fff;border:1px solid #e2e8f0}.fop-dropdown__item{display:flex;align-items:center;gap:8px;padding:6px 12px;font-size:12px;cursor:pointer;border:none;background:transparent;width:100%;text-align:left;color:#d1d5db}[data-theme=light] .fop-dropdown__item{color:#374151}.fop-dropdown__item:hover{background:#3a8c451a;color:#4ade80}[data-theme=light] .fop-dropdown__item:hover{color:#3a8c45}.fop-dropdown__item--disabled{opacity:.45;cursor:not-allowed}.fop-dropdown__item--disabled:hover{background:transparent;color:inherit}.fop-dropdown__disabled-label{margin-left:auto;font-size:10px;opacity:.7}.fop-content{flex:1;overflow:auto;position:relative}.fop-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:8px;font-size:13px;opacity:.6}.fop-loading{display:flex;align-items:center;justify-content:center;height:100%;font-size:13px;opacity:.6;gap:8px}.fop-error{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:8px;color:#ef4444;font-size:13px;padding:16px;text-align:center}.fop-error__retry{padding:6px 16px;background:#ef4444;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:12px}.fop-error__retry:hover{background:#dc2626}.fop-exec-status{padding:16px;display:flex;flex-direction:column;gap:12px;font-size:13px;height:100%;overflow-y:auto;box-sizing:border-box}.fop-state-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:6px;font-weight:600;font-size:12px;color:#fff;width:fit-content}.fop-state-badge--running{background:linear-gradient(135deg,#3b82f6,#2563eb)}.fop-state-badge--completed{background:linear-gradient(135deg,#10b981,#059669)}.fop-state-badge--failed{background:linear-gradient(135deg,#ef4444,#dc2626)}.fop-state-badge--cancelled{background:linear-gradient(135deg,#6b7280,#4b5563)}.fop-state-badge--paused{background:linear-gradient(135deg,#f59e0b,#d97706)}.fop-state-badge--idle{background:linear-gradient(135deg,#6b7280,#4b5563)}.fop-stat-row{display:flex;justify-content:space-between;padding:4px 0}.fop-stat-label{opacity:.7}.fop-stat-value{font-weight:600;font-family:monospace}.fop-progress-bar{height:8px;background:#ffffff1a;border-radius:4px;overflow:hidden}[data-theme=light] .fop-progress-bar{background:#0000001a}.fop-progress-fill{height:100%;background:linear-gradient(90deg,#3b82f6,#10b981);border-radius:4px;transition:width .4s ease}.fop-exec-logs{display:flex;flex-direction:column;height:100%;overflow:hidden}.fop-logs-toolbar{display:flex;align-items:center;gap:4px;padding:4px 8px;flex-shrink:0;border-bottom:1px solid;border-color:#ffffff14}[data-theme=light] .fop-logs-toolbar{border-color:#e2e8f0}.fop-level-btn{padding:2px 8px;font-size:11px;border-radius:3px;border:1px solid transparent;cursor:pointer;background:transparent;color:#9ca3af;border-color:#ffffff1a}[data-theme=light] .fop-level-btn{color:#64748b;border-color:#e2e8f0}.fop-level-btn--active{background:#3a8c4526;border-color:#3a8c45;color:#4ade80}[data-theme=light] .fop-level-btn--active{color:#3a8c45}.fop-logs-scroll{flex:1;overflow-y:auto;font-family:monospace;font-size:9px}.fop-log-entry{display:flex;gap:6px;padding:2px 8px;border-bottom:1px solid rgba(255,255,255,.04);align-items:baseline;background:transparent;color:#d1d5db}.fop-log-time{color:#9ca3af;flex-shrink:0;font-size:9px}.fop-log-level{flex-shrink:0;font-size:9px;font-weight:700;padding:0 3px;border-radius:2px;text-transform:uppercase}.fop-log-level--debug{color:#6b7280}.fop-log-level--info{color:#3b82f6}.fop-log-level--warn{color:#f59e0b}.fop-log-level--error{color:#ef4444}.fop-log-source{color:#6b7280;flex-shrink:0;font-size:10px;max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fop-log-message{flex:1;word-break:break-word;font-size:11px}.fop-logs-toolbar__spacer{flex:1}.fop-logs-count{font-size:11px;opacity:.6}.fop-log-entry--clickable{cursor:pointer;border:none;text-align:left;transition:background .1s,box-shadow .1s;box-sizing:border-box}.fop-log-entry--clickable:hover{background:#3a8c4514;box-shadow:inset 0 0 0 1px #4ade8059}.fop-log-entry--clickable:focus-visible{outline:none;box-shadow:inset 0 0 0 2px #3a8c45}.fop-log-entry--selected{background:#3a8c451f;box-shadow:inset 2px 0 #4ade80,inset 0 0 0 1px #4ade8040}.fop-log-detail{display:flex;flex-direction:column;height:100%;overflow-y:auto;font-size:12px}.fop-log-detail__header{display:flex;align-items:center;gap:8px;padding:8px 12px;border-bottom:1px solid rgba(255,255,255,.08);flex-shrink:0}[data-theme=light] .fop-log-detail__header{border-bottom:1px solid #e2e8f0}.fop-log-detail__badge{font-size:11px;padding:2px 8px;border-radius:3px}.fop-log-detail__time{font-family:monospace;font-size:11px;color:#9ca3af}.fop-log-detail__body{display:flex;flex-direction:column}.fop-log-detail__field{display:flex;flex-direction:column;gap:3px;padding:8px 12px;border-bottom:1px solid rgba(255,255,255,.04)}[data-theme=light] .fop-log-detail__field{border-bottom:1px solid #f1f5f9}.fop-log-detail__field--full{gap:6px}.fop-log-detail__label{font-size:10px;text-transform:uppercase;letter-spacing:.06em;color:#6b7280;font-weight:600}.fop-log-detail__value{color:#d1d5db;word-break:break-word;line-height:1.4}[data-theme=light] .fop-log-detail__value{color:#374151}.fop-log-detail__value--mono{font-family:monospace;font-size:11px;color:#9ca3af}.fop-log-detail__pre{margin:0;font-family:monospace;font-size:11px;color:#9ca3af;white-space:pre-wrap;word-break:break-word;background:#0003;padding:8px;border-radius:4px}[data-theme=light] .fop-log-detail__pre{background:#0000000a;color:#64748b}.fop-stat-label--error{color:#ef4444}.fop-stat-value--error{color:#ef4444;font-weight:600;font-family:monospace}.fop-error--inline{height:auto;padding:8px 16px}@media (max-width: 767px){.fop-collapsed{height:40px;padding:0 12px}.fop-docked{max-height:40vh}.fop-tab{font-size:12px;padding:8px 12px;min-height:40px}.fop-content{overflow-y:auto;max-height:calc(40vh - 40px)}}@media (min-width: 768px) and (max-width: 1023px){.fop-docked{max-height:50vh}}.control__input,.control__select,.control__textarea{flex:1;width:100%;padding:10px 12px;font-size:14px;line-height:1.5;color:#333;background-color:#fff;border:1px solid #ccc;border-radius:4px;transition:all .2s ease;font-family:inherit}.control__select{-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='8' viewBox='0 0 12 8'%3E%3Cpath fill='%23333333' d='M1 1l5 5 5-5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;background-size:12px;padding-right:30px}.control__select option{background-color:#fff;color:#333;padding:8px 12px;line-height:1.5}.control__select option:checked{background:linear-gradient(#007bff,#007bff);background-color:#007bff;color:#fff}.control__select option:hover{background-color:#f0f0f0;color:#333}select option{background-color:#fff;color:#333}select option:checked{background:linear-gradient(#007bff,#007bff);color:#fff}.control__input:focus,.control__select:focus,.control__textarea:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 3px #007bff26;background-color:#fff}.control__input:disabled,.control__select:disabled,.control__textarea:disabled{background-color:#f5f5f5;color:#999;cursor:not-allowed;border-color:#ddd}.control__input--error,.control__select--error,.control__textarea--error{border-color:#dc3545;background-color:#fff8f8;color:#333}.control__input--error:focus,.control__select--error:focus,.control__textarea--error:focus{border-color:#dc3545;box-shadow:0 0 0 3px #dc354526;background-color:#fff8f8}.control{display:flex;flex-direction:column;margin-bottom:16px}.control__label{display:flex;align-items:center;gap:4px;margin-bottom:8px;font-size:14px;font-weight:500;color:#333;line-height:1.5}.control__label-text{flex:1}.control__required{color:#dc3545;font-weight:600;font-size:14px;line-height:1;padding:0 2px}.control__input-wrapper,.control__select-wrapper{position:relative;display:flex;align-items:center}.control__error-icon{position:absolute;right:12px;top:50%;transform:translateY(-50%);color:#dc3545;font-size:18px;line-height:1;pointer-events:none}.control__input--textarea{resize:vertical;min-height:80px}.control__error-message{display:flex;align-items:flex-start;gap:6px;margin-top:6px;padding:8px 12px;font-size:12px;font-weight:500;color:#dc3545;background-color:#fff8f8;border:1px solid #f5c6cb;border-radius:4px;line-height:1.4}.control__help{margin-top:6px;font-size:12px;color:#666;line-height:1.4;font-weight:400}.control__switch-state-label{display:inline-block;margin-left:8px;font-size:12px;font-weight:500;color:#6b7280;vertical-align:middle;line-height:1;-webkit-user-select:none;user-select:none}.control__link{display:inline-block;color:#2563eb;text-decoration:underline;font-size:14px;cursor:pointer;transition:color .15s ease}.control__link:hover{color:#1d4ed8}.control__link:visited{color:#7c3aed}.control__link--empty{color:#9ca3af;text-decoration:none;font-style:italic;cursor:default}.dark .control__input,.dark .control__select,.dark .control__textarea{background-color:#1e1e1e99;color:#e2e8f0;border-color:#ffffff1f}.dark .control__select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%23e2e8f0' d='M1 1l5 5 5-5'/%3E%3C/svg%3E")}.dark .control__select option{background-color:#2d3748;color:#e2e8f0;padding:8px 12px;line-height:1.5}.dark .control__select option:checked{background:linear-gradient(#22c55e,#22c55e);background-color:#22c55e;color:#1f2937}.dark .control__select option:hover{background-color:#3d4960;color:#e2e8f0}:root.dark select option{background-color:#2d3748;color:#e2e8f0}:root.dark select option:checked{background:linear-gradient(#22c55e,#22c55e);color:#1f2937}body.dark select option{background-color:#2d3748;color:#e2e8f0}body.dark select option:checked{background:linear-gradient(#22c55e,#22c55e);color:#1f2937}.dark .control__input:focus,.dark .control__select:focus,.dark .control__textarea:focus{border-color:#22c55e;background-color:#1e1e1ecc;box-shadow:0 0 0 3px #22c55e26}.dark .control__input:disabled,.dark .control__select:disabled,.dark .control__textarea:disabled{background-color:#14141466;border-color:#ffffff14;color:#e2e8f080}.dark .control__input--error,.dark .control__select--error,.dark .control__textarea--error{background-color:#3a1f1f99;border-color:#dc3545;color:#e2e8f0}.dark .control__input--error:focus,.dark .control__select--error:focus,.dark .control__textarea--error:focus{background-color:#3a1f1fcc;box-shadow:0 0 0 3px #dc354526}.dark .control__label,.dark .control__label-text{color:#e2e8f0}.dark .control__switch-state-label{color:#9ca3af}.dark .control__help{color:#94a3b8e6}.dark .control__error-message{background-color:#3a1f1f99;color:#ff6b6b;border-color:#dc354580}.dark .control__link{color:#60a5fa}.dark .control__link:hover{color:#93c5fd}.dark .control__link:visited{color:#a78bfa}@media (max-width: 767px){.af-responsive--large-only{display:none!important}}@media (min-width: 768px){.af-responsive--small-only{display:none!important}}.af-form-field__view-image{display:block;padding:12px;background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;line-height:0}.af-form-field__view-image img{display:block;max-width:100%;height:auto;border-radius:4px}.dark .af-form-field__view-image{background-color:#ffffff0a;border-color:#ffffff14}.af-form-field__view-video{display:block;padding:12px;background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;line-height:0}.af-form-field__view-video video{display:block;max-width:100%;height:auto;border-radius:4px}.dark .af-form-field__view-video{background-color:#ffffff0a;border-color:#ffffff14}.af-form-field__view-value{padding:9px 12px;border-radius:6px;background-color:#f9fafb;border:1px solid #e5e7eb;font-size:14px;color:#374151;min-height:38px;display:flex;align-items:center;line-height:1.5}.af-form-field__view-value-empty{opacity:.4}.dark .af-form-field__view-value{background-color:#ffffff0a;border-color:#ffffff14;color:#e5e7eb}.dark .af-form-field__view-value-empty{opacity:.4}input[type=date]::-webkit-calendar-picker-indicator,input[type=time]::-webkit-calendar-picker-indicator,input[type=datetime-local]::-webkit-calendar-picker-indicator,input[type=month]::-webkit-calendar-picker-indicator,input[type=week]::-webkit-calendar-picker-indicator{cursor:pointer!important;opacity:.8!important;filter:none!important}input[type=date]::-webkit-calendar-picker-indicator:hover,input[type=time]::-webkit-calendar-picker-indicator:hover,input[type=datetime-local]::-webkit-calendar-picker-indicator:hover,input[type=month]::-webkit-calendar-picker-indicator:hover,input[type=week]::-webkit-calendar-picker-indicator:hover{opacity:1!important}[data-theme=dark] input[type=date]::-webkit-calendar-picker-indicator,[data-theme=dark] input[type=time]::-webkit-calendar-picker-indicator,[data-theme=dark] input[type=datetime-local]::-webkit-calendar-picker-indicator,[data-theme=dark] input[type=month]::-webkit-calendar-picker-indicator,[data-theme=dark] input[type=week]::-webkit-calendar-picker-indicator{filter:invert(1)!important;opacity:1!important;cursor:pointer!important}.dark input[type=date]::-webkit-calendar-picker-indicator,.dark input[type=time]::-webkit-calendar-picker-indicator,.dark input[type=datetime-local]::-webkit-calendar-picker-indicator,.dark input[type=month]::-webkit-calendar-picker-indicator,.dark input[type=week]::-webkit-calendar-picker-indicator{filter:invert(1)!important;opacity:1!important;cursor:pointer!important}body.dark input[type=date]::-webkit-calendar-picker-indicator,body.dark input[type=time]::-webkit-calendar-picker-indicator,body.dark input[type=datetime-local]::-webkit-calendar-picker-indicator,body.dark input[type=month]::-webkit-calendar-picker-indicator,body.dark input[type=week]::-webkit-calendar-picker-indicator{filter:invert(1)!important;opacity:1!important;cursor:pointer!important}input[type=date][style*=color-scheme]::-webkit-calendar-picker-indicator,input[type=time][style*=color-scheme]::-webkit-calendar-picker-indicator,input[type=datetime-local][style*=color-scheme]::-webkit-calendar-picker-indicator{filter:none!important}[data-theme=dark] input[type=date][style*=color-scheme]::-webkit-calendar-picker-indicator,[data-theme=dark] input[type=time][style*=color-scheme]::-webkit-calendar-picker-indicator,[data-theme=dark] input[type=datetime-local][style*=color-scheme]::-webkit-calendar-picker-indicator{filter:invert(1)!important;opacity:1!important}.af-entity-grid{display:flex;flex-direction:column;gap:16px}.af-entity-grid__loading{padding:40px;text-align:center;color:#6b7280;font-size:14px}.af-entity-grid__search{display:flex;gap:8px}.af-entity-grid__search-input{flex:1;padding:8px 12px;border:1px solid #e5e7eb;border-radius:6px;font-size:14px;color:#374151;background:#fff;transition:border-color .2s ease}.af-entity-grid__search-input:focus{outline:none;border-color:#22c55e;box-shadow:0 0 0 2px #22c55e1a}.af-entity-grid__empty{padding:40px;text-align:center;color:#9ca3af;font-size:14px}.af-entity-grid__table{width:100%;border-collapse:collapse;font-size:14px}.af-entity-grid__table th{padding:10px 12px;text-align:left;font-weight:600;color:#6b7280;border-bottom:2px solid #e5e7eb;background:#f9fafb}.af-entity-grid__table td{padding:10px 12px;border-bottom:1px solid #f3f4f6;color:#374151}.af-entity-grid__table tr:hover td{background:#f9fafb}.af-entity-grid__actions{display:flex;gap:8px;align-items:center}.af-entity-grid__action{padding:5px 12px;border:none;border-radius:4px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease;background:#e5e7eb;color:#374151}.af-entity-grid__action:disabled{opacity:.5;cursor:not-allowed}.af-entity-grid__action--primary{background:#22c55e;color:#fff}.af-entity-grid__action--primary:hover:not(:disabled){background:#16a34a}.af-entity-grid__action--danger{background:#ef4444;color:#fff}.af-entity-grid__action--danger:hover:not(:disabled){background:#dc2626}.af-entity-grid__action--default{background:#e5e7eb;color:#374151}.af-entity-grid__action--default:hover:not(:disabled){background:#d1d5db}.af-entity-grid__cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.af-entity-grid__card{border:1px solid #e5e7eb;border-radius:8px;padding:16px;display:flex;flex-direction:column;gap:8px;background:#fff;transition:box-shadow .2s ease}.af-entity-grid__card:hover{box-shadow:0 4px 12px #00000014}.af-entity-grid__card-field{display:flex;gap:8px;font-size:14px}.af-entity-grid__card-label{font-weight:500;color:#6b7280;flex-shrink:0}.af-entity-grid__card-value{color:#374151}.af-entity-grid__pagination{display:flex;align-items:center;justify-content:center;gap:16px;padding:12px}.af-entity-grid__pagination button{padding:6px 14px;border:1px solid #e5e7eb;border-radius:6px;background:#fff;color:#374151;font-size:14px;cursor:pointer;transition:all .2s ease}.af-entity-grid__pagination button:hover:not(:disabled){border-color:#22c55e;color:#22c55e}.af-entity-grid__pagination button:disabled{opacity:.4;cursor:not-allowed}.af-entity-grid__pagination span{font-size:13px;color:#6b7280}.af-searchable-select{position:relative;flex:1;min-width:0}.af-searchable-select__trigger{display:flex;align-items:center;justify-content:space-between;width:100%;padding:8px 12px;border:1px solid var(--fdf-border-input, rgba(51, 65, 85, .5));border-radius:6px;font-size:13px;font-family:inherit;background:var(--fdf-surface-input, rgba(15, 23, 42, .8));color:var(--fdf-text, #e2e8f0);cursor:pointer;transition:border-color .15s,box-shadow .15s;text-align:left;gap:8px}.af-searchable-select__trigger:hover{border-color:var(--fdf-accent-border, rgba(34, 211, 238, .3))}.af-searchable-select__trigger:focus{outline:none;border-color:var(--fdf-accent, #22c55e);box-shadow:0 0 0 2px var(--fdf-accent-focus-ring, rgba(34, 211, 238, .1))}.af-searchable-select--open .af-searchable-select__trigger{border-color:var(--fdf-accent, #22c55e);box-shadow:0 0 0 2px var(--fdf-accent-focus-ring, rgba(34, 211, 238, .1))}.af-searchable-select--disabled .af-searchable-select__trigger{opacity:.5;cursor:not-allowed}.af-searchable-select__value{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.af-searchable-select__value--placeholder{color:var(--fdf-text-muted, #64748b)}.af-searchable-select__actions{display:flex;align-items:center;gap:6px;flex-shrink:0}.af-searchable-select__clear{display:flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:50%;font-size:14px;line-height:1;color:var(--fdf-text-muted, #64748b);cursor:pointer;transition:color .15s,background .15s}.af-searchable-select__clear:hover{color:var(--fdf-text, #e2e8f0);background:#ffffff14}.af-searchable-select__arrow{color:var(--fdf-text-muted, #64748b);transition:transform .2s,color .15s;flex-shrink:0}.af-searchable-select--open .af-searchable-select__arrow{transform:rotate(180deg);color:var(--fdf-accent, #22c55e)}.af-searchable-select__dropdown{position:absolute;top:calc(100% + 4px);left:0;right:0;z-index:50;border:1px solid var(--fdf-border, rgba(51, 65, 85, .4));border-radius:6px;background:var(--fdf-surface-input, rgba(15, 23, 42, .8));-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 4px 16px #00000040;overflow:hidden}.af-searchable-select__search-container{display:flex;align-items:center;gap:8px;padding:8px 10px;border-bottom:1px solid var(--fdf-border, rgba(51, 65, 85, .4))}.af-searchable-select__search-icon{flex-shrink:0;color:var(--fdf-text-muted, #64748b)}.af-searchable-select__search{flex:1;border:none;background:transparent;font-size:13px;font-family:inherit;color:var(--fdf-text, #e2e8f0);outline:none}.af-searchable-select__search::placeholder{color:var(--fdf-text-muted, #64748b)}.af-searchable-select__list{list-style:none;margin:0;padding:4px 0;max-height:200px;overflow-y:auto}.af-searchable-select__option{padding:7px 12px;font-size:13px;color:var(--fdf-text, #e2e8f0);cursor:pointer;transition:background .1s}.af-searchable-select__option:hover{background:var(--fdf-accent-bg, rgba(34, 211, 238, .1))}.af-searchable-select__option--selected{color:var(--fdf-accent, #22c55e);font-weight:600}.af-searchable-select__no-results{padding:10px 12px;font-size:12px;color:var(--fdf-text-muted, #64748b);text-align:center}.af-searchable-select__add-btn{display:flex;align-items:center;justify-content:center;width:26px;height:26px;flex-shrink:0;border:1px solid var(--fdf-border-input, rgba(51, 65, 85, .5));border-radius:5px;background:transparent;color:var(--fdf-accent, #22c55e);font-size:16px;font-weight:600;line-height:1;cursor:pointer;transition:border-color .15s,background .15s,color .15s}.af-searchable-select__add-btn:hover{border-color:var(--fdf-accent, #22c55e);background:var(--fdf-accent-bg, rgba(34, 211, 238, .1))}.af-searchable-select__add-btn:disabled{opacity:.5;cursor:not-allowed}.af-accordion-section{border:1px solid #e5e7eb;border-radius:6px;overflow:hidden}.af-accordion-section[aria-disabled=true]{opacity:.5;pointer-events:none}.af-accordion-section__header{width:100%;display:flex;align-items:center;justify-content:space-between;padding:10px 14px;background:#f9fafb;border:none;cursor:pointer;font-size:14px;font-weight:500;color:#374151;text-align:left;transition:background .2s ease}.af-accordion-section__header:hover:not(:disabled){background:#f3f4f6}.af-accordion-section__header:disabled{cursor:not-allowed}.af-accordion-section__title{flex:1}.af-accordion-section__icon{flex-shrink:0;display:flex;align-items:center;color:#6b7280}.af-accordion-section__body{padding:12px 14px;background:#fff;border-top:1px solid #e5e7eb}.af-emoji-picker{position:relative;display:inline-block}.af-emoji-picker__trigger{font-size:20px;background:none;border:1px solid #e5e7eb;border-radius:6px;padding:4px 8px;cursor:pointer;transition:border-color .2s ease}.af-emoji-picker__trigger:hover{border-color:#22c55e}.af-emoji-picker__grid{position:absolute;top:calc(100% + 4px);left:0;z-index:50;display:grid;grid-template-columns:repeat(10,1fr);gap:2px;padding:8px;background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 4px 16px #0000001a;min-width:280px}.af-emoji-picker__item{font-size:20px;padding:4px;background:none;border:1px solid transparent;border-radius:4px;cursor:pointer;transition:all .15s ease;line-height:1}.af-emoji-picker__item:hover{background:#f3f4f6;border-color:#e5e7eb}.af-emoji-picker__item--selected{background:#22c55e1a;border-color:#22c55e}.af-form-lookup{position:relative;width:100%}.af-form-lookup__trigger{display:flex;align-items:center;justify-content:space-between;gap:4px;padding:6px 8px;border:1px solid #d1d5db;border-radius:5px;background:#fff;color:#1e293b;cursor:pointer;min-height:32px;font-size:12px;transition:border-color .12s}.af-form-lookup__trigger:hover{border-color:#6b7280}[data-theme=dark] .af-form-lookup__trigger{background:#ffffff0d;border-color:#ffffff1f;color:#e2e8f0}[data-theme=dark] .af-form-lookup__trigger:hover{border-color:#ffffff4d}.af-form-lookup__selected{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.af-form-lookup__placeholder{flex:1;color:#9ca3af;font-style:italic}[data-theme=dark] .af-form-lookup__placeholder{color:#ffffff59}.af-form-lookup__actions{display:flex;align-items:center;gap:2px;flex-shrink:0}.af-form-lookup__open-btn,.af-form-lookup__clear-btn{background:none;border:none;cursor:pointer;padding:2px 4px;border-radius:3px;line-height:1}.af-form-lookup__open-btn{color:#2563eb;font-size:13px;font-weight:700}.af-form-lookup__open-btn:hover{background:#2563eb1a}.af-form-lookup__clear-btn{color:#6b7280;font-size:11px}.af-form-lookup__clear-btn:hover{background:#ef44441a;color:#ef4444}.af-form-lookup__chevron{font-size:9px;color:#9ca3af}.af-form-lookup__dropdown{position:absolute;top:calc(100% + 3px);left:0;right:0;z-index:999;background:#fff;border:1px solid #d1d5db;border-radius:6px;box-shadow:0 4px 16px #0000001f;overflow:hidden}[data-theme=dark] .af-form-lookup__dropdown{background:#1e293b;border-color:#ffffff1f;box-shadow:0 4px 16px #00000080}.af-form-lookup__search-row{padding:6px;border-bottom:1px solid #f1f5f9}[data-theme=dark] .af-form-lookup__search-row{border-color:#ffffff0f}.af-form-lookup__search{width:100%;box-sizing:border-box;padding:5px 8px;border:1px solid #d1d5db;border-radius:4px;font-size:12px;outline:none;background:#f9fafb}.af-form-lookup__search:focus{border-color:#2563eb;background:#fff}[data-theme=dark] .af-form-lookup__search{background:#ffffff12;border-color:#ffffff1a;color:#e2e8f0}[data-theme=dark] .af-form-lookup__search::placeholder{color:#ffffff59}.af-form-lookup__results{max-height:220px;overflow-y:auto}.af-form-lookup__state{padding:10px 12px;font-size:12px;color:#9ca3af;text-align:center}.af-form-lookup__result{display:grid;grid-template-columns:44px 1fr;grid-template-rows:auto auto;padding:7px 10px;cursor:pointer;gap:0 6px;border-bottom:1px solid #f8fafc}.af-form-lookup__result:last-child{border-bottom:none}.af-form-lookup__result:hover{background:#f0f7ff}.af-form-lookup__result--selected{background:#eff6ff}[data-theme=dark] .af-form-lookup__result{border-color:#ffffff0a}[data-theme=dark] .af-form-lookup__result:hover{background:#2563eb26}[data-theme=dark] .af-form-lookup__result--selected{background:#2563eb33}.af-form-lookup__result-id{grid-row:1 / 3;align-self:center;font-size:10px;font-weight:700;color:#6b7280;background:#f1f5f9;border-radius:3px;padding:2px 4px;text-align:center;line-height:1.4}[data-theme=dark] .af-form-lookup__result-id{background:#ffffff14;color:#94a3b8}.af-form-lookup__result-name{font-size:12px;font-weight:600;color:#1e293b;line-height:1.3}[data-theme=dark] .af-form-lookup__result-name{color:#e2e8f0}.af-form-lookup__result-title{font-size:11px;color:#6b7280;grid-column:2;line-height:1.2}[data-theme=dark] .af-form-lookup__result-title{color:#94a3b8}.af-ctrl-lookup{position:relative;width:100%}.af-ctrl-lookup__trigger{display:flex;align-items:flex-start;gap:4px;padding:5px 8px;border:1px solid #d1d5db;border-radius:5px;background:#fff;color:#1e293b;cursor:pointer;min-height:32px;font-size:12px;transition:border-color .12s}.af-ctrl-lookup__trigger:hover{border-color:#6b7280}.af-ctrl-lookup--disabled .af-ctrl-lookup__trigger{pointer-events:none;opacity:.5}[data-theme=dark] .af-ctrl-lookup__trigger{background:#ffffff0d;border-color:#ffffff1f;color:#e2e8f0}[data-theme=dark] .af-ctrl-lookup__trigger:hover{border-color:#ffffff4d}.af-ctrl-lookup__chips{flex:1;display:flex;flex-wrap:wrap;gap:4px;align-items:center;min-height:22px}.af-ctrl-lookup__chip{display:inline-flex;align-items:center;gap:3px;padding:2px 6px;background:#e0f2fe;color:#0369a1;border-radius:3px;font-size:11px;font-weight:500;white-space:nowrap}[data-theme=dark] .af-ctrl-lookup__chip{background:#2563eb33;color:#93c5fd}.af-ctrl-lookup__chip-remove{background:none;border:none;cursor:pointer;color:inherit;opacity:.6;font-size:10px;padding:0 1px;line-height:1}.af-ctrl-lookup__chip-remove:hover{opacity:1}.af-ctrl-lookup__placeholder{color:#9ca3af;font-style:italic;align-self:center}[data-theme=dark] .af-ctrl-lookup__placeholder{color:#ffffff59}.af-ctrl-lookup__actions{display:flex;align-items:center;gap:2px;flex-shrink:0;margin-top:3px}.af-ctrl-lookup__clear-btn{background:none;border:none;cursor:pointer;padding:2px 4px;border-radius:3px;color:#6b7280;font-size:11px;line-height:1}.af-ctrl-lookup__clear-btn:hover{background:#ef44441a;color:#ef4444}.af-ctrl-lookup__chevron{font-size:9px;color:#9ca3af}.af-ctrl-lookup__dropdown{position:absolute;top:calc(100% + 3px);left:0;right:0;z-index:999;background:#fff;border:1px solid #d1d5db;border-radius:6px;box-shadow:0 4px 16px #0000001f;overflow:hidden}[data-theme=dark] .af-ctrl-lookup__dropdown{background:#1e293b;border-color:#ffffff1f;box-shadow:0 4px 16px #00000080}.af-ctrl-lookup__search-row{padding:6px;border-bottom:1px solid #f1f5f9}[data-theme=dark] .af-ctrl-lookup__search-row{border-color:#ffffff0f}.af-ctrl-lookup__search{width:100%;box-sizing:border-box;padding:5px 8px;border:1px solid #d1d5db;border-radius:4px;font-size:12px;outline:none;background:#f9fafb}.af-ctrl-lookup__search:focus{border-color:#2563eb;background:#fff}[data-theme=dark] .af-ctrl-lookup__search{background:#ffffff12;border-color:#ffffff1a;color:#e2e8f0}[data-theme=dark] .af-ctrl-lookup__search::placeholder{color:#ffffff59}.af-ctrl-lookup__results{max-height:220px;overflow-y:auto}.af-ctrl-lookup__state{padding:10px 12px;font-size:12px;color:#9ca3af;text-align:center}.af-ctrl-lookup__result{display:grid;grid-template-columns:20px 60px 1fr;padding:7px 10px;cursor:pointer;gap:0 6px;border-bottom:1px solid #f8fafc;align-items:start}.af-ctrl-lookup__result:last-child{border-bottom:none}.af-ctrl-lookup__result:hover{background:#f0f7ff}.af-ctrl-lookup__result--selected{background:#eff6ff}[data-theme=dark] .af-ctrl-lookup__result{border-color:#ffffff0a}[data-theme=dark] .af-ctrl-lookup__result:hover{background:#2563eb26}[data-theme=dark] .af-ctrl-lookup__result--selected{background:#2563eb33}.af-ctrl-lookup__result-check{font-size:13px;color:#2563eb;line-height:1.3}[data-theme=dark] .af-ctrl-lookup__result-check{color:#93c5fd}.af-ctrl-lookup__result-type{font-size:10px;font-weight:700;color:#6b7280;background:#f1f5f9;border-radius:3px;padding:2px 4px;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}[data-theme=dark] .af-ctrl-lookup__result-type{background:#ffffff14;color:#94a3b8}.af-ctrl-lookup__result-id{font-size:12px;font-weight:600;color:#1e293b;line-height:1.3}[data-theme=dark] .af-ctrl-lookup__result-id{color:#e2e8f0}.af-ctrl-lookup__result-label{font-size:11px;color:#6b7280;grid-column:3;line-height:1.2}[data-theme=dark] .af-ctrl-lookup__result-label{color:#94a3b8}.af-form-renderer__validation-summary{display:block;margin-bottom:24px;padding:16px;background-color:#f8d7da;border:2px solid #dc3545;border-left:4px solid #dc3545;border-radius:4px;color:#856404}.af-form-renderer__validation-summary-header{margin-bottom:12px}.af-form-renderer__validation-summary-title{margin:0;font-size:16px;font-weight:600;color:#721c24;line-height:1.5}.af-form-renderer__validation-summary-list{margin:0;padding-left:24px;list-style-type:disc}.af-form-renderer__validation-summary-item{margin-bottom:8px;font-size:14px;line-height:1.6;color:#856404}.af-form-renderer__validation-summary-item:last-child{margin-bottom:0}.af-form-renderer__validation-summary-label{font-weight:600;margin-right:8px}.af-form-renderer__validation-summary-message{font-weight:400}.af-form-field{display:flex;flex-direction:column;margin-bottom:20px;position:relative}.af-form-field--view{flex-direction:row;align-items:flex-start;gap:16px}.af-form-field--disabled{opacity:.6;cursor:not-allowed}.af-form-field--full{flex:1 1 100%}.af-form-field--half{flex:1 1 calc(50% - 8px)}.af-form-field--third{flex:1 1 calc(33.333% - 8px)}.af-form-field__label{display:flex;align-items:center;gap:4px;margin-bottom:8px;font-size:14px;font-weight:500;color:#333;line-height:1.5}.af-form-field__label-text{flex:1}.af-form-field__required{color:#dc3545;font-weight:600;font-size:14px;line-height:1;padding:0 2px}.af-form-field--view .af-form-field__label{margin-bottom:0;min-width:120px;font-weight:500;color:#666}.af-form-field__input-wrapper{position:relative;display:flex;align-items:center}.af-form-field__input{flex:1;width:100%;padding:10px 12px;font-size:14px;line-height:1.5;color:#333;background-color:#fff;border:1px solid #ccc;border-radius:4px;transition:all .2s ease;font-family:inherit}.af-form-field__input:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 3px #007bff26;background-color:#fff}.af-form-field__input:disabled{background-color:#f5f5f5;color:#999;cursor:not-allowed;border-color:#ddd}.af-form-field__input--error{border-color:#dc3545;background-color:#fff8f8;color:#333}.af-form-field__input--error:focus{border-color:#dc3545;box-shadow:0 0 0 3px #dc354526;background-color:#fff8f8}.af-form-field__value{padding:10px 12px;font-size:14px;color:#666;line-height:1.5;background-color:#f9f9f9;border-radius:4px;word-break:break-word}.af-form-field__error-icon{position:absolute;right:12px;top:50%;transform:translateY(-50%);color:#dc3545;font-size:18px;line-height:1;pointer-events:none}.af-form-field__help{margin-top:6px;font-size:12px;color:#666;line-height:1.4;font-weight:400}.af-form-field__error-message{display:flex;align-items:flex-start;gap:6px;margin-top:6px;padding:8px 12px;font-size:12px;font-weight:500;color:#dc3545;background-color:#fff8f8;border:1px solid #f5c6cb;border-radius:4px;line-height:1.4;animation:slideDown .2s ease}.af-form-field__error-icon-text{flex-shrink:0;font-size:14px;font-weight:600;line-height:1;margin-top:1px}.af-form-field__error-text{flex:1;word-break:break-word}@keyframes slideDown{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.af-form-renderer__actions{display:flex;gap:12px;margin-top:24px;padding-top:24px;border-top:1px solid #eee}.af-form-renderer__submit,.af-form-renderer__cancel{padding:10px 20px;font-size:14px;font-weight:500;border:none;border-radius:4px;cursor:pointer;transition:all .2s ease;font-family:inherit;line-height:1.5}.af-form-renderer__submit{background-color:#007bff;color:#fff;flex:0 0 auto}.af-form-renderer__submit:hover:not(:disabled){background-color:#0056b3;box-shadow:0 2px 4px #0000001a}.af-form-renderer__submit:focus{outline:none;box-shadow:0 0 0 3px #007bff40}.af-form-renderer__submit:disabled{background-color:#ccc;color:#666;cursor:not-allowed;opacity:.6}.af-form-renderer__cancel{background-color:#f5f5f5;color:#333;border:1px solid #ddd}.af-form-renderer__cancel:hover{background-color:#e9e9e9}.af-form-renderer__cancel:focus{outline:none;box-shadow:0 0 0 3px #0000001a}.af-form-renderer__fields{display:grid;grid-template-columns:var(--af-cols, 1fr);gap:20px 24px;margin-bottom:24px}.af-form-field{grid-column:span 1}.af-form-field--full{grid-column:1 / -1}.af-form-field--half,.af-form-field--third{grid-column:span 1}@media (max-width: 768px){.af-form-renderer__fields{grid-template-columns:1fr}.af-form-field,.af-form-field--half,.af-form-field--third,.af-form-field--full{grid-column:1 / -1}.af-form-renderer__actions{flex-direction:column}.af-form-renderer__submit,.af-form-renderer__cancel{width:100%}.af-form-renderer__validation-summary{margin-bottom:16px;padding:12px}}@media (prefers-contrast: more){.af-form-field__input{border-width:2px;border-color:#333}.af-form-field__input:focus{border-color:#000;box-shadow:0 0 0 4px #ff0}.af-form-field__input--error{border-color:#d00;background-color:#fff5f5}.af-form-renderer__validation-summary{border-width:3px;background-color:#fff5f5}.af-form-field__error-message{border-width:2px;font-weight:600}}@media (prefers-reduced-motion: reduce){.af-form-field__input,.af-form-renderer__submit,.af-form-renderer__cancel{transition:none}.af-form-field__error-message{animation:none}}.dark .af-form-renderer__validation-summary{background-color:#4a2626cc;border-color:#dc3545;color:#ffb3b3}.dark .af-form-renderer__validation-summary-title{color:#ff6b6b}.dark .af-form-field__label{color:#e2e8f0}.dark .af-form-field__input{background-color:#1e1e1e99;color:#e2e8f0;border-color:#ffffff1f}.dark .af-form-field__input:focus{border-color:#22c55e;background-color:#1e1e1ecc;box-shadow:0 0 0 3px #22c55e26}.dark .af-form-field__input:disabled{background-color:#14141466;border-color:#ffffff14;color:#e2e8f080}.dark .af-form-field__input--error{background-color:#3a1f1f99;border-color:#dc3545}.dark .af-form-field__input--error:focus{background-color:#3a1f1fcc;box-shadow:0 0 0 3px #dc354526}.dark .af-form-field__error-message{background-color:#3a1f1f99;color:#ff6b6b;border-color:#dc354580}.dark .af-form-field__help{color:#94a3b8e6}.dark .af-form-field__value{background-color:#3339;color:#cbd5e1}.dark .af-form-renderer__actions{border-top-color:#ffffff14}@media (prefers-color-scheme: dark){body:not(.light) .af-form-renderer__validation-summary{background-color:#4a2626cc;border-color:#dc3545;color:#ffb3b3}body:not(.light) .af-form-renderer__validation-summary-title{color:#ff6b6b}body:not(.light) .af-form-field__label{color:#e2e8f0}body:not(.light) .af-form-field__input{background-color:#1e1e1e99;color:#e2e8f0;border-color:#ffffff1f}body:not(.light) .af-form-field__input:focus{border-color:#22c55e;background-color:#1e1e1ecc;box-shadow:0 0 0 3px #22c55e26}body:not(.light) .af-form-field__input:disabled{background-color:#14141466;border-color:#ffffff14}body:not(.light) .af-form-field__input--error{background-color:#3a1f1f99;border-color:#dc3545}body:not(.light) .af-form-field__error-message{background-color:#3a1f1f99;color:#ff6b6b;border-color:#dc354580}body:not(.light) .af-form-field__help{color:#94a3b8e6}body:not(.light) .af-form-field__value{background-color:#3339;color:#cbd5e1}body:not(.light) .af-form-renderer__actions{border-top-color:#ffffff14}}.af-form-content-style-input{max-width:640px;width:100%}.af-form-content-style-web-content{max-width:960px;width:100%}.af-form-content-style-dashboard,.af-form-content-style-data{max-width:100%;width:100%}.af-password-strength-meter{display:flex;flex-direction:column;gap:8px;margin-top:8px;margin-bottom:12px}.af-strength-bar-container{display:flex;width:100%;height:4px;background-color:#e5e7eb;border-radius:2px;overflow:hidden;box-shadow:inset 0 1px 2px #0000000d}.af-strength-bar{transition:width .3s ease,background-color .3s ease;border-radius:2px}.af-strength-bar.af-strength-weak{background-color:#ef4444}.af-strength-bar.af-strength-fair{background-color:#eab308}.af-strength-bar.af-strength-good{background-color:#3b82f6}.af-strength-bar.af-strength-strong{background-color:#22c55e}.af-strength-label{display:flex;justify-content:space-between;align-items:center;font-size:13px;font-weight:500}.af-strength-text{text-transform:uppercase;letter-spacing:.5px;transition:color .3s ease}.af-strength-text.af-strength-weak{color:#ef4444}.af-strength-text.af-strength-fair{color:#eab308}.af-strength-text.af-strength-good{color:#3b82f6}.af-strength-text.af-strength-strong{color:#22c55e}.af-strength-score{color:#6b7280;font-size:12px;font-weight:500}.af-strength-feedback{padding:8px;background-color:#f9fafb;border-left:3px solid #e5e7eb;border-radius:4px;transition:all .3s ease}.af-feedback-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}.af-feedback-item{font-size:12px;color:#6b7280;display:flex;align-items:center;gap:6px}.af-feedback-icon{color:#d97706;font-weight:700;flex-shrink:0}.af-password-strength-meter:has(>.af-strength-label>.af-strength-weak) .af-strength-feedback{border-left-color:#ef4444;background-color:#fef2f2}.af-password-strength-meter:has(>.af-strength-label>.af-strength-fair) .af-strength-feedback{border-left-color:#eab308;background-color:#fffbeb}.af-password-strength-meter:has(>.af-strength-label>.af-strength-good) .af-strength-feedback{border-left-color:#3b82f6;background-color:#eff6ff}.af-password-strength-meter:has(>.af-strength-label>.af-strength-strong) .af-strength-feedback{border-left-color:#22c55e;background-color:#f0fdf4}@media (max-width: 640px){.af-strength-label{flex-direction:column;align-items:flex-start;gap:4px}.af-strength-score,.af-feedback-item{font-size:11px}}@media (prefers-color-scheme: dark){.af-strength-bar-container{background-color:#374151}.af-strength-feedback{background-color:#1f2937;border-left-color:#4b5563}.af-strength-score,.af-feedback-item{color:#9ca3af}}@media print{.af-password-strength-meter{display:none}}.control__file-upload-wrapper{display:flex;flex-direction:column;gap:12px;margin:8px 0}.control__file-upload-wrapper.control__file-upload-wrapper--light,.control__file-upload-wrapper.control__file-upload-wrapper--dark{background:transparent}.control__input--file{display:none}.control__file-upload-label{display:block;padding:28px 24px;border:2px dashed;border-radius:8px;cursor:pointer;text-align:center;transition:all .25s cubic-bezier(.4,0,.2,1);-webkit-user-select:none;user-select:none}.control__file-upload-label.control__file-upload-label--light{border-color:#d1d5db!important;background:transparent!important;box-shadow:none!important}.control__file-upload-label.control__file-upload-label--light:hover{border-color:#22c55e!important;background:transparent!important;box-shadow:none!important;transform:translateY(-1px)}.control__file-upload-label.control__file-upload-label--light:focus-within{outline:2px solid #22c55e!important;outline-offset:2px}.control__file-upload-label.control__file-upload-label--light[aria-disabled=true],.control__input--file:disabled+.control__file-upload-label.control__file-upload-label--light{border-color:#cbd5e1!important;background:transparent!important;cursor:not-allowed;opacity:.65}.control__input--file:disabled+.control__file-upload-label.control__file-upload-label--light .control__file-upload-text{color:#9ca3af!important}.control__file-upload-label.control__file-upload-label--light.control__file-upload-label--error{border-color:#ef4444!important;background:transparent!important;box-shadow:none!important}.control__file-upload-label.control__file-upload-label--light.control__file-upload-label--error:hover{border-color:#dc2626!important;box-shadow:none!important}.control__file-upload-label.control__file-upload-label--dark{border-color:#404854!important;background:transparent!important;box-shadow:none!important}.control__file-upload-label.control__file-upload-label--dark:hover{border-color:#22c55e!important;background:transparent!important;box-shadow:none!important;transform:translateY(-1px)}.control__file-upload-label.control__file-upload-label--dark:focus-within{outline:2px solid #22c55e!important;outline-offset:2px}.control__file-upload-label.control__file-upload-label--dark[aria-disabled=true],.control__input--file:disabled+.control__file-upload-label.control__file-upload-label--dark{border-color:#4b5563!important;background:transparent!important;cursor:not-allowed;opacity:.55}.control__input--file:disabled+.control__file-upload-label.control__file-upload-label--dark .control__file-upload-text{color:#6b7280!important}.control__file-upload-label.control__file-upload-label--dark.control__file-upload-label--error{border-color:#dc2626!important;background:transparent!important;box-shadow:none!important}.control__file-upload-label.control__file-upload-label--dark.control__file-upload-label--error:hover{border-color:#ef4444!important;box-shadow:none!important}.control__file-upload-text{display:block;font-size:14px;font-weight:500;line-height:1.6;word-break:break-word;transition:color .25s}.control__file-upload-label.control__file-upload-label--light .control__file-upload-text{color:#6b7280!important}.control__file-upload-label.control__file-upload-label--light:hover .control__file-upload-text{color:#22c55e!important;font-weight:600}.control__file-upload-label.control__file-upload-label--dark .control__file-upload-text{color:#d1d5db!important}.control__file-upload-label.control__file-upload-label--dark:hover .control__file-upload-text{color:#10b981!important;font-weight:600}.control__file-upload-selected{display:flex;align-items:flex-start;gap:12px;padding:12px 14px;border-radius:6px;animation:slideIn .3s ease-out}@keyframes slideIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.control__file-upload-selected.control__file-upload-selected--light{border:1px solid #d1d5db!important;background-color:transparent!important}.control__file-upload-selected.control__file-upload-selected--light .control__file-upload-selected-label{background-color:#22c55e!important;color:#fff!important}.control__file-upload-selected.control__file-upload-selected--light .control__file-upload-selected-files{color:#374151!important}.control__file-upload-selected.control__file-upload-selected--dark{border:1px solid #404854!important;background-color:transparent!important}.control__file-upload-selected.control__file-upload-selected--dark .control__file-upload-selected-label{background-color:#10b981!important;color:#111827!important}.control__file-upload-selected.control__file-upload-selected--dark .control__file-upload-selected-files{color:#e5e7eb!important}.control__file-upload-selected-label{display:inline-block;padding:2px 8px;border-radius:4px;font-size:11px;font-weight:700;letter-spacing:.5px;flex-shrink:0;white-space:nowrap}.control__file-upload-selected-files{display:block;font-size:13px;font-weight:500;word-break:break-all;flex-grow:1}.control__error-icon{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;margin-left:auto;flex-shrink:0;animation:wiggle .3s ease-in-out}.control__file-upload-selected.control__file-upload-selected--light .control__error-icon{color:#ef4444!important}.control__file-upload-selected.control__file-upload-selected--dark .control__error-icon{color:#dc2626!important}@keyframes wiggle{0%,to{transform:translate(0)}25%{transform:translate(-2px)}75%{transform:translate(2px)}}.control__help{display:block;font-size:12px;line-height:1.5;margin-top:8px;padding-left:2px}.control__file-upload-wrapper--light .control__help{color:#6b7280!important}.control__file-upload-wrapper--dark .control__help{color:#9ca3af!important}.control__error-message{display:flex;align-items:flex-start;gap:8px;padding:10px 12px;border-left:3px solid;border-radius:4px;font-size:12px;line-height:1.5;font-weight:500;animation:slideIn .25s ease-out;margin-top:8px}.control__file-upload-wrapper--light .control__error-message{border-left-color:#ef4444!important;background-color:transparent!important;color:#991b1b!important}.control__file-upload-wrapper--dark .control__error-message{border-left-color:#dc2626!important;background-color:transparent!important;color:#fee2e2!important}.control__error-message:before{content:"⚠";display:inline-block;font-size:14px;flex-shrink:0;line-height:1}.af-file-upload__container{display:block;border:2px dashed #d1d5db;border-radius:8px;padding:24px;text-align:center;background:transparent;cursor:pointer;opacity:1;transition:all .25s cubic-bezier(.4,0,.2,1);box-shadow:none}.af-file-upload__container:hover:not(.af-file-upload__container--disabled){border-color:#22c55e;background:transparent;box-shadow:none;transform:translateY(-1px)}.af-file-upload__container--disabled{border-color:#cbd5e1;background-color:transparent;cursor:not-allowed;opacity:.65;color:#9ca3af}.af-file-upload__container--disabled .af-file-upload__label,.af-file-upload__container--disabled .af-file-upload__hint{color:#9ca3af}.af-file-upload__label{display:block;margin-bottom:12px;font-size:14px;font-weight:600;color:#6b7280}.af-file-upload__hint{display:block;margin-bottom:8px;font-size:12px;color:#9ca3af;line-height:1.5}.af-file-upload__icon{display:block;margin-bottom:8px;font-size:32px}.af-file-upload__button{display:inline-block;padding:10px 20px;margin-top:8px;background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;box-shadow:0 2px 4px #22c55e33}.af-file-upload__button:hover:not(:disabled){background:linear-gradient(135deg,#16a34a,#15803d);box-shadow:0 4px 8px #22c55e4d;transform:translateY(-1px)}.af-file-upload__button:active:not(:disabled){transform:translateY(0)}.af-file-upload__button:disabled{background:#cbd5e1;cursor:not-allowed;box-shadow:none}.af-file-upload__input{display:none}.af-file-upload__container.af-file-upload__container--error{border-color:#ef4444;background:transparent}.af-file-upload__container.af-file-upload__container--error .af-file-upload__label,.af-file-upload__container.af-file-upload__container--error .af-file-upload__hint{color:#991b1b}.af-file-upload__file-name{display:block;margin-top:8px;font-size:12px;color:#16a34a;font-weight:500;line-height:1.5}.af-file-upload__error-message{display:block;margin-top:12px;padding:10px 12px 10px 14px;border-left:3px solid #ef4444;border-radius:4px;background-color:transparent;color:#991b1b;font-size:12px;font-weight:500;line-height:1.5;animation:slideIn .25s ease-out}.af-form-container{display:flex;flex-direction:column;height:100%;background-color:#fff;color:#101211;border-radius:4px;overflow:hidden}[data-theme=dark] .af-form-container{background-color:#1f2937;color:#e5e7eb}.af-form-container__loading{display:flex;align-items:center;justify-content:center;height:100%;color:#6b7280}.af-form-container__child-content{padding:16px;color:#101211}[data-theme=dark] .af-form-container__child-content{color:#e5e7eb}.af-form-container__child-title{margin:0 0 16px;font-size:16px;font-weight:600;color:#101211}[data-theme=dark] .af-form-container__child-title{color:#f3f4f6}.af-form-container__child-placeholder{color:#9ca3af}.af-tabs-layout{display:flex;height:100%;gap:0}.af-tabs-layout--top{flex-direction:column}.af-tabs-layout--left{flex-direction:row}.af-tabs-layout__tabs{flex-shrink:0;background-color:#f9fafb}.af-tabs-layout__tabs--top{display:flex;flex-direction:row;border-bottom:1px solid #e5e7eb}.af-tabs-layout__tabs--left{display:flex;flex-direction:column;width:var(--af-tab-width, 200px);border-right:1px solid #e5e7eb}[data-theme=dark] .af-tabs-layout__tabs{background-color:#111827}[data-theme=dark] .af-tabs-layout__tabs--top{border-bottom-color:#374151}[data-theme=dark] .af-tabs-layout__tabs--left{border-right-color:#374151}.af-tabs-layout__tab{padding:12px 16px;border:none;border-left:3px solid transparent;border-bottom:3px solid transparent;background-color:#1f2937;background:transparent;cursor:pointer;font-weight:400;color:#6b7280;-webkit-user-select:none;user-select:none;transition:all .2s ease;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:flex;align-items:center;gap:6px}.af-tabs-layout--top .af-tabs-layout__tab{flex:1;text-align:center;border-left:none;border-bottom:3px solid transparent}.af-tabs-layout--left .af-tabs-layout__tab{text-align:left;border-bottom:none;border-left:3px solid transparent}.af-tabs-layout__tab--active{font-weight:600;color:#309b48;background-color:#f0f9f4}.af-tabs-layout--top .af-tabs-layout__tab--active{border-bottom-color:#309b48}.af-tabs-layout--left .af-tabs-layout__tab--active{border-left-color:#309b48}.af-tabs-layout__tab:hover:not(:disabled):not(.af-tabs-layout__tab--active){background-color:#f3f4f6}.af-tabs-layout__tab:disabled{opacity:.5;cursor:not-allowed}[data-theme=dark] .af-tabs-layout__tab{color:#9ca3af;background:transparent}[data-theme=dark] .af-tabs-layout__tab--active{color:#309b48;background-color:#309b4826}[data-theme=dark] .af-tabs-layout--top .af-tabs-layout__tab--active{border-bottom-color:#309b48}[data-theme=dark] .af-tabs-layout--left .af-tabs-layout__tab--active{border-left-color:#309b48}[data-theme=dark] .af-tabs-layout__tab:hover:not(:disabled):not(.af-tabs-layout__tab--active){background-color:#1f2937}.af-tabs-layout__tab-label{overflow:hidden;text-overflow:ellipsis;flex:1;min-width:0}.af-tabs-layout__content{flex:1;overflow:auto;padding:16px}.af-validation-badge{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;background-color:#dc2626;color:#fff;border-radius:10px;font-size:12px;font-weight:700;margin-left:4px}.af-wizard-layout{display:flex;flex-direction:column;height:100%;gap:16px;padding:16px}.af-wizard-layout__steps{display:flex;align-items:center;gap:8px;justify-content:center;padding-bottom:16px;border-bottom:1px solid #e5e7eb;flex-shrink:0}[data-theme=dark] .af-wizard-layout__steps{border-bottom-color:#374151}.af-wizard-layout__step-indicator{display:flex;align-items:center;justify-content:center;min-width:32px;height:32px;border-radius:50%;background-color:#e5e7eb;color:#6b7280;font-weight:600;font-size:14px;flex-shrink:0}.af-wizard-layout__step-indicator--completed{background-color:#309b48;color:#fff}.af-wizard-layout__step-connector{height:2px;flex:1;background-color:#e5e7eb}.af-wizard-layout__step-connector--completed{background-color:#309b48}[data-theme=dark] .af-wizard-layout__step-connector{background-color:#374151}.af-wizard-layout__content{flex:1;overflow:auto}.af-wizard-layout__nav{display:flex;justify-content:space-between;align-items:center;padding-top:16px;border-top:1px solid #e5e7eb;gap:8px;flex-shrink:0}[data-theme=dark] .af-wizard-layout__nav{border-top-color:#374151}.af-wizard-layout__nav-right{display:flex;gap:8px}.af-wizard-layout__btn{padding:8px 16px;border-radius:4px;border:1px solid #e5e7eb;background-color:#fff;color:#101211;cursor:pointer;font-weight:500;font-size:14px;transition:all .2s ease}.af-wizard-layout__btn:disabled{background-color:#f3f4f6;color:#9ca3af;cursor:not-allowed;opacity:.6}.af-wizard-layout__btn:hover:not(:disabled){border-color:#d1d5db;background-color:#f9fafb}.af-wizard-layout__btn--next,.af-wizard-layout__btn--submit{background-color:#309b48;color:#fff;border:none}.af-wizard-layout__btn--next:hover:not(:disabled),.af-wizard-layout__btn--submit:hover:not(:disabled){background-color:#248038}.af-wizard-layout__btn--next:disabled,.af-wizard-layout__btn--submit:disabled{background-color:#f3f4f6;color:#9ca3af}[data-theme=dark] .af-wizard-layout__btn{border-color:#374151;background-color:#1f2937;color:#e5e7eb}[data-theme=dark] .af-wizard-layout__btn:disabled{background-color:#111827;color:#6b7280}.af-accordion-layout{display:flex;flex-direction:column;height:100%;gap:0}.af-accordion-layout__item{margin-bottom:8px;width:100%;box-sizing:border-box}.af-accordion-layout__header{width:100%;padding:12px 16px;background-color:#f9fafb;border:1px solid #e5e7eb;border-bottom:1px solid #e5e7eb;cursor:pointer;font-weight:400;color:#6b7280;-webkit-user-select:none;user-select:none;transition:all .2s ease;display:flex;align-items:center;justify-content:space-between;gap:12px;box-sizing:border-box}.af-accordion-layout__header--active{border-bottom:2px solid #309b48;font-weight:600;color:#309b48}.af-accordion-layout__header:hover:not(:disabled){background-color:#f3f4f6}.af-accordion-layout__header:disabled{opacity:.5;cursor:not-allowed}[data-theme=dark] .af-accordion-layout__header{background-color:#1f2937;border-color:#374151;color:#9ca3af}[data-theme=dark] .af-accordion-layout__header--active{border-bottom-color:#309b48;color:#309b48}[data-theme=dark] .af-accordion-layout__header:hover:not(:disabled){background-color:#374151}.af-accordion-layout__header-content{display:flex;align-items:center;gap:8px;flex:1}.af-accordion-layout__icon{font-size:14px}.af-accordion-layout__content{display:none;padding:16px;background-color:#fff;border-left:1px solid #e5e7eb;border-right:1px solid #e5e7eb;border-bottom:1px solid #e5e7eb;width:100%;box-sizing:border-box}.af-accordion-layout__content--active{display:block}[data-theme=dark] .af-accordion-layout__content{background-color:#111827;border-color:#374151}.af-form-container-property-panel{display:flex;flex-direction:column;gap:0}.af-form-container__accordion-section{border-bottom:1px solid #f3f4f6;margin-bottom:0}.af-form-container__accordion-section:last-child{border-bottom:none}.af-form-container__accordion-header{width:100%;padding:12px 0;background:transparent;border:none;cursor:pointer;display:flex;align-items:flex-start;gap:10px;text-align:left;transition:background .15s ease}.af-form-container__accordion-header:hover{background:#00000005}.af-form-container__accordion-toggle{display:inline-flex;align-items:center;justify-content:center;font-size:.75rem;color:#9ca3af;-webkit-user-select:none;user-select:none;width:12px;min-width:12px;flex-shrink:0;margin-top:2px;transition:color .15s ease}.af-form-container__accordion-header--open .af-form-container__accordion-toggle{color:#309b48}.af-form-container__accordion-icon{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;color:#6b7280;transition:color .15s ease;flex-shrink:0;margin-top:2px}.af-form-container__accordion-header--open .af-form-container__accordion-icon{color:#309b48}.af-form-container__accordion-header-content{flex:1;min-width:0}.af-form-container__accordion-title{margin:0;font-size:14px;font-weight:600;color:#374151;line-height:1.4}.af-form-container__accordion-subtitle{margin:4px 0 0;font-size:12px;font-weight:400;color:#9ca3af;line-height:1.3}.af-form-container__accordion-content{padding:0 0 12px 22px;animation:accordionSlideDown .15s ease}.dark .af-form-container__accordion-section,[data-theme=dark] .af-form-container__accordion-section{border-bottom-color:#3341554d}.dark .af-form-container__accordion-header:hover,[data-theme=dark] .af-form-container__accordion-header:hover{background:#ffffff0a}.dark .af-form-container__accordion-title,[data-theme=dark] .af-form-container__accordion-title{color:#d1d5db}.dark .af-form-container__accordion-subtitle,[data-theme=dark] .af-form-container__accordion-subtitle,.dark .af-form-container__accordion-toggle,[data-theme=dark] .af-form-container__accordion-toggle{color:#6b7280}.dark .af-form-container__accordion-header--open .af-form-container__accordion-toggle,[data-theme=dark] .af-form-container__accordion-header--open .af-form-container__accordion-toggle{color:#22c55e}.loader-container{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px}.loader-spinner{border-radius:50%;border-style:solid;border-color:#3a8c4533;border-top-color:#3a8c45;animation:loader-spin .8s linear infinite}.loader-spinner--sm{width:16px;height:16px;border-width:2px}.loader-spinner--md{width:28px;height:28px;border-width:3px}.loader-spinner--lg{width:40px;height:40px;border-width:4px}.loader-label{font-size:13px;color:#94a3b8}.editor-loading{display:flex;align-items:center;justify-content:center;padding:40px 20px}@keyframes loader-spin{to{transform:rotate(360deg)}}.mode-selector{display:flex;gap:6px;padding:2px 4px;margin:0 8px;background:#47556926;border-radius:8px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(100,116,139,.2);box-shadow:0 0 20px #4755694d,inset 0 1px #ffffff0d;transition:all .3s ease}[data-theme=light] .mode-selector{background:#f1f5f9cc;border:1px solid rgba(226,232,240,.6);box-shadow:0 0 20px #94a3b833,inset 0 1px #fffc}.mode-btn{display:flex;align-items:center;gap:6px;padding:2px 16px;border:1px solid rgba(148,163,184,.2);background:#1e293b99;color:#e2e8f0cc;font-size:14px;font-weight:500;border-radius:8px;cursor:pointer;transition:all .2s ease;-webkit-user-select:none;user-select:none;position:relative;overflow:hidden}.mode-btn:hover:not(:disabled){background:#334155b3;border-color:#94a3b84d;color:#e2e8f0;transform:translateY(-1px)}.mode-btn.active{background:#309b4824;border-color:#309b4859;color:#309b48;box-shadow:none;font-weight:600}.mode-btn.active:hover{background:#309b4838;border-color:#309b4880;transform:translateY(-1px)}.mode-btn:disabled{opacity:.5;cursor:not-allowed;background:#1e293b66;border-color:#94a3b81a;color:#94a3b880}.mode-btn:disabled:hover{background:#1e293b66;border-color:#94a3b81a;transform:none}[data-theme=light] .mode-btn{border:1px solid rgba(0,0,0,.12);background:#f9fafb;color:#64748b}[data-theme=light] .mode-btn:hover:not(:disabled){background:#f3f4f6;color:#1e293b;border-color:#0003}[data-theme=light] .mode-btn.active{background:#309b4824;border-color:#309b4859;color:#309b48;box-shadow:none}[data-theme=light] .mode-btn.active:hover{background:#309b4838;border-color:#309b4880}[data-theme=light] .mode-btn:disabled{color:#94a3b8;background:#f9fafb;border-color:#00000014}[data-theme=light] .mode-btn:disabled:hover{background:#f9fafb;border-color:#00000014}.mode-btn:focus-visible{outline:2px solid var(--primary-color, #3b82f6);outline-offset:2px}.mode-icon{display:inline-flex;align-items:center;font-size:16px;line-height:1;transition:transform .2s ease}.mode-btn:hover:not(:disabled) .mode-icon{transform:scale(1.1)}.mode-btn.active .mode-icon{filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.mode-label{font-size:14px;font-weight:inherit;white-space:nowrap;transition:font-weight .2s ease}.mode-btn.active .mode-label{font-weight:600}@media (max-width: 768px){.mode-selector{width:100%;padding:6px}.mode-btn{flex:1;justify-content:center;padding:8px 12px}@media (max-width: 480px){.mode-label{display:none}.mode-btn{padding:8px;gap:0}}}@keyframes modeButtonPress{0%{transform:scale(1)}50%{transform:scale(.95)}to{transform:scale(1)}}.mode-btn:active:not(:disabled){animation:modeButtonPress .1s ease}@media (prefers-contrast: more){.mode-btn{border:1px solid transparent}.mode-btn:not(:disabled){border-color:currentColor}.mode-btn.active{border-color:#fff}}@media (prefers-reduced-motion: reduce){.mode-selector,.mode-btn,.mode-icon,.mode-label{transition:none;animation:none}.mode-btn:hover:not(:disabled){transform:none}}.af-design-tab{display:flex;flex-direction:column;height:100%;gap:1rem}.af-design-tab__toolbar{display:flex;justify-content:space-between;align-items:center;padding:1rem;background-color:#fff;border:1px solid #e5e7eb;border-radius:.375rem;gap:1rem}.af-design-tab__toolbar-group{display:flex;gap:.5rem;align-items:center}.af-design-tab__toolbar-label{font-size:.875rem;font-weight:600;color:#6b7280}.af-design-tab__toolbar-btn{padding:.5rem 1rem;background-color:#f3f4f6;border:1px solid #d1d5db;border-radius:.375rem;cursor:pointer;font-size:.875rem;transition:all .2s ease}.af-design-tab__toolbar-btn:hover{background-color:#16a34a;color:#fff;border-color:#16a34a}.af-design-tab__toolbar-btn--danger{color:#dc2626}.af-design-tab__toolbar-btn--danger:hover{background-color:#dc2626;color:#fff;border-color:#dc2626}.af-design-tab__canvas{flex:1;background-color:#fff;border:1px solid #e5e7eb;border-radius:.375rem;overflow:auto;padding:1rem;transform-origin:top left;transition:transform .2s ease}.af-design-tab__canvas--grid{background-image:linear-gradient(#e5e7eb 1px,transparent 1px),linear-gradient(90deg,#e5e7eb 1px,transparent 1px);background-size:20px 20px}.af-design-tab__canvas-content{min-height:100%;padding:1rem;background-color:transparent}.af-design-tab__empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;height:400px;color:#9ca3af}.af-design-tab__empty-state p{margin:.5rem 0;font-size:.875rem}.af-design-tab__empty-hint{color:#d1d5db;font-size:.8125rem}.af-design-tab__controls-list{display:flex;flex-direction:column;gap:1rem}.af-design-tab__control-item{padding:1rem;background-color:#f9fafb;border:2px solid #e5e7eb;border-radius:.375rem;cursor:move;transition:all .2s ease}.af-design-tab__control-item:hover{border-color:#16a34a;box-shadow:0 4px 6px #0000001a}.af-design-tab__control-item--selected{border-color:#16a34a;background-color:#eff6ff;box-shadow:0 0 0 3px #2563eb1a}.af-design-tab__control-item--dragged-over{border-color:#16a34a;background-color:#f0fdf4;border-style:dashed}.af-design-tab__status{padding:.75rem 1rem;background-color:#fff;border:1px solid #e5e7eb;border-radius:.375rem;font-size:.875rem;color:#6b7280}@media (max-width: 1024px){.af-design-tab__canvas{padding:1rem}.af-design-tab__toolbar{flex-wrap:wrap}}.dark .af-design-tab__canvas,[data-theme=dark] .af-design-tab__canvas{background-color:#0f172a99;border:1px solid rgba(51,65,85,.3)}.dark .af-design-tab__toolbar,[data-theme=dark] .af-design-tab__toolbar{background-color:#0f172acc;border-color:#33415566;color:#94a3b8}.dark .af-design-tab__status,[data-theme=dark] .af-design-tab__status{background-color:#0f172a99;border-color:#3341554d;color:#64748b}.dark .af-design-tab__toolbar-label,[data-theme=dark] .af-design-tab__toolbar-label{color:#475569}.dark .af-design-tab__toolbar-btn,[data-theme=dark] .af-design-tab__toolbar-btn{background-color:#0f172a99;border-color:#33415580;color:#64748b}.dark .af-design-tab__toolbar-btn:hover,[data-theme=dark] .af-design-tab__toolbar-btn:hover{background-color:#22c55e1a;border-color:#22c55e;color:#22c55e}.dark .af-design-tab__toolbar-btn--danger,[data-theme=dark] .af-design-tab__toolbar-btn--danger{color:#f87171}.dark .af-design-tab__toolbar-btn--danger:hover,[data-theme=dark] .af-design-tab__toolbar-btn--danger:hover{background-color:#ef44441a;border-color:#ef4444;color:#fca5a5}.dark .af-design-tab__canvas--grid,[data-theme=dark] .af-design-tab__canvas--grid{background-image:linear-gradient(rgba(51,65,85,.3) 1px,transparent 1px),linear-gradient(90deg,rgba(51,65,85,.3) 1px,transparent 1px)}.dark .af-design-tab__empty-state,[data-theme=dark] .af-design-tab__empty-state{color:#334155}.dark .af-design-tab__empty-hint,[data-theme=dark] .af-design-tab__empty-hint{color:#1e293b}.dark .af-design-tab__control-item,[data-theme=dark] .af-design-tab__control-item{background-color:#0f172a66;border-color:#33415566}.dark .af-design-tab__control-item:hover,[data-theme=dark] .af-design-tab__control-item:hover{border-color:#22c55e;box-shadow:0 4px 6px #0000004d}.dark .af-design-tab__control-item--selected,[data-theme=dark] .af-design-tab__control-item--selected{border-color:#22c55e;background-color:#22c55e14;box-shadow:0 0 0 3px #22c55e1a}.dark .af-design-tab__control-item--dragged-over,[data-theme=dark] .af-design-tab__control-item--dragged-over{border-color:#22c55e;background-color:#22c55e0f}.af-controls-tab{display:flex;flex-direction:column;height:100%}.af-controls-tab__search{padding:8px;flex-shrink:0;border-bottom:1px solid #e5e7eb}.af-controls-tab__search-input{width:100%;padding:6px 10px;border:1px solid #d1d5db;border-radius:4px;font-size:12px;background:#fff;color:#374151;box-sizing:border-box;transition:border-color .15s}.af-controls-tab__search-input:focus{outline:none;border-color:#16a34a;box-shadow:0 0 0 2px #2563eb1a}.af-controls-tab__search-input::placeholder{color:#9ca3af}.af-controls-tab__categories{flex:1;overflow-y:auto}.af-controls-tab__category{border-bottom:1px solid #f3f4f6}.af-controls-tab__category-header{width:100%;padding:6px 10px;background:#f9fafb;border:none;border-bottom:1px solid #f3f4f6;text-align:left;cursor:pointer;display:flex;align-items:center;gap:6px;transition:background .15s}.af-controls-tab__category-header:hover{background:#f3f4f6}.af-controls-tab__category-toggle{display:flex;align-items:center;color:#9ca3af;flex-shrink:0}.af-controls-tab__category-name{flex:1;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:#6b7280}.af-controls-tab__category-count{font-size:10px;color:#d1d5db}.af-controls-tab__category-controls{display:flex;flex-direction:column;background:#fff;padding:4px 6px;gap:3px}.af-controls-tab__control-item{display:flex;flex-direction:row;align-items:center;gap:6px;padding:6px 10px;background:transparent;border:1px solid #e5e7eb;border-radius:6px;cursor:pointer;text-align:left;width:100%;box-sizing:border-box;transition:background .12s,border-color .12s;flex-wrap:nowrap;white-space:nowrap;min-height:28px}.af-controls-tab__control-item:hover{background:#eff6ff;border-color:#86efac}.af-controls-tab__control-item:active{background:#dbeafe}.af-controls-tab__control-item-content{display:flex;flex-direction:row;align-items:center;gap:8px;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis}.af-controls-tab__control-item-help{flex-shrink:0;display:none;margin-left:auto}.af-controls-tab__control-item:hover .af-controls-tab__control-item-help{display:inline-flex}.af-controls-tab__control-icon{display:flex;align-items:center;flex-shrink:0;color:#6b7280;width:16px;height:16px}.af-controls-tab__control-name{font-size:12px;font-weight:500;color:#374151;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.af-controls-tab__info{padding:8px;border-top:1px solid #f3f4f6;flex-shrink:0}.af-controls-tab__info-text{margin:0;font-size:11px;color:#9ca3af;line-height:1.4}.dark .af-controls-tab__search,[data-theme=dark] .af-controls-tab__search{border-bottom-color:#33415566}.dark .af-controls-tab__search-input,[data-theme=dark] .af-controls-tab__search-input{background:#0f172acc;border-color:#33415580;color:#e2e8f0}.dark .af-controls-tab__search-input::placeholder,[data-theme=dark] .af-controls-tab__search-input::placeholder{color:#475569}.dark .af-controls-tab__category,[data-theme=dark] .af-controls-tab__category{border-bottom-color:#33415533}.dark .af-controls-tab__category-header,[data-theme=dark] .af-controls-tab__category-header{background:#0f172a80;border-bottom-color:#3341554d}.dark .af-controls-tab__category-header:hover,[data-theme=dark] .af-controls-tab__category-header:hover{background:#33415559}.dark .af-controls-tab__category-name,[data-theme=dark] .af-controls-tab__category-name,.dark .af-controls-tab__category-toggle,[data-theme=dark] .af-controls-tab__category-toggle{color:#475569}.dark .af-controls-tab__category-controls,[data-theme=dark] .af-controls-tab__category-controls{background:transparent}.dark .af-controls-tab__control-item,[data-theme=dark] .af-controls-tab__control-item{border-color:#33415559}.dark .af-controls-tab__control-item:hover,[data-theme=dark] .af-controls-tab__control-item:hover{background:#22d3ee0f;border-color:#22d3ee4d}.dark .af-controls-tab__control-item:active,[data-theme=dark] .af-controls-tab__control-item:active{background:#22d3ee1f}.dark .af-controls-tab__control-icon,[data-theme=dark] .af-controls-tab__control-icon{color:#475569}.dark .af-controls-tab__control-name,[data-theme=dark] .af-controls-tab__control-name{color:#94a3b8}.dark .af-controls-tab__info,[data-theme=dark] .af-controls-tab__info{border-top-color:#3341554d}.dark .af-controls-tab__info-text,[data-theme=dark] .af-controls-tab__info-text{color:#334155}.af-help-tooltip-container{position:relative;display:inline-flex;align-items:center}.af-help-tooltip-container .af-help-icon{transition:color .2s ease;color:#666}.af-help-tooltip-container:hover .af-help-icon{color:#309b48}.af-help-tooltip-popup{position:fixed;z-index:10001;background:#fff;border:1px solid #ddd;border-radius:6px;box-shadow:0 8px 32px #0003;min-width:300px;max-width:420px;max-height:50vh;overflow-y:auto;animation:helpTooltipFadeIn .15s ease;bottom:auto}.af-help-tooltip-content{padding:12px}.af-help-tooltip-header{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;margin-bottom:8px}.af-help-tooltip-title{margin:0;font-size:13px;font-weight:600;color:#101211;line-height:1.3}.af-help-tooltip-close{flex-shrink:0;padding:0;width:20px;height:20px;background:transparent;border:none;color:#999;font-size:16px;cursor:pointer;transition:color .15s ease;display:flex;align-items:center;justify-content:center}.af-help-tooltip-close:hover{color:#333}.af-help-tooltip-body{font-size:12px;line-height:1.5;color:#6b7879}.af-help-tooltip-body p{margin:0 0 8px}.af-help-tooltip-body p:last-child{margin-bottom:0}.af-help-tooltip-body ul,.af-help-tooltip-body ol{margin:0;padding-left:16px;color:#6b7879}.af-help-tooltip-body li{margin-bottom:6px}.af-help-tooltip-body li:last-child{margin-bottom:0}.af-help-tooltip-body strong{color:#309b48;font-weight:600}.af-help-tooltip-body code{background:#f9fafb;padding:2px 4px;border-radius:2px;font-family:monospace;font-size:11px;color:#e74c3c}@keyframes helpTooltipFadeIn{0%{opacity:0;transform:translateY(-4px) translate(-50%)}to{opacity:1;transform:translateY(0) translate(-50%)}}[data-theme=dark] .af-help-tooltip-popup,.dark .af-help-tooltip-popup{background:#1f2937;border-color:#374151;color:#e5e7eb}[data-theme=dark] .af-help-tooltip-header,.dark .af-help-tooltip-header{border-bottom-color:#374151}[data-theme=dark] .af-help-tooltip-title,.dark .af-help-tooltip-title{color:#f3f4f6}[data-theme=dark] .af-help-tooltip-body,.dark .af-help-tooltip-body,[data-theme=dark] .af-help-tooltip-body p,.dark .af-help-tooltip-body p,[data-theme=dark] .af-help-tooltip-body ul,.dark .af-help-tooltip-body ul,[data-theme=dark] .af-help-tooltip-body ol,.dark .af-help-tooltip-body ol,[data-theme=dark] .af-help-tooltip-body li,.dark .af-help-tooltip-body li{color:#d1d5db}[data-theme=dark] .af-help-tooltip-body strong,.dark .af-help-tooltip-body strong{color:#22c55e}[data-theme=dark] .af-help-tooltip-close:hover,.dark .af-help-tooltip-close:hover{color:#f3f4f6}.af-help-tooltip-popup::-webkit-scrollbar{width:6px}.af-help-tooltip-popup::-webkit-scrollbar-track{background:transparent}.af-help-tooltip-popup::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.af-help-tooltip-popup::-webkit-scrollbar-thumb:hover{background:#9ca3af}[data-theme=dark] .af-help-tooltip-popup::-webkit-scrollbar-thumb,.dark .af-help-tooltip-popup::-webkit-scrollbar-thumb{background:#4b5563}[data-theme=dark] .af-help-tooltip-popup::-webkit-scrollbar-thumb:hover,.dark .af-help-tooltip-popup::-webkit-scrollbar-thumb:hover{background:#6b7280}.af-modal{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:var(--z-modal, 1030);padding:1rem;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);animation:af-modal-fade-in .2s ease-out}@keyframes af-modal-fade-in{0%{opacity:0}to{opacity:1}}.af-modal__container{background-color:#fff;border-radius:var(--radius-lg, .5rem);box-shadow:var(--shadow-xl, 0 20px 25px -5px rgba(0, 0, 0, .1));display:flex;flex-direction:column;max-height:90vh;overflow:hidden;animation:af-modal-slide-up .3s ease-out}@keyframes af-modal-slide-up{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.af-modal--small .af-modal__container{width:100%;max-width:400px}.af-modal--medium .af-modal__container{width:100%;max-width:600px}.af-modal--large .af-modal__container{width:100%;max-width:900px}.af-modal--fullscreen .af-modal__container{width:100%;max-width:1920px;height:95vh;max-height:95vh}.af-modal__header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;border-bottom:1px solid var(--color-gray-200, #e5e7eb);flex-shrink:0;background-color:var(--color-gray-50, #fafafa)}.af-modal__title{margin:0;font-size:1.125rem;font-weight:700;color:var(--color-gray-900, #111827)}.af-modal__close{width:36px;height:36px;border-radius:var(--radius-md, .375rem);border:1px solid var(--color-gray-300, #e5e7eb);background-color:#fff;color:var(--color-gray-500, #6b7280);font-size:1.25rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast, .15s ease);line-height:1}.af-modal__close:hover{background-color:var(--color-error-light, #fee2e2);border-color:var(--color-error, #fca5a5);color:var(--color-error, #dc2626)}.af-modal__content{flex:1;overflow:auto;padding:1.5rem}.af-modal__footer{padding:1rem 1.5rem;border-top:1px solid var(--color-gray-200, #e5e7eb);flex-shrink:0;display:flex;align-items:center;justify-content:flex-end;gap:.75rem;background-color:var(--color-gray-50, #fafafa)}@media (max-width: 768px){.af-modal{padding:0}.af-modal--small .af-modal__container,.af-modal--medium .af-modal__container,.af-modal--large .af-modal__container{max-width:100%;height:100vh;max-height:100vh;border-radius:0}.af-modal__header{padding:.75rem 1rem}.af-modal__title{font-size:1rem}.af-modal__content{padding:1rem}.af-modal__footer{padding:.75rem 1rem}}[data-theme=dark] .af-modal{background-color:#000000bf}[data-theme=dark] .af-modal__container{background-color:var(--color-gray-900, #0f172a);box-shadow:0 25px 50px -12px #000c}[data-theme=dark] .af-modal__header{background-color:var(--color-gray-800, #1e293b);border-bottom-color:var(--color-gray-700, rgba(51, 65, 85, .5))}[data-theme=dark] .af-modal__title{color:var(--color-gray-50, #f1f5f9)}[data-theme=dark] .af-modal__close{background-color:var(--color-gray-700, rgba(51, 65, 85, .5));border-color:var(--color-gray-600, rgba(71, 85, 105, .5));color:var(--color-gray-400, #cbd5e1)}[data-theme=dark] .af-modal__close:hover{background-color:#ef444433;border-color:var(--color-error, #f87171);color:var(--color-error-light, #fca5a5)}[data-theme=dark] .af-modal__footer{background-color:var(--color-gray-800, #1e293b);border-top-color:var(--color-gray-700, rgba(51, 65, 85, .5))}.af-loading-spinner{animation:af-spinner-rotate 1s linear infinite}.af-loading-spinner--inline{display:inline-block;vertical-align:middle}.af-loading-spinner--block{display:block;margin:0 auto}.af-loading-spinner__circle{stroke-dasharray:50,200;stroke-dashoffset:0;animation:af-spinner-dash 1.5s ease-in-out infinite}@keyframes af-spinner-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes af-spinner-dash{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:100,200;stroke-dashoffset:-35}to{stroke-dasharray:100,200;stroke-dashoffset:-125}}@media (prefers-reduced-motion: reduce){.af-loading-spinner{animation:none}.af-loading-spinner__circle{animation:none;stroke-dasharray:1,200}}.af-button{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm, .5rem);padding:var(--spacing-sm, .5rem) var(--spacing-lg, 1rem);border:none;border-radius:var(--radius-md, .375rem);font-size:var(--font-size-sm, .875rem);font-weight:var(--font-weight-semibold, 600);line-height:1.5;cursor:pointer;transition:all var(--transition-fast, .15s ease);white-space:nowrap;-webkit-user-select:none;user-select:none;position:relative}.af-button:focus-visible{outline:2px solid currentColor;outline-offset:2px}.af-button:disabled,.af-button[aria-disabled=true]{cursor:not-allowed;opacity:.6}.af-button--small{padding:var(--spacing-xs, .25rem) var(--spacing-sm, .5rem);font-size:var(--font-size-xs, .75rem);gap:var(--spacing-xs, .25rem)}.af-button--medium{padding:var(--spacing-sm, .5rem) var(--spacing-lg, 1rem);font-size:var(--font-size-sm, .875rem)}.af-button--large{padding:var(--spacing-md, .75rem) var(--spacing-xl, 1.5rem);font-size:var(--font-size-base, 1rem)}.af-button--full-width{width:100%}.af-button--primary{background-color:var(--color-primary, #16a34a);color:#fff}.af-button--primary:hover:not(:disabled){background-color:var(--color-primary-dark, #15803d);box-shadow:var(--shadow-sm, 0 1px 2px 0 rgba(0, 0, 0, .05))}.af-button--primary:active:not(:disabled){background-color:#14532d}.af-button--secondary{background-color:var(--color-gray-200, #e5e7eb);color:var(--color-gray-900, #111827)}.af-button--secondary:hover:not(:disabled){background-color:var(--color-gray-300, #d1d5db)}.af-button--secondary:active:not(:disabled){background-color:var(--color-gray-400, #9ca3af)}.af-button--danger{background-color:var(--color-error, #dc2626);color:#fff}.af-button--danger:hover:not(:disabled){background-color:#b91c1c;box-shadow:var(--shadow-sm, 0 1px 2px 0 rgba(0, 0, 0, .05))}.af-button--danger:active:not(:disabled){background-color:#991b1b}.af-button--success{background-color:var(--color-success, #16a34a);color:#fff}.af-button--success:hover:not(:disabled){background-color:#15803d;box-shadow:var(--shadow-sm, 0 1px 2px 0 rgba(0, 0, 0, .05))}.af-button--success:active:not(:disabled){background-color:#14532d}.af-button--ghost{background-color:transparent;color:var(--color-gray-700, #374151);border:1px solid var(--color-gray-300, #d1d5db)}.af-button--ghost:hover:not(:disabled){background-color:var(--color-gray-100, #f3f4f6)}.af-button--ghost:active:not(:disabled){background-color:var(--color-gray-200, #e5e7eb)}.af-button--loading{position:relative;pointer-events:none}.af-button__spinner{display:inline-flex;align-items:center;justify-content:center}.af-button__label{display:inline-flex;align-items:center}.af-button__icon,.af-button__icon-after{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}[data-theme=dark] .af-button--secondary{background-color:var(--color-gray-700, rgba(51, 65, 85, .5));color:var(--color-gray-50, #f9fafb)}[data-theme=dark] .af-button--secondary:hover:not(:disabled){background-color:var(--color-gray-600, rgba(71, 85, 105, .6))}[data-theme=dark] .af-button--ghost{color:var(--color-gray-300, #d1d5db);border-color:var(--color-gray-600, rgba(71, 85, 105, .5))}[data-theme=dark] .af-button--ghost:hover:not(:disabled){background-color:var(--color-gray-800, rgba(30, 41, 59, .5))}@media (prefers-reduced-motion: reduce){.af-button{transition:none}}.af-properties-modal .af-modal__content{padding:0}.af-properties-modal__modal-content{width:100%;max-width:100%;height:95vh;max-height:95vh}.af-properties-modal__header-content{display:flex;align-items:center;justify-content:space-between;width:100%;gap:16px}.af-properties-modal__body{flex:1;overflow:hidden;padding:0;height:100%}.af-properties-modal__properties-panel{height:100%;overflow-y:auto;padding:16px 20px;background:var(--color-surface, #ffffff)}.af-properties-modal__preview-panel{height:100%;display:flex;flex-direction:column;background:var(--color-gray-50, #fafafa);border-left:1px solid var(--color-gray-200, #e5e7eb)}.af-properties-modal__preview-header{padding:12px 16px;border-bottom:1px solid var(--color-gray-200, #e5e7eb);background:var(--color-surface, #ffffff);display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.af-properties-modal__preview-header h3{margin:0;font-size:14px;font-weight:600;color:var(--color-gray-700, #374151)}.af-properties-modal__preview-badge{font-size:11px;font-weight:500;color:var(--color-success, #16a34a);background:var(--color-success-lighter, #dcfce7);padding:3px 8px;border-radius:12px}.af-properties-modal__preview-content{flex:1;overflow-y:auto;padding:24px;display:flex;align-items:flex-start;justify-content:flex-start;width:100%}.af-properties-modal__preview-content>*{width:100%;max-width:100%}[data-theme=dark] .af-properties-modal__properties-panel{background:var(--color-gray-900, #1f2937)}[data-theme=dark] .af-properties-modal__preview-panel{background:#0003;border-left-color:var(--color-gray-700, rgba(51, 65, 85, .5))}[data-theme=dark] .af-properties-modal__preview-header{background:var(--color-gray-800, #111827);border-bottom-color:var(--color-gray-700, rgba(51, 65, 85, .5))}[data-theme=dark] .af-properties-modal__preview-header h3{color:var(--color-gray-50, #f3f4f6)}[data-theme=dark] .af-properties-modal__preview-badge{background:#22c55e26;color:var(--color-success, #22c55e)}@media (max-width: 768px){.af-properties-modal__modal-content{width:100%;height:100vh;max-height:100vh;border-radius:0}}.af-property-editor__group{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.af-property-editor__label{font-size:.9rem;font-weight:500;color:#374151;display:block}.af-property-editor__required{color:#dc2626;margin-left:.25rem}.af-property-editor__input,.af-property-editor__textarea,.af-property-editor__select{padding:.5rem .75rem;border:1px solid #d1d5db;border-radius:4px;font-size:.9rem;font-family:inherit;background-color:#fff;color:#111827;transition:border-color .15s ease,box-shadow .15s ease;box-sizing:border-box}.af-property-editor__input:focus,.af-property-editor__textarea:focus,.af-property-editor__select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.af-property-editor__textarea{resize:vertical;min-height:80px;font-family:Monaco,Menlo,monospace}.af-property-editor__help{font-size:.8rem;color:#6b7280;margin-top:.25rem;line-height:1.4}.af-property-editor__error{font-size:.8rem;color:#dc2626;margin-top:.25rem}.af-property-editor__counter{font-size:.75rem;color:#9ca3af;margin-top:.25rem;text-align:right}.af-property-editor__checkbox{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem}.af-property-editor__checkbox input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:#3b82f6}.chart-editor__data-entry{margin-top:1rem;padding:1rem;background-color:#f3f4f6;border:1px solid #e5e7eb;border-radius:6px}.chart-editor__data-entry h4{margin:0 0 .5rem;font-size:.95rem;font-weight:600;color:#111827;display:block}.chart-editor__data-entry>div:first-child p{margin:0 0 1rem;font-size:.85rem;color:#6b7280;line-height:1.4}.chart-editor__data-entry-empty{padding:1rem;text-align:center;color:#9ca3af;font-size:.9rem;border:1px dashed #d1d5db;border-radius:4px;margin-bottom:1rem;background-color:#fff}.chart-editor__data-table{width:100%;margin-bottom:1rem;border-collapse:collapse;font-size:.9rem;border:1px solid #d1d5db;border-radius:4px;background-color:#fff;box-shadow:0 1px 2px #0000000d}.chart-editor__data-table thead{background-color:#f3f4f6;border-bottom:1px solid #d1d5db}.chart-editor__data-table th{padding:.75rem;text-align:left;font-weight:600;color:#374151;font-size:.85rem;text-transform:uppercase;letter-spacing:.5px}.chart-editor__data-table td{padding:.75rem;border-bottom:1px solid #e5e7eb}.chart-editor__data-table tbody tr:last-child td{border-bottom:none}.chart-editor__data-table tbody tr:hover{background-color:#fafbfc}.chart-editor__data-input{width:100%;padding:.5rem;border:1px solid #d1d5db;border-radius:4px;font-size:.9rem;font-family:inherit;background-color:#fff;color:#111827;transition:border-color .15s ease,box-shadow .15s ease;box-sizing:border-box}.chart-editor__data-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.chart-editor__data-input:disabled{background-color:#f3f4f6;color:#9ca3af;cursor:not-allowed}.chart-editor__data-action-col{text-align:center;width:50px}.chart-editor__delete-button{padding:.35rem .5rem;font-size:.85rem;background-color:#fee2e2;color:#dc2626;border:1px solid #fecaca;border-radius:4px;cursor:pointer;transition:background-color .15s ease,border-color .15s ease;font-weight:500;min-width:32px}.chart-editor__delete-button:hover{background-color:#fecaca;border-color:#f87171;color:#991b1b}.chart-editor__delete-button:active{background-color:#f87171}.chart-editor__delete-button:disabled{opacity:.5;cursor:not-allowed}.chart-editor__add-row-button{display:inline-flex;align-items:center;gap:.5rem;padding:.625rem 1rem;font-size:.9rem;font-weight:500;background-color:#dbeafe;color:#0369a1;border:1px solid #7dd3fc;border-radius:4px;cursor:pointer;transition:background-color .15s ease,border-color .15s ease,color .15s ease}.chart-editor__add-row-button:hover{background-color:#bfdbfe;border-color:#38bdf8;color:#0284c7}.chart-editor__add-row-button:active{background-color:#7dd3fc}.chart-editor__add-row-button:disabled{opacity:.5;cursor:not-allowed}.chart-editor__api-config{margin-top:1rem;padding:1rem;background-color:#eff6ff;border:1px solid #bfdbfe;border-radius:6px}.chart-editor__api-config .af-property-editor__group{margin-bottom:1rem}.chart-editor__api-config .af-property-editor__group:last-child{margin-bottom:0}.chart-editor__section{margin-bottom:1.5rem;padding-bottom:1.5rem;border-bottom:1px solid #f3f4f6}.chart-editor__section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.chart-editor__section-title{margin:0 0 1rem;font-size:1rem;font-weight:600;color:#111827}.chart-editor__section-help{margin:0 0 1rem;font-size:.85rem;color:#6b7280}.chart-editor__section-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1rem}.chart-editor__number-input{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.chart-editor__number-input label{font-size:.9rem;font-weight:500;color:#374151}.chart-editor__number-input input{padding:.5rem .75rem;border:1px solid #d1d5db;border-radius:4px;font-size:.9rem;background-color:#fff;color:#111827;transition:border-color .15s ease,box-shadow .15s ease;box-sizing:border-box}.chart-editor__number-input input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.chart-editor__number-input .af-property-editor__help{font-size:.8rem;color:#9ca3af;margin-top:.25rem}.chart-editor__color-input{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.chart-editor__color-input label{font-size:.9rem;font-weight:500;color:#374151}.chart-editor__color-picker{width:100%;height:40px;border:1px solid #d1d5db;border-radius:4px;cursor:pointer;transition:border-color .15s ease}.chart-editor__color-picker:hover{border-color:#9ca3af}.chart-editor__color-picker:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.chart-editor__series-list{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.chart-editor__series-item{border:1px solid #e5e7eb;border-radius:4px;overflow:hidden;background-color:#fff}.chart-editor__series-toggle{width:100%;padding:.75rem;background-color:#f9fafb;border:none;text-align:left;font-weight:500;color:#111827;cursor:pointer;transition:background-color .15s ease;display:flex;align-items:center;gap:.5rem}.chart-editor__series-toggle:hover{background-color:#f3f4f6}.chart-editor__series-config{padding:1rem;background-color:#fff;border-top:1px solid #e5e7eb;display:flex;flex-direction:column;gap:1rem}.chart-editor__empty{padding:2rem 1rem;text-align:center;color:#9ca3af;background-color:#f9fafb;border:1px dashed #d1d5db;border-radius:4px;font-size:.9rem}.chart-editor__empty p{margin:0}.axis-configurator{display:flex;flex-direction:column;gap:1.5rem}.axis-configurator__section{padding:1rem;background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;display:flex;flex-direction:column;gap:1rem}.axis-configurator__subsection-title{margin:0;font-size:.95rem;font-weight:600;color:#111827}.axis-configurator__checkbox{display:flex;align-items:center;gap:.5rem}.axis-configurator__checkbox input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:#3b82f6}.axis-configurator__number-input{display:flex;flex-direction:column;gap:.5rem}.axis-configurator__number-input label{font-size:.9rem;font-weight:500;color:#374151}.axis-configurator__number-input input{padding:.5rem .75rem;border:1px solid #d1d5db;border-radius:4px;font-size:.9rem;background-color:#fff;color:#111827;transition:border-color .15s ease,box-shadow .15s ease;box-sizing:border-box}.axis-configurator__number-input input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.chart-editor__add-button{display:inline-flex;align-items:center;gap:.5rem;padding:.625rem 1rem;font-size:.9rem;font-weight:500;background-color:#dbeafe;color:#0369a1;border:1px solid #7dd3fc;border-radius:4px;cursor:pointer;transition:background-color .15s ease,border-color .15s ease,color .15s ease}.chart-editor__add-button:hover{background-color:#bfdbfe;border-color:#38bdf8;color:#0284c7}.chart-editor__add-button:active{background-color:#7dd3fc}.chart-editor__add-button:disabled{opacity:.5;cursor:not-allowed}.chart-editor__remove-button{padding:.625rem 1rem;font-size:.9rem;font-weight:500;background-color:#fee2e2;color:#dc2626;border:1px solid #fecaca;border-radius:4px;cursor:pointer;transition:background-color .15s ease,border-color .15s ease}.chart-editor__remove-button:hover{background-color:#fecaca;border-color:#f87171;color:#991b1b}.chart-editor__remove-button:active{background-color:#f87171}.chart-editor__remove-button:disabled{opacity:.5;cursor:not-allowed}.chart-editor__checkbox{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem}.chart-editor__checkbox input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:#3b82f6}.chart-editor__checkbox label{font-size:.9rem;color:#374151;cursor:pointer;-webkit-user-select:none;user-select:none}.dark .af-property-editor__label,[data-theme=dark] .af-property-editor__label{color:#d1d5db}.dark .af-property-editor__input,[data-theme=dark] .af-property-editor__input,.dark .af-property-editor__textarea,[data-theme=dark] .af-property-editor__textarea,.dark .af-property-editor__select,[data-theme=dark] .af-property-editor__select{background-color:#0f172acc;border-color:#33415580;color:#e2e8f0}.dark .af-property-editor__input:focus,[data-theme=dark] .af-property-editor__input:focus,.dark .af-property-editor__textarea:focus,[data-theme=dark] .af-property-editor__textarea:focus,.dark .af-property-editor__select:focus,[data-theme=dark] .af-property-editor__select:focus{border-color:#22c55e;box-shadow:0 0 0 3px #22c55e1a}.dark .af-property-editor__input:disabled,[data-theme=dark] .af-property-editor__input:disabled,.dark .af-property-editor__textarea:disabled,[data-theme=dark] .af-property-editor__textarea:disabled,.dark .af-property-editor__select:disabled,[data-theme=dark] .af-property-editor__select:disabled{background-color:#3341554d;color:#6b7280}.dark .af-property-editor__help,[data-theme=dark] .af-property-editor__help{color:#9ca3af}.dark .af-property-editor__error,[data-theme=dark] .af-property-editor__error{color:#f87171}.dark .af-property-editor__checkbox label,[data-theme=dark] .af-property-editor__checkbox label{color:#d1d5db}.dark .af-property-editor__checkbox input[type=checkbox],[data-theme=dark] .af-property-editor__checkbox input[type=checkbox]{accent-color:#22c55e}.dark .chart-editor__data-entry,[data-theme=dark] .chart-editor__data-entry{background-color:#3341554d;border-color:#33415580}.dark .chart-editor__data-entry h4,[data-theme=dark] .chart-editor__data-entry h4{color:#f3f4f6}.dark .chart-editor__data-entry>div:first-child p,[data-theme=dark] .chart-editor__data-entry>div:first-child p{color:#d1d5db}.dark .chart-editor__data-entry-empty,[data-theme=dark] .chart-editor__data-entry-empty{background-color:#0f172a80;border-color:#33415580;color:#9ca3af}.dark .chart-editor__data-table,[data-theme=dark] .chart-editor__data-table{background-color:#0f172acc;border-color:#33415580}.dark .chart-editor__data-table thead,[data-theme=dark] .chart-editor__data-table thead{background-color:#3341554d;border-bottom-color:#33415580}.dark .chart-editor__data-table th,[data-theme=dark] .chart-editor__data-table th{color:#d1d5db}.dark .chart-editor__data-table td,[data-theme=dark] .chart-editor__data-table td{border-bottom-color:#3341554d}.dark .chart-editor__data-table tbody tr:hover,[data-theme=dark] .chart-editor__data-table tbody tr:hover{background-color:#33415533}.dark .chart-editor__data-input,[data-theme=dark] .chart-editor__data-input{background-color:#0f172acc;border-color:#33415580;color:#e2e8f0}.dark .chart-editor__data-input:focus,[data-theme=dark] .chart-editor__data-input:focus{border-color:#22c55e;box-shadow:0 0 0 3px #22c55e1a}.dark .chart-editor__data-input:disabled,[data-theme=dark] .chart-editor__data-input:disabled{background-color:#3341554d;color:#6b7280}.dark .chart-editor__delete-button,[data-theme=dark] .chart-editor__delete-button{background-color:#dc262633;border-color:#dc26264d;color:#fca5a5}.dark .chart-editor__delete-button:hover,[data-theme=dark] .chart-editor__delete-button:hover{background-color:#dc26264d;border-color:#dc262680;color:#fecaca}.dark .chart-editor__add-row-button,[data-theme=dark] .chart-editor__add-row-button{background-color:#22c55e26;border-color:#22c55e4d;color:#86efac}.dark .chart-editor__add-row-button:hover,[data-theme=dark] .chart-editor__add-row-button:hover{background-color:#22c55e40;border-color:#22c55e80;color:#bbf7d0}.dark .chart-editor__add-button,[data-theme=dark] .chart-editor__add-button{background-color:#228be626;border-color:#228be64d;color:#93c5fd}.dark .chart-editor__add-button:hover,[data-theme=dark] .chart-editor__add-button:hover{background-color:#228be640;border-color:#228be680;color:#bfdbfe}.dark .chart-editor__remove-button,[data-theme=dark] .chart-editor__remove-button{background-color:#dc262633;border-color:#dc26264d;color:#fca5a5}.dark .chart-editor__remove-button:hover,[data-theme=dark] .chart-editor__remove-button:hover{background-color:#dc26264d;border-color:#dc262680;color:#fecaca}.dark .axis-configurator__section,[data-theme=dark] .axis-configurator__section{background-color:#33415533;border-color:#33415580}.dark .axis-configurator__subsection-title,[data-theme=dark] .axis-configurator__subsection-title{color:#f3f4f6}.dark .axis-configurator__checkbox label,[data-theme=dark] .axis-configurator__checkbox label{color:#d1d5db}.dark .axis-configurator__checkbox input[type=checkbox],[data-theme=dark] .axis-configurator__checkbox input[type=checkbox]{accent-color:#22c55e}.dark .axis-configurator__number-input label,[data-theme=dark] .axis-configurator__number-input label{color:#d1d5db}.dark .axis-configurator__number-input input,[data-theme=dark] .axis-configurator__number-input input{background-color:#0f172acc;border-color:#33415580;color:#e2e8f0}.dark .axis-configurator__number-input input:focus,[data-theme=dark] .axis-configurator__number-input input:focus{border-color:#22c55e;box-shadow:0 0 0 3px #22c55e1a}.dark .chart-editor__api-config,[data-theme=dark] .chart-editor__api-config{background-color:#228be61a;border-color:#228be64d}.dark .chart-editor__section,[data-theme=dark] .chart-editor__section{border-bottom-color:#3341554d}.dark .chart-editor__section-title,[data-theme=dark] .chart-editor__section-title{color:#f3f4f6}.dark .chart-editor__section-help,[data-theme=dark] .chart-editor__section-help,.dark .chart-editor__number-input label,[data-theme=dark] .chart-editor__number-input label{color:#d1d5db}.dark .chart-editor__number-input input,[data-theme=dark] .chart-editor__number-input input{background-color:#0f172acc;border-color:#33415580;color:#e2e8f0}.dark .chart-editor__number-input input:focus,[data-theme=dark] .chart-editor__number-input input:focus{border-color:#22c55e;box-shadow:0 0 0 3px #22c55e1a}.dark .chart-editor__color-picker,[data-theme=dark] .chart-editor__color-picker{border-color:#33415580}.dark .chart-editor__series-item,[data-theme=dark] .chart-editor__series-item{background-color:#0f172acc;border-color:#33415580}.dark .chart-editor__series-toggle,[data-theme=dark] .chart-editor__series-toggle{background-color:#3341554d;color:#d1d5db}.dark .chart-editor__series-toggle:hover,[data-theme=dark] .chart-editor__series-toggle:hover{background-color:#33415580}.dark .chart-editor__series-config,[data-theme=dark] .chart-editor__series-config{background-color:#0f172acc;border-top-color:#33415580}.dark .chart-editor__empty,[data-theme=dark] .chart-editor__empty{background-color:#33415533;border-color:#33415566;color:#9ca3af}.dark .chart-editor__checkbox label,[data-theme=dark] .chart-editor__checkbox label{color:#d1d5db}.dark .chart-editor__checkbox input[type=checkbox],[data-theme=dark] .chart-editor__checkbox input[type=checkbox]{accent-color:#22c55e}@media (max-width: 768px){.chart-editor__data-table{font-size:.85rem}.chart-editor__data-table th,.chart-editor__data-table td{padding:.5rem}.chart-editor__add-row-button{width:100%;justify-content:center}}.af-property-editor__group{display:flex;flex-direction:column;gap:4px;margin-bottom:10px}.af-property-editor__group:last-child{margin-bottom:0}.af-property-editor__label{font-size:12px;font-weight:600;color:#374151;display:block;margin-bottom:2px}.af-property-editor__input,.af-property-editor__textarea,.af-property-editor__select{width:100%;padding:5px 8px;border:1px solid #d1d5db;border-radius:4px;font-size:12px;font-family:inherit;background-color:#fff;color:#111827;box-sizing:border-box;transition:border-color .15s ease,box-shadow .15s ease}.af-property-editor__input:focus,.af-property-editor__textarea:focus,.af-property-editor__select:focus{outline:none;border-color:#22c55e;box-shadow:0 0 0 2px #22c55e26}.af-property-editor__input:disabled,.af-property-editor__textarea:disabled,.af-property-editor__select:disabled{background-color:#f3f4f6;color:#9ca3af;cursor:not-allowed}.af-property-editor__textarea{resize:vertical;min-height:70px;font-family:Consolas,Monaco,monospace}.af-property-editor__help{font-size:11px;color:#6b7280;line-height:1.4}.af-property-editor__error{font-size:11px;color:#dc2626}.af-property-editor__group--checkbox{flex-direction:column;gap:4px;margin-bottom:6px}.af-property-editor__group--checkbox:last-child{margin-bottom:0}.af-property-editor__checkbox-wrapper{display:flex;align-items:flex-start;gap:8px}.af-property-editor__checkbox{width:14px;height:14px;margin-top:1px;cursor:pointer;accent-color:#22c55e;flex-shrink:0}.af-property-editor__checkbox:disabled{cursor:not-allowed;accent-color:#9ca3af}.af-property-editor__checkbox-label{font-size:12px;font-weight:500;color:#374151;cursor:pointer;-webkit-user-select:none;user-select:none;line-height:1.5}.af-property-editor__json-header{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:4px}.af-property-editor__json-header .af-property-editor__label{margin-bottom:0}.af-property-editor__json-controls{display:flex;align-items:center;gap:4px;flex-shrink:0}.af-property-editor__button{padding:3px 10px;border:1px solid #d1d5db;border-radius:4px;font-size:11px;font-weight:500;background:#fff;color:#374151;cursor:pointer;transition:background-color .12s,border-color .12s,color .12s;line-height:1.5}.af-property-editor__button:hover:not(:disabled){background:#f3f4f6;border-color:#9ca3af;color:#111827}.af-property-editor__button:disabled{opacity:.45;cursor:not-allowed}.af-property-editor__button--small{padding:2px 8px;font-size:11px}.af-property-editor__json-wrapper{display:flex;border:1px solid #d1d5db;border-radius:4px;overflow:hidden;background:#fff}.af-property-editor__line-numbers{display:flex;flex-direction:column;padding:6px 4px;background:#f3f4f6;border-right:1px solid #e5e7eb;-webkit-user-select:none;user-select:none;min-width:28px;text-align:right}.af-property-editor__line-number{font-size:10px;font-family:Consolas,Monaco,monospace;color:#9ca3af;line-height:1.6;padding-right:4px}.af-property-editor__textarea--json{flex:1;border:none!important;border-radius:0!important;resize:vertical;font-family:Consolas,Monaco,monospace;font-size:11px;line-height:1.6;padding:6px 8px;background:transparent;box-shadow:none!important}.af-property-editor__textarea--json:focus{outline:none;box-shadow:none!important}.af-property-editor__json-wrapper:focus-within{border-color:#22c55e;box-shadow:0 0 0 2px #22c55e26}.af-property-editor__textarea--error{background:#fff5f5!important;color:#b91c1c!important}.af-property-editor__json-info{display:flex;align-items:center;gap:8px;margin-top:3px}.af-property-editor__json-stat{font-size:10px;color:#9ca3af}.af-property-editor__json-stat--valid{color:#16a34a;font-weight:500}.af-property-editor__error-title{font-size:11px;font-weight:600;color:#dc2626}.af-property-editor__error-detail{font-size:11px;color:#dc2626;margin-top:2px;font-family:Consolas,Monaco,monospace}.af-property-editor__section{margin-bottom:16px;padding:10px 12px;border:1px solid #e5e7eb;border-radius:6px;background:#fafafa}.af-property-editor__section:last-child{margin-bottom:0}.af-property-editor__section-title{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#6b7280;margin:0 0 10px;padding-bottom:6px;border-bottom:1px solid #e5e7eb}.af-grid-editor__col-row{border:1px solid #e5e7eb;border-radius:5px;margin-bottom:6px;overflow:hidden;background:#fff}.af-grid-editor__col-row:last-of-type{margin-bottom:0}.af-grid-editor__col-summary{display:flex;align-items:center;justify-content:space-between;padding:6px 8px;background:#f3f4f6;gap:6px}.af-grid-editor__col-expand{display:flex;align-items:center;gap:6px;flex:1;min-width:0;background:none;border:none;padding:0;font-size:12px;font-weight:500;color:#374151;cursor:pointer;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.af-grid-editor__col-expand:hover{color:#111827}.af-grid-editor__col-type-badge{display:inline-block;padding:1px 6px;border-radius:10px;font-size:10px;font-weight:600;background:#dbeafe;color:#1d4ed8;flex-shrink:0}.af-grid-editor__col-actions{display:flex;align-items:center;gap:2px;flex-shrink:0}.af-grid-editor__col-actions button{background:none;border:1px solid transparent;border-radius:3px;padding:2px 5px;font-size:12px;color:#6b7280;cursor:pointer;line-height:1.4;transition:background-color .12s,color .12s}.af-grid-editor__col-actions button:hover:not(:disabled){background:#e5e7eb;color:#111827}.af-grid-editor__col-actions button:disabled{opacity:.35;cursor:default}.af-grid-editor__col-delete{background:none;border:1px solid transparent;border-radius:3px;padding:2px 6px;font-size:12px;line-height:1.4;cursor:pointer;flex-shrink:0;color:#dc2626;transition:background-color .12s,border-color .12s,color .12s}.af-grid-editor__col-delete:hover{background:#fee2e2;border-color:#fca5a5;color:#b91c1c}.af-grid-editor__col-detail{padding:10px 12px;display:flex;flex-direction:column;gap:0;border-top:1px solid #e5e7eb}.af-grid-editor__col-row-fields{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:8px;align-items:start}.af-grid-editor__btn-row{border:1px solid #e5e7eb;border-radius:5px;margin-bottom:6px;overflow:hidden;background:#fff}.af-grid-editor__btn-row:last-of-type{margin-bottom:0}.af-grid-editor__add-btn{display:flex;align-items:center;gap:6px;margin-top:8px;padding:5px 10px;width:100%;background:#f0fdf4;border:1px dashed #22c55e;border-radius:4px;font-size:12px;font-weight:500;color:#16a34a;cursor:pointer;transition:background-color .12s,border-color .12s;justify-content:center}.af-grid-editor__add-btn:hover{background:#dcfce7;border-color:#16a34a;color:#15803d}.af-grid-editor__tab-bar{display:flex;gap:2px;margin-bottom:10px;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:5px;padding:3px}.af-grid-editor__tab{flex:1;padding:4px 10px;font-size:12px;font-weight:500;color:#6b7280;background:transparent;border:none;border-radius:3px;cursor:pointer;transition:background-color .12s,color .12s}.af-grid-editor__tab:hover:not(.af-grid-editor__tab--active){background:#e5e7eb;color:#374151}.af-grid-editor__tab--active{background:#fff;color:#111827;font-weight:600;box-shadow:0 1px 3px #0000001a}.dark .af-property-editor__label,[data-theme=dark] .af-property-editor__label{color:#e2e8f0}.dark .af-property-editor__input,.dark .af-property-editor__textarea,.dark .af-property-editor__select,[data-theme=dark] .af-property-editor__input,[data-theme=dark] .af-property-editor__textarea,[data-theme=dark] .af-property-editor__select{background-color:#1e293b;border-color:#334155;color:#e2e8f0}.dark .af-property-editor__input:focus,.dark .af-property-editor__textarea:focus,.dark .af-property-editor__select:focus,[data-theme=dark] .af-property-editor__input:focus,[data-theme=dark] .af-property-editor__textarea:focus,[data-theme=dark] .af-property-editor__select:focus{border-color:#22c55e;box-shadow:0 0 0 2px #22c55e33}.dark .af-property-editor__input:disabled,.dark .af-property-editor__textarea:disabled,.dark .af-property-editor__select:disabled,[data-theme=dark] .af-property-editor__input:disabled,[data-theme=dark] .af-property-editor__textarea:disabled,[data-theme=dark] .af-property-editor__select:disabled{background-color:#0f172a;color:#475569;border-color:#1e293b}.dark .af-property-editor__help,[data-theme=dark] .af-property-editor__help{color:#94a3b8}.dark .af-property-editor__section,[data-theme=dark] .af-property-editor__section{background:#0f172a;border-color:#334155}.dark .af-property-editor__section-title,[data-theme=dark] .af-property-editor__section-title{color:#94a3b8;border-bottom-color:#334155}.dark .af-grid-editor__col-row,[data-theme=dark] .af-grid-editor__col-row{border-color:#334155;background:#1e293b}.dark .af-grid-editor__col-summary,[data-theme=dark] .af-grid-editor__col-summary{background:#0f172a}.dark .af-grid-editor__col-expand,[data-theme=dark] .af-grid-editor__col-expand{color:#cbd5e1}.dark .af-grid-editor__col-expand:hover,[data-theme=dark] .af-grid-editor__col-expand:hover{color:#f1f5f9}.dark .af-grid-editor__col-type-badge,[data-theme=dark] .af-grid-editor__col-type-badge{background:#1e3a5f;color:#93c5fd}.dark .af-grid-editor__col-actions button,[data-theme=dark] .af-grid-editor__col-actions button{color:#94a3b8}.dark .af-grid-editor__col-actions button:hover:not(:disabled),[data-theme=dark] .af-grid-editor__col-actions button:hover:not(:disabled){background:#334155;color:#e2e8f0}.dark .af-grid-editor__col-detail,[data-theme=dark] .af-grid-editor__col-detail{border-top-color:#334155}.dark .af-grid-editor__col-delete,[data-theme=dark] .af-grid-editor__col-delete{color:#f87171}.dark .af-grid-editor__col-delete:hover,[data-theme=dark] .af-grid-editor__col-delete:hover{background:#2d0e0e;border-color:#7f1d1d;color:#fca5a5}.dark .af-grid-editor__btn-row,[data-theme=dark] .af-grid-editor__btn-row{border-color:#334155;background:#1e293b}.dark .af-grid-editor__add-btn,[data-theme=dark] .af-grid-editor__add-btn{background:#052e16;border-color:#16a34a;color:#4ade80}.dark .af-grid-editor__add-btn:hover,[data-theme=dark] .af-grid-editor__add-btn:hover{background:#14532d;border-color:#22c55e;color:#86efac}.dark .af-grid-editor__tab-bar,[data-theme=dark] .af-grid-editor__tab-bar{background:#0f172a;border-color:#334155}.dark .af-grid-editor__tab,[data-theme=dark] .af-grid-editor__tab{color:#94a3b8}.dark .af-grid-editor__tab:hover:not(.af-grid-editor__tab--active),[data-theme=dark] .af-grid-editor__tab:hover:not(.af-grid-editor__tab--active){background:#1e293b;color:#cbd5e1}.dark .af-grid-editor__tab--active,[data-theme=dark] .af-grid-editor__tab--active{background:#1e293b;color:#f1f5f9;box-shadow:0 1px 3px #0006}.dark .af-property-editor__button,[data-theme=dark] .af-property-editor__button{background:#1e293b;border-color:#334155;color:#cbd5e1}.dark .af-property-editor__button:hover:not(:disabled),[data-theme=dark] .af-property-editor__button:hover:not(:disabled){background:#334155;border-color:#475569;color:#f1f5f9}.dark .af-property-editor__json-wrapper,[data-theme=dark] .af-property-editor__json-wrapper{background:#1e293b;border-color:#334155}.dark .af-property-editor__line-numbers,[data-theme=dark] .af-property-editor__line-numbers{background:#0f172a;border-right-color:#334155}.dark .af-property-editor__line-number,[data-theme=dark] .af-property-editor__line-number{color:#475569}.dark .af-property-editor__json-wrapper:focus-within,[data-theme=dark] .af-property-editor__json-wrapper:focus-within{border-color:#22c55e;box-shadow:0 0 0 2px #22c55e33}.dark .af-property-editor__textarea--error,[data-theme=dark] .af-property-editor__textarea--error{background:#2d0e0e!important;color:#f87171!important}.dark .af-property-editor__json-stat,[data-theme=dark] .af-property-editor__json-stat{color:#475569}.dark .af-property-editor__json-stat--valid,[data-theme=dark] .af-property-editor__json-stat--valid{color:#4ade80}.dark .af-property-editor__checkbox-label,[data-theme=dark] .af-property-editor__checkbox-label{color:#e2e8f0}.af-grid-editor__link-config{display:flex;flex-direction:column;gap:0;margin-top:4px}.af-grid-editor__link-kind-bar{display:flex;gap:2px;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:5px;padding:3px;margin-top:2px}.af-grid-editor__link-kind-btn{flex:1;padding:4px 6px;font-size:11px;font-weight:500;color:#6b7280;background:transparent;border:none;border-radius:3px;cursor:pointer;transition:background-color .12s,color .12s;white-space:nowrap}.af-grid-editor__link-kind-btn:hover:not(.af-grid-editor__link-kind-btn--active){background:#e5e7eb;color:#374151}.af-grid-editor__link-kind-btn--active{background:#fff;color:#111827;font-weight:600;box-shadow:0 1px 3px #0000001a}.af-grid-editor__matrix-rule{border:1px solid #e5e7eb;border-radius:4px;padding:8px 10px;margin-bottom:6px;background:#f9fafb}.af-grid-editor__matrix-rule-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.af-grid-editor__matrix-rule-num{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#6b7280}.af-grid-editor__matrix-fallback{border:1px solid #bbf7d0;border-radius:4px;padding:8px 10px;margin-top:6px;background:#f0fdf4}.af-grid-editor__leaf-action{padding-left:8px;border-left:2px solid #e5e7eb;margin-top:4px}.dark .af-grid-editor__link-kind-bar,[data-theme=dark] .af-grid-editor__link-kind-bar{background:#0f172a;border-color:#334155}.dark .af-grid-editor__link-kind-btn,[data-theme=dark] .af-grid-editor__link-kind-btn{color:#94a3b8}.dark .af-grid-editor__link-kind-btn:hover:not(.af-grid-editor__link-kind-btn--active),[data-theme=dark] .af-grid-editor__link-kind-btn:hover:not(.af-grid-editor__link-kind-btn--active){background:#1e293b;color:#cbd5e1}.dark .af-grid-editor__link-kind-btn--active,[data-theme=dark] .af-grid-editor__link-kind-btn--active{background:#1e293b;color:#f1f5f9;box-shadow:0 1px 3px #0006}.dark .af-grid-editor__matrix-rule,[data-theme=dark] .af-grid-editor__matrix-rule{background:#0f172a;border-color:#334155}.dark .af-grid-editor__matrix-rule-num,[data-theme=dark] .af-grid-editor__matrix-rule-num{color:#94a3b8}.dark .af-grid-editor__matrix-fallback,[data-theme=dark] .af-grid-editor__matrix-fallback{background:#052e16;border-color:#166534}.dark .af-grid-editor__leaf-action,[data-theme=dark] .af-grid-editor__leaf-action{border-left-color:#334155}.af-properties-tab{display:flex;flex-direction:column;height:100%}.af-properties-tab--empty{align-items:center;justify-content:center}.af-properties-tab__empty-state{text-align:center;color:#9ca3af}.af-properties-tab__empty-state p{margin:.5rem 0}.af-properties-tab__empty-hint{font-size:.8125rem;color:#d1d5db}.af-properties-tab__header{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:0 .75rem;border-bottom:1px solid #e5e7eb;flex-shrink:0;height:36px;transition:height .2s ease}.af-properties-tab__fullscreen-button{padding:6px 8px;background:transparent;border:none;cursor:pointer;color:#666;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:background .15s ease,color .15s ease}.af-properties-tab__fullscreen-button:hover{background:#f3f4f6;color:#309b48}.af-properties-tab__search{position:relative;padding:.5rem .75rem;border-bottom:1px solid #e5e7eb;flex-shrink:0;background-color:#fafafa;max-height:200px;overflow:hidden;transition:max-height .2s ease,padding .2s ease}.af-properties-tab--compact .af-properties-tab__search{max-height:0;padding:0 .75rem;border-bottom:none}.af-properties-tab__search-input{width:100%;padding:.5rem 2rem .5rem .75rem;border:1px solid #d1d5db;border-radius:6px;font-size:.875rem;color:#111;background-color:#fff;transition:border-color .15s ease,box-shadow .15s ease}.af-properties-tab__search-input:focus{outline:none;border-color:#22c55e;box-shadow:0 0 0 3px #22c55e1a}.af-properties-tab__search-input::placeholder{color:#9ca3af}.af-properties-tab__search-clear{position:absolute;right:2rem;top:50%;transform:translateY(-50%);background:transparent;border:none;font-size:1.25rem;color:#9ca3af;cursor:pointer;padding:.25rem .5rem;line-height:1;border-radius:4px;transition:color .15s ease,background .15s ease}.af-properties-tab__search-clear:hover{color:#6b7280;background:#f3f4f6}[data-theme=dark] .af-properties-tab__search{background-color:#0003;border-bottom-color:#ffffff0f}[data-theme=dark] .af-properties-tab__search-input{background-color:#ffffff0d;border-color:#ffffff1a;color:#f8fafc}[data-theme=dark] .af-properties-tab__search-input:focus{border-color:#22c55e;box-shadow:0 0 0 3px #22c55e26}[data-theme=dark] .af-properties-tab__search-input::placeholder{color:#6b7280}[data-theme=dark] .af-properties-tab__search-clear{color:#6b7280}[data-theme=dark] .af-properties-tab__search-clear:hover{color:#9ca3af;background:#ffffff1a}.af-properties-tab__content{flex:1;width:100%;overflow-y:auto;overflow-x:hidden;padding:1.5rem;background-color:#fff;transition:padding .2s ease}.af-properties-tab--compact .af-properties-tab__content{padding:.5rem}.af-properties-tab__section-title{margin:0 0 .5rem;font-size:.9375rem;font-weight:600;color:#111;transition:font-size .2s ease}.af-properties-tab--compact .af-properties-tab__section-title{font-size:.8125rem}.af-properties-tab__section{margin-bottom:1.5rem;padding-bottom:1.5rem;border-bottom:1px solid #f3f4f6}.af-properties-tab__section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.af-properties-tab__accordion-section{border-bottom:1px solid #f3f4f6;margin-bottom:0}.af-properties-tab__accordion-section:last-child{border-bottom:none}.af-properties-tab__accordion-header{width:100%;padding:.5rem 0;background:transparent;border:none;cursor:pointer;display:flex;align-items:center;gap:6px;text-align:left;transition:background .15s ease,padding .2s ease}.af-properties-tab--compact .af-properties-tab__accordion-header{padding:.375rem 0}.af-properties-tab__accordion-header:hover{background:#00000005}.af-properties-tab__accordion-toggle{display:inline-flex;align-items:center;font-size:.75rem;color:#9ca3af;-webkit-user-select:none;user-select:none;width:12px;transition:color .15s ease}.af-properties-tab__accordion-header--open .af-properties-tab__accordion-toggle{color:#309b48}.af-properties-tab__accordion-icon{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;color:#6b7280;transition:color .15s ease;flex-shrink:0}.af-properties-tab__accordion-header--open .af-properties-tab__accordion-icon{color:#309b48}.af-properties-tab__accordion-header-content{display:flex;flex-direction:column;gap:.25rem;flex:1}.af-properties-tab__accordion-description{margin:0;font-size:.75rem;color:#9ca3af;font-weight:400}.af-properties-tab__accordion-title{margin:0;font-size:.8125rem;font-weight:600;color:#374151;flex:1;transition:font-size .2s ease}.af-properties-tab--compact .af-properties-tab__accordion-title{font-size:.75rem}.af-properties-tab__accordion-content{padding:0 0 .5rem 16px;animation:accordionSlideDown .15s ease;transition:padding .2s ease}.af-properties-tab--compact .af-properties-tab__accordion-content{padding:0 0 .375rem 12px}@keyframes accordionSlideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.af-properties-tab__subsection-title{margin:1rem 0 .75rem;font-size:.9375rem;font-weight:600;color:#374151}.af-properties-tab__group{margin-bottom:.625rem;transition:margin-bottom .2s ease}.af-properties-tab--compact .af-properties-tab__group{margin-bottom:.5rem}.af-properties-tab__label{display:flex;flex-direction:column;gap:.375rem;font-weight:600;font-size:.8125rem;color:#374151;transition:font-size .2s ease,gap .2s ease}.af-properties-tab--compact .af-properties-tab__label{font-size:.75rem;gap:.25rem}.af-properties-tab__input,.af-properties-tab__textarea,.af-properties-tab__select{display:block;width:100%;box-sizing:border-box;padding:.75rem;border:1px solid #d1d5db;border-radius:.375rem;font-size:.8125rem;font-family:inherit;transition:all .2s ease}.af-properties-tab__input{height:50px}.af-properties-tab__select{height:50px;position:relative;z-index:10;contain:layout style paint}.af-properties-tab__select option{background-color:#1f2937;color:#fff;padding:8px}.af-properties-tab__select option:checked{background:linear-gradient(#22c55e,#22c55e);background-color:#22c55e}.af-properties-tab__textarea{height:auto;min-height:80px}.af-properties-tab__input:focus,.af-properties-tab__textarea:focus,.af-properties-tab__select:focus{outline:none;border-color:#16a34a;box-shadow:0 0 0 3px #2563eb1a}.af-properties-tab__input:disabled{background-color:#f3f4f6;color:#9ca3af;cursor:not-allowed}.af-properties-tab__textarea{resize:vertical;min-height:80px}.af-properties-tab__checkbox-group{margin-bottom:.75rem}.af-properties-tab__checkbox-label{display:flex;align-items:center;gap:.75rem;cursor:pointer;font-weight:400;font-size:.875rem;color:#374151;-webkit-user-select:none;user-select:none}.af-properties-tab__checkbox-label input[type=checkbox]{width:1.125rem;height:1.125rem;cursor:pointer;accent-color:#16a34a}.af-properties-tab__radio-group{margin-bottom:.75rem}.af-properties-tab__radio-label{display:flex;align-items:center;gap:.75rem;cursor:pointer;font-weight:400;font-size:.875rem;color:#374151;-webkit-user-select:none;user-select:none}.af-properties-tab__radio-label input[type=radio]{width:1.125rem;height:1.125rem;cursor:pointer;accent-color:#16a34a}.af-properties-tab__options-editor{display:flex;flex-direction:column;gap:6px}.af-properties-tab__options-empty{font-size:.8125rem;color:#9ca3af;margin:0 0 6px}.af-properties-tab__option-header{display:flex;gap:6px;align-items:center;padding:.5rem .25rem;margin-bottom:.5rem;border-bottom:2px solid #e5e7eb;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#6b7280}.af-properties-tab__option-header-value{width:38%;flex-shrink:0}.af-properties-tab__option-header-label{flex:1}.af-properties-tab__option-header-disabled{width:70px;text-align:center}.af-properties-tab__option-header-actions{width:40px;text-align:center}.af-properties-tab__option-row{display:flex;gap:6px;align-items:center}.af-properties-tab__option-value{width:38%;flex-shrink:0}.af-properties-tab__option-label{flex:1}.af-properties-tab__option-disabled-label{display:flex;align-items:center;justify-content:center;gap:4px;font-size:.75rem;color:#6b7280;white-space:nowrap;cursor:pointer;flex-shrink:0;width:70px}.af-properties-tab__option-disabled-text{-webkit-user-select:none;user-select:none}.af-properties-tab__option-disabled-label input[type=checkbox]{width:.875rem;height:.875rem;cursor:pointer;accent-color:#16a34a}.af-properties-tab__option-remove{padding:0 6px;width:40px;height:32px;border:1px solid #e5e7eb;border-radius:.375rem;background:transparent;color:#ef4444;font-size:.75rem;cursor:pointer;flex-shrink:0;transition:background .15s;display:flex;align-items:center;justify-content:center}.af-properties-tab__option-remove:hover{background:#fee2e2}.af-properties-tab__add-option-btn{margin-top:4px;padding:6px 12px;border:1px dashed #d1d5db;border-radius:.375rem;background:transparent;color:#16a34a;font-size:.8125rem;font-weight:600;cursor:pointer;transition:all .15s;align-self:flex-start}.af-properties-tab__add-option-btn:hover{border-color:#16a34a;background:#16a34a0f}.dark .af-properties-tab__content,[data-theme=dark] .af-properties-tab__content{background-color:#1f2937;color:#f3f4f6}.dark .af-properties-tab__header,[data-theme=dark] .af-properties-tab__header{border-bottom-color:#374151}.dark .af-properties-tab__section-title,[data-theme=dark] .af-properties-tab__section-title{color:#f3f4f6}.dark .af-properties-tab__subsection-title,[data-theme=dark] .af-properties-tab__subsection-title,.dark .af-properties-tab__label,[data-theme=dark] .af-properties-tab__label{color:#d1d5db}.dark .af-properties-tab__input:focus,.dark .af-properties-tab__textarea:focus,.dark .af-properties-tab__select:focus,[data-theme=dark] .af-properties-tab__input:focus,[data-theme=dark] .af-properties-tab__textarea:focus,[data-theme=dark] .af-properties-tab__select:focus{border-color:#22c55e;box-shadow:0 0 0 3px #22c55e1a}.dark .af-properties-tab__input:disabled,[data-theme=dark] .af-properties-tab__input:disabled{background-color:#3341554d;color:#6b7280}.dark .af-properties-tab__select option,[data-theme=dark] .af-properties-tab__select option{background-color:#1f2937;color:#fff}.dark .af-properties-tab__select option:checked,[data-theme=dark] .af-properties-tab__select option:checked{background:linear-gradient(#22c55e,#22c55e);background-color:#22c55e;color:#fff}.dark .af-properties-tab__checkbox-label,[data-theme=dark] .af-properties-tab__checkbox-label{color:#d1d5db}.dark .af-properties-tab__radio-label,[data-theme=dark] .af-properties-tab__radio-label{color:#d1d5db}.dark .af-properties-tab__fullscreen-button,[data-theme=dark] .af-properties-tab__fullscreen-button{color:#9ca3af}.dark .af-properties-tab__fullscreen-button:hover,[data-theme=dark] .af-properties-tab__fullscreen-button:hover{background:#33415580;color:#22c55e}.dark .af-properties-tab__section,[data-theme=dark] .af-properties-tab__section,.dark .af-properties-tab__accordion-section,[data-theme=dark] .af-properties-tab__accordion-section{border-bottom-color:#3341554d}.dark .af-properties-tab__accordion-header:hover,[data-theme=dark] .af-properties-tab__accordion-header:hover{background:#ffffff0a}.dark .af-properties-tab__accordion-title,[data-theme=dark] .af-properties-tab__accordion-title{color:#d1d5db}.dark .af-properties-tab__accordion-toggle,[data-theme=dark] .af-properties-tab__accordion-toggle{color:#6b7280}.dark .af-properties-tab__accordion-header--open .af-properties-tab__accordion-toggle,[data-theme=dark] .af-properties-tab__accordion-header--open .af-properties-tab__accordion-toggle{color:#22c55e}.dark .af-properties-tab__option-header,[data-theme=dark] .af-properties-tab__option-header{border-bottom-color:#33415580;color:#94a3b8}.dark .af-properties-tab__option-disabled-label,[data-theme=dark] .af-properties-tab__option-disabled-label{color:#64748b}.dark .af-properties-tab__option-disabled-label input[type=checkbox],[data-theme=dark] .af-properties-tab__option-disabled-label input[type=checkbox]{accent-color:#22c55e}.dark .af-properties-tab__option-remove,[data-theme=dark] .af-properties-tab__option-remove{border-color:#33415580;color:#f87171}.dark .af-properties-tab__option-remove:hover,[data-theme=dark] .af-properties-tab__option-remove:hover{background:#ef44441a}.dark .af-properties-tab__add-option-btn,[data-theme=dark] .af-properties-tab__add-option-btn{border-color:#33415580;color:#22c55e}.dark .af-properties-tab__add-option-btn:hover,[data-theme=dark] .af-properties-tab__add-option-btn:hover{border-color:#22c55e66;background:#22c55e14}@media (max-width: 1024px){.af-properties-tab__content{padding:1rem}.af-properties-tab__section{margin-bottom:1rem;padding-bottom:1rem}}.dark .af-properties-tab__content,[data-theme=dark] .af-properties-tab__content{background-color:#0f172a99;border-color:#3341554d;color:#e2e8f0}.dark .af-properties-tab__section-title,[data-theme=dark] .af-properties-tab__section-title{color:#f1f5f9}.dark .af-properties-tab__subsection-title,.dark .af-properties-tab__label,[data-theme=dark] .af-properties-tab__subsection-title,[data-theme=dark] .af-properties-tab__label{color:#94a3b8}.dark .af-properties-tab__section,[data-theme=dark] .af-properties-tab__section{border-bottom-color:#3341554d}.dark .af-properties-tab__input,.dark .af-properties-tab__textarea,.dark .af-properties-tab__select,[data-theme=dark] .af-properties-tab__input,[data-theme=dark] .af-properties-tab__textarea,[data-theme=dark] .af-properties-tab__select{background-color:#0f172acc;border-color:#33415580;color:#e2e8f0}.dark .af-properties-tab__input:focus,.dark .af-properties-tab__textarea:focus,.dark .af-properties-tab__select:focus,[data-theme=dark] .af-properties-tab__input:focus,[data-theme=dark] .af-properties-tab__textarea:focus,[data-theme=dark] .af-properties-tab__select:focus{border-color:#22c55e;box-shadow:0 0 0 2px #22c55e1a}.dark .af-properties-tab__input:disabled,[data-theme=dark] .af-properties-tab__input:disabled{background-color:#0f172a66;color:#334155}.dark .af-properties-tab__checkbox-label,[data-theme=dark] .af-properties-tab__checkbox-label{color:#94a3b8}.dark .af-properties-tab__checkbox-label input[type=checkbox],[data-theme=dark] .af-properties-tab__checkbox-label input[type=checkbox]{accent-color:#22c55e}.dark .af-properties-tab__radio-label,[data-theme=dark] .af-properties-tab__radio-label{color:#94a3b8}.dark .af-properties-tab__radio-label input[type=radio],[data-theme=dark] .af-properties-tab__radio-label input[type=radio]{accent-color:#22c55e}.dark .af-properties-tab__empty-state,[data-theme=dark] .af-properties-tab__empty-state{color:#334155}.af-properties-tab__button{padding:5px 12px;border-radius:4px;border:1px solid #d1d5db;background:#fff;color:#374151;font-size:12px;font-weight:500;cursor:pointer;white-space:nowrap;transition:all .15s ease}.af-properties-tab__button:hover{border-color:#9ca3af;background:#f9fafb}.af-properties-tab__button--primary{background:#309b48;color:#fff;border-color:#309b48}.af-properties-tab__button--primary:hover{background:#278a3e;border-color:#278a3e}.af-properties-tab__button--danger{background:transparent;color:#ef4444;border-color:#fca5a5}.af-properties-tab__button--danger:hover{background:#ef444414;border-color:#ef4444}.af-properties-tab__option-row{display:flex;gap:6px;align-items:center;margin-bottom:6px}.af-properties-tab__option-value,.af-properties-tab__option-label{flex:1}.af-properties-tab__options-empty{font-size:12px;color:#9ca3af;margin:0 0 8px}.af-properties-tab__cascade-level-row{display:flex;gap:6px;align-items:center;margin-bottom:6px}.af-properties-tab__cascade-label,.af-properties-tab__cascade-id,.af-properties-tab__cascade-parent{flex:1}.af-properties-tab__info{font-size:11px;color:#9ca3af;margin:4px 0 0}.dark .af-properties-tab__button,[data-theme=dark] .af-properties-tab__button{background:#ffffff0f;border-color:#ffffff1f;color:#e2e8f0}.dark .af-properties-tab__button:hover,[data-theme=dark] .af-properties-tab__button:hover{background:#ffffff1a;border-color:#fff3}.dark .af-properties-tab__button--primary,[data-theme=dark] .af-properties-tab__button--primary{background:#22c55e;color:#fff;border-color:#22c55e}.dark .af-properties-tab__button--primary:hover,[data-theme=dark] .af-properties-tab__button--primary:hover{background:#16a34a;border-color:#16a34a}.dark .af-properties-tab__button--danger,[data-theme=dark] .af-properties-tab__button--danger{background:transparent;color:#f87171;border-color:#f871714d}.dark .af-properties-tab__button--danger:hover,[data-theme=dark] .af-properties-tab__button--danger:hover{background:#ef44441a;border-color:#f87171}.dark .af-properties-tab__options-empty,[data-theme=dark] .af-properties-tab__options-empty{color:#475569}.dark .af-properties-tab__info,[data-theme=dark] .af-properties-tab__info{color:#64748b}.af-property-editor__default-editor{padding:0}.af-property-editor__default-header{display:flex;align-items:center;gap:8px;margin-bottom:12px}.af-property-editor__default-icon{color:#309b48;flex-shrink:0}.af-property-editor__default-title{font-size:15px;font-weight:600;color:#309b48}.af-property-editor__default-description{padding:12px 14px;border-radius:6px;margin-bottom:16px;border-left:3px solid #309B48;background:#309b480f}.af-property-editor__default-description p{margin:0 0 6px;font-size:13px;color:#6b7280;line-height:1.5}.af-property-editor__default-description p:last-child{margin-bottom:0}.af-property-editor__default-code{background:#309b481a;color:#309b48;padding:1px 6px;border-radius:3px;font-size:12px}.af-property-editor__default-subtitle{font-size:13px;font-weight:600;color:#374151;margin:0 0 8px}.af-property-editor__default-properties,.af-property-editor__default-help{margin-top:12px}.af-property-editor__default-property-list{display:flex;flex-direction:column;gap:4px}.af-property-editor__default-property{padding:8px 10px;border-radius:4px;background:#f9fafb;border:1px solid #e5e7eb}.af-property-editor__default-label{font-size:12px;font-weight:600;color:#374151}.af-property-editor__default-description-small{font-size:11px;color:#9ca3af;margin:2px 0 4px}.af-property-editor__default-value{font-size:12px;font-family:Consolas,Monaco,monospace;color:#309b48}.af-property-editor__default-empty{font-size:12px;color:#9ca3af;padding:8px 0}.af-property-editor__default-help-list{font-size:12px;color:#6b7280;padding-left:18px;margin:0;line-height:1.8}.af-property-editor__default-help-list li{margin-bottom:4px}.af-property-editor__default-help-link{font-size:11px;color:#9ca3af;margin:8px 0 0}.dark .af-property-editor__default-icon,[data-theme=dark] .af-property-editor__default-icon,.dark .af-property-editor__default-title,[data-theme=dark] .af-property-editor__default-title{color:#22c55e}.dark .af-property-editor__default-description,[data-theme=dark] .af-property-editor__default-description{background:#22c55e0f;border-left-color:#22c55e}.dark .af-property-editor__default-description p,[data-theme=dark] .af-property-editor__default-description p{color:#94a3b8}.dark .af-property-editor__default-code,[data-theme=dark] .af-property-editor__default-code{background:#22c55e1a;color:#22c55e}.dark .af-property-editor__default-subtitle,[data-theme=dark] .af-property-editor__default-subtitle{color:#e2e8f0}.dark .af-property-editor__default-property,[data-theme=dark] .af-property-editor__default-property{background:#ffffff0a;border-color:#ffffff14}.dark .af-property-editor__default-label,[data-theme=dark] .af-property-editor__default-label{color:#e2e8f0}.dark .af-property-editor__default-description-small,[data-theme=dark] .af-property-editor__default-description-small{color:#64748b}.dark .af-property-editor__default-value,[data-theme=dark] .af-property-editor__default-value{color:#22c55e}.dark .af-property-editor__default-empty,[data-theme=dark] .af-property-editor__default-empty{color:#475569}.dark .af-property-editor__default-help-list,[data-theme=dark] .af-property-editor__default-help-list{color:#94a3b8}.dark .af-property-editor__default-help-link,[data-theme=dark] .af-property-editor__default-help-link{color:#64748b}.af-form-container-subtab-bar{border-bottom:1px solid #e5e7eb;display:flex;gap:0;overflow-x:auto}.dark .af-form-container-subtab-bar,[data-theme=dark] .af-form-container-subtab-bar{border-bottom-color:#33415566}.af-child-forms-grid__header-cell{padding:8px 12px;background-color:#f3f4f6;border-bottom:1px solid #e5e7eb;font-size:12px;font-weight:600;color:#6b7280;text-align:left;white-space:nowrap}.af-child-forms-grid__cell{padding:4px 8px;border-bottom:1px solid #e5e7eb;font-size:13px;color:#374151;background-color:transparent}.af-child-forms-grid__row:hover .af-child-forms-grid__cell{background-color:#f9fafb}.af-child-forms-grid__cell--selected{background-color:#f0f9f4!important}.af-child-forms-grid__input,.af-child-forms-grid__select{width:100%;padding:4px 6px;border:1px solid #d1d5db;border-radius:3px;font-size:11px;font-family:inherit;background-color:transparent;color:inherit}.af-child-forms-grid__button{padding:3px 5px;border:1px solid #d1d5db;border-radius:3px;background-color:transparent;cursor:pointer;font-size:11px;color:#374151;margin-right:2px}.af-child-forms-grid__button:disabled{opacity:.35;cursor:not-allowed}.af-child-forms-grid__delete-btn{padding:3px 5px;border:1px solid #dc2626;border-radius:3px;background-color:#fecaca4d;cursor:pointer;font-size:11px;color:#dc2626}.af-child-forms-grid__empty{padding:32px;text-align:center;color:#9ca3af;border-radius:4px;border:1px dashed #d1d5db}.af-child-forms-grid__add-btn{padding:8px 16px;background-color:#309b48;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:13px;font-weight:500;align-self:flex-start}.dark .af-child-forms-grid__header-cell,[data-theme=dark] .af-child-forms-grid__header-cell{background-color:#0f172a99;border-bottom-color:#33415580;color:#64748b}.dark .af-child-forms-grid__cell,[data-theme=dark] .af-child-forms-grid__cell{border-bottom-color:#3341554d;color:#94a3b8}.dark .af-child-forms-grid__row:hover .af-child-forms-grid__cell,[data-theme=dark] .af-child-forms-grid__row:hover .af-child-forms-grid__cell{background-color:#33415533}.dark .af-child-forms-grid__cell--selected,[data-theme=dark] .af-child-forms-grid__cell--selected{background-color:#16a34a14!important}.dark .af-child-forms-grid__input,.dark .af-child-forms-grid__select,[data-theme=dark] .af-child-forms-grid__input,[data-theme=dark] .af-child-forms-grid__select{background-color:#0f172acc;border-color:#33415580;color:#e2e8f0}.dark .af-child-forms-grid__button,[data-theme=dark] .af-child-forms-grid__button{border-color:#33415580;color:#94a3b8;background-color:#0f172a66}.dark .af-child-forms-grid__delete-btn,[data-theme=dark] .af-child-forms-grid__delete-btn{border-color:#ef444480;background-color:#ef44441a;color:#f87171}.dark .af-child-forms-grid__empty,[data-theme=dark] .af-child-forms-grid__empty{color:#475569;border-color:#33415566}.af-settings-tab{display:flex;height:100%}.af-settings-tab__content{width:100%;overflow-y:auto;padding:1.5rem;background-color:#fff;border-radius:.375rem;border:1px solid #e5e7eb}.af-settings-tab__section-header{display:flex;justify-content:space-between;align-items:center;gap:1rem}.af-settings-tab__hint{display:block;margin-top:4px;font-size:11px;color:#9ca3af}.af-settings-tab__section-title{margin:1.5rem 0 1rem;font-size:1.125rem;font-weight:600;color:#111}.af-settings-tab__section{margin-bottom:1.5rem;padding-bottom:1.5rem;border-bottom:1px solid #f3f4f6}.af-settings-tab__section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.af-settings-tab__group{margin-bottom:1rem}.af-settings-tab__label{display:flex;flex-direction:column;gap:.5rem;font-weight:600;font-size:.875rem;color:#374151}.af-settings-tab__input,.af-settings-tab__textarea,.af-settings-tab__select{padding:.75rem;border:1px solid #d1d5db;border-radius:.375rem;font-size:.875rem;font-family:inherit;transition:all .2s ease}select.af-settings-tab__input,select.af-settings-tab__select{padding-right:30px}.af-settings-tab__input:focus,.af-settings-tab__textarea:focus,.af-settings-tab__select:focus{outline:none;border-color:#16a34a;box-shadow:0 0 0 3px #2563eb1a}.af-settings-tab__input:disabled{background-color:#f3f4f6;color:#9ca3af;cursor:not-allowed}.af-settings-tab__textarea{resize:vertical;min-height:80px}.af-settings-tab__checkbox-group{margin-bottom:.75rem}.af-settings-tab__checkbox-label{display:flex;align-items:center;gap:.75rem;cursor:pointer;font-weight:400;font-size:.875rem;color:#374151;-webkit-user-select:none;user-select:none}.af-settings-tab__checkbox-label input[type=checkbox]{width:1.125rem;height:1.125rem;cursor:pointer;accent-color:#16a34a}.af-settings-tab__add-section-btn{padding:.5rem 1rem;background-color:#16a34a;color:#fff;border:none;border-radius:.375rem;cursor:pointer;font-size:.875rem;font-weight:600;transition:all .2s ease}.af-settings-tab__add-section-btn:hover{background-color:#15803d}.af-settings-tab__empty-text{font-size:.875rem;color:#9ca3af;margin:1rem 0}.af-settings-tab__sections-list{display:flex;flex-direction:column;gap:1rem}.af-settings-tab__section-item{padding:1rem;background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:.375rem}.af-settings-tab__section-controls{display:flex;gap:.5rem;margin-bottom:.75rem}.af-settings-tab__section-controls .af-settings-tab__input{flex:1}.af-settings-tab__delete-section-btn{padding:.75rem 1rem;background-color:#fecaca;color:#991b1b;border:1px solid #fca5a5;border-radius:.375rem;cursor:pointer;font-size:.875rem;font-weight:600;transition:all .2s ease}.af-settings-tab__delete-section-btn:hover{background-color:#fbbf24;color:#78350f;border-color:#f59e0b}.af-settings-tab__section-checkboxes{display:flex;gap:1.5rem;padding-top:.5rem;border-top:1px solid #e5e7eb}@media (max-width: 1024px){.af-settings-tab__content{padding:1rem}.af-settings-tab__section{margin-bottom:1rem;padding-bottom:1rem}.af-settings-tab__section-header{flex-direction:column;align-items:flex-start}}.dark .af-settings-tab__content,[data-theme=dark] .af-settings-tab__content{background-color:#0f172a99;border-color:#3341554d;color:#e2e8f0}.dark .af-settings-tab__section-title,[data-theme=dark] .af-settings-tab__section-title{color:#f1f5f9}.dark .af-settings-tab__label,[data-theme=dark] .af-settings-tab__label{color:#94a3b8}.dark .af-settings-tab__section,[data-theme=dark] .af-settings-tab__section{border-bottom-color:#3341554d}.dark .af-settings-tab__input,.dark .af-settings-tab__textarea,.dark .af-settings-tab__select,[data-theme=dark] .af-settings-tab__input,[data-theme=dark] .af-settings-tab__textarea,[data-theme=dark] .af-settings-tab__select{background-color:#0f172acc;border-color:#33415580;color:#e2e8f0}.dark .af-settings-tab__input:focus,.dark .af-settings-tab__textarea:focus,.dark .af-settings-tab__select:focus,[data-theme=dark] .af-settings-tab__input:focus,[data-theme=dark] .af-settings-tab__textarea:focus,[data-theme=dark] .af-settings-tab__select:focus{border-color:#22c55e;box-shadow:0 0 0 2px #22c55e1a}.dark .af-settings-tab__input:disabled,[data-theme=dark] .af-settings-tab__input:disabled{background-color:#0f172a66;color:#334155}.dark .af-settings-tab__checkbox-label,[data-theme=dark] .af-settings-tab__checkbox-label{color:#94a3b8}.dark .af-settings-tab__checkbox-label input[type=checkbox],[data-theme=dark] .af-settings-tab__checkbox-label input[type=checkbox]{accent-color:#22c55e}.dark .af-settings-tab__section-item,[data-theme=dark] .af-settings-tab__section-item{background-color:#0f172a66;border-color:#3341554d}.dark .af-settings-tab__hint,[data-theme=dark] .af-settings-tab__hint{color:#475569}.dark .af-settings-tab__empty-text,[data-theme=dark] .af-settings-tab__empty-text{color:#334155}.af-preview-tab{display:flex;flex-direction:column;min-height:600px;gap:1rem;background-color:#f9fafb;color:#111827}.af-preview-tab__controls{padding:.75rem 1rem;background-color:#fff;border:1px solid #e5e7eb;border-radius:.375rem;flex-shrink:0}.af-preview-tab__controls-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}.af-preview-tab__data-selector,.af-preview-tab__mode-selector{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.af-preview-tab__label{font-weight:600;font-size:.8125rem;color:#374151}.af-preview-tab__mode-btn{padding:.4rem 1rem;background-color:#f3f4f6;border:1px solid #d1d5db;border-radius:.375rem;cursor:pointer;font-size:.8125rem;font-weight:600;color:#374151;transition:all .15s ease}.af-preview-tab__mode-btn:hover:not(.af-preview-tab__mode-btn--active){background-color:#e5e7eb;border-color:#9ca3af}.af-preview-tab__mode-btn--active{background-color:#16a34a;color:#fff;border-color:#16a34a}.af-preview-tab__mode-btn--active:hover{background-color:#15803d;border-color:#15803d}.af-preview-tab__content{flex:1;min-height:400px;overflow:auto;background-color:#fff;border:1px solid #e5e7eb;border-radius:.375rem;padding:1.5rem}.af-preview-tab__empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;height:400px;color:#9ca3af}.af-preview-tab__empty-state p{margin:.5rem 0;font-size:.875rem}.af-preview-tab__empty-hint{color:#d1d5db;font-size:.8125rem}.af-preview-tab__preview-wrapper{display:grid;grid-template-columns:1fr 280px;gap:1.5rem;height:100%}.af-preview-tab__form-container{display:flex;flex-direction:column;gap:1rem;padding:1.5rem;background-color:#f9fafb;border-radius:.375rem;border:1px solid #e5e7eb;overflow-y:auto}.af-preview-tab__form-header{margin-bottom:.5rem}.af-preview-tab__form-header h2{margin:0 0 .375rem;font-size:1.375rem;font-weight:700;color:#111827}.af-preview-tab__form-header p{margin:0;font-size:.875rem;color:#6b7280}.af-preview-tab__form-content{flex:1;background-color:#fff;padding:1.25rem;border-radius:.375rem;border:1px solid #e5e7eb}.af-preview-tab__error{padding:.75rem 1rem;background-color:#fee2e2;border:1px solid #fecaca;border-radius:.375rem;color:#991b1b;font-size:.875rem}.af-preview-tab__loading{padding:.75rem 1rem;background-color:#dbeafe;border:1px solid #bfdbfe;border-radius:.375rem;color:#1e40af;font-size:.875rem;text-align:center}.af-preview-tab__info{padding:1.25rem;background-color:#f0f9ff;border-radius:.375rem;border:1px solid #bfdbfe;overflow-y:auto}.af-preview-tab__info h3{margin:1rem 0 .5rem;font-size:.875rem;font-weight:700;color:#0c4a6e;text-transform:uppercase;letter-spacing:.04em}.af-preview-tab__info h3:first-child{margin-top:0}.af-preview-tab__info ul{margin:0 0 .75rem;padding:0 0 0 1.25rem;font-size:.8125rem;color:#0369a1}.af-preview-tab__info li{margin-bottom:.375rem}.af-preview-tab__info strong{color:#0c4a6e;font-weight:600}.af-preview-tab__info p{margin:.375rem 0;font-size:.8125rem;color:#0369a1;line-height:1.5}@media (max-width: 1024px){.af-preview-tab__preview-wrapper{grid-template-columns:1fr}.af-preview-tab__info{max-height:240px}}@media (max-width: 640px){.af-preview-tab__content,.af-preview-tab__form-container,.af-preview-tab__form-content{padding:.75rem}.af-preview-tab__mode-selector{gap:.5rem}.af-preview-tab__mode-btn{padding:.375rem .625rem;font-size:.75rem}}.dark .af-preview-tab,[data-theme=dark].af-preview-tab{background-color:#02061799;color:#e2e8f0}.dark .af-preview-tab__controls,[data-theme=dark] .af-preview-tab__controls{background-color:#0f172acc;border-color:#33415566}.dark .af-preview-tab__label,[data-theme=dark] .af-preview-tab__label{color:#94a3b8}.dark .af-preview-tab__mode-btn,[data-theme=dark] .af-preview-tab__mode-btn{background-color:#1e293b99;border-color:#33415580;color:#64748b}.dark .af-preview-tab__mode-btn:hover:not(.af-preview-tab__mode-btn--active),[data-theme=dark] .af-preview-tab__mode-btn:hover:not(.af-preview-tab__mode-btn--active){background-color:#33415566;border-color:#475569;color:#94a3b8}.dark .af-preview-tab__mode-btn--active,[data-theme=dark] .af-preview-tab__mode-btn--active{background-color:#22c55e1f;border-color:#22c55e;color:#22c55e}.dark .af-preview-tab__mode-btn--active:hover,[data-theme=dark] .af-preview-tab__mode-btn--active:hover{background-color:#22c55e33;border-color:#22c55e;color:#22c55e}.dark .af-preview-tab__content,[data-theme=dark] .af-preview-tab__content{background-color:#0f172a80;border-color:#3341554d}.dark .af-preview-tab__empty-state,[data-theme=dark] .af-preview-tab__empty-state{color:#475569}.dark .af-preview-tab__empty-hint,[data-theme=dark] .af-preview-tab__empty-hint{color:#334155}.dark .af-preview-tab__form-container,[data-theme=dark] .af-preview-tab__form-container{background-color:#0f172a99;border-color:#33415559}.dark .af-preview-tab__form-header h2,[data-theme=dark] .af-preview-tab__form-header h2{color:#e2e8f0}.dark .af-preview-tab__form-header p,[data-theme=dark] .af-preview-tab__form-header p{color:#64748b}.dark .af-preview-tab__form-content,[data-theme=dark] .af-preview-tab__form-content{background-color:#0f172acc;border-color:#33415559}.dark .af-preview-tab__error,[data-theme=dark] .af-preview-tab__error{background-color:#ef44441a;border-color:#ef444433;color:#fca5a5}.dark .af-preview-tab__loading,[data-theme=dark] .af-preview-tab__loading{background-color:#22c55e0f;border-color:#22c55e26;color:#22c55e}.dark .af-preview-tab__info,[data-theme=dark] .af-preview-tab__info{background-color:#0f172ab3;border-color:#22c55e1f}.dark .af-preview-tab__info h3,[data-theme=dark] .af-preview-tab__info h3{color:#22c55e}.dark .af-preview-tab__info ul,[data-theme=dark] .af-preview-tab__info ul{color:#64748b}.dark .af-preview-tab__info strong,[data-theme=dark] .af-preview-tab__info strong{color:#94a3b8}.dark .af-preview-tab__info p,[data-theme=dark] .af-preview-tab__info p,.dark .af-preview-tab__info li,[data-theme=dark] .af-preview-tab__info li{color:#64748b}*::-webkit-scrollbar{display:none}*{scrollbar-width:none;-ms-overflow-style:none}.af-json-tab{display:flex;flex-direction:column;min-height:0;gap:1rem}.af-json-tab__toolbar{display:flex;align-items:center;gap:1rem;padding:1rem;background-color:#fff;border:1px solid #e5e7eb;border-radius:.375rem;flex-wrap:wrap}.af-json-tab__btn{padding:.5rem 1rem;background-color:#16a34a;color:#fff;border:none;border-radius:.375rem;cursor:pointer;font-size:.875rem;font-weight:600;transition:all .2s ease}.af-json-tab__btn:hover{background-color:#15803d}.af-json-tab__status{display:flex;align-items:center;gap:.5rem;margin-left:auto}.af-json-tab__valid{color:#16a34a;font-weight:600;font-size:.875rem}.af-json-tab__invalid{color:#dc2626;font-weight:600;font-size:.875rem}.af-json-tab__editor{flex:1;min-height:480px;border:1px solid #e5e7eb;border-radius:.375rem;overflow:auto;background-color:#fff}.af-json-tab__editor--valid{border-color:#d1e7dd}.af-json-tab__editor--invalid{border-color:#f8d7da}.af-json-tab__textarea{width:100%;min-height:480px;padding:1rem;border:none;border-radius:0;font-family:Monaco,Menlo,Ubuntu Mono,Consolas,source-code-pro,monospace;font-size:.875rem;line-height:1.6;resize:vertical;background-color:#f9fafb;color:#1f2937;overflow:auto;box-sizing:border-box}.af-json-tab__textarea:focus{outline:none;background-color:#fff}.af-json-tab__error{padding:1rem;background-color:#fee2e2;border:1px solid #fecaca;border-left:4px solid #dc2626;border-radius:.375rem;margin-top:1rem;display:flex;flex-direction:column;gap:.75rem}.af-json-tab__error--syntax{border-left-color:#dc2626}.af-json-tab__error--schema{border-left-color:#ea580c;background-color:#ffedd5;border-color:#fed7aa}.af-json-tab__error--application{border-left-color:#eab308;background-color:#fef3c7;border-color:#fde68a}.af-json-tab__error-header{display:flex;align-items:center;justify-content:space-between;gap:.75rem;flex-wrap:wrap}.af-json-tab__error-badge{display:inline-flex;align-items:center;padding:.25rem .625rem;border-radius:.25rem;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.025em}.af-json-tab__error-badge--syntax{background-color:#dc2626;color:#fff}.af-json-tab__error-badge--schema{background-color:#ea580c;color:#fff}.af-json-tab__error-badge--application{background-color:#eab308;color:#fff}.af-json-tab__error-location{font-size:.875rem;font-weight:600;color:#991b1b;font-family:Monaco,Menlo,Ubuntu Mono,Consolas,source-code-pro,monospace}.af-json-tab__error-message{margin:0;font-size:.875rem;color:#7f1d1d;font-family:Monaco,Menlo,Ubuntu Mono,Consolas,source-code-pro,monospace;white-space:pre-wrap;word-break:break-word;line-height:1.6}.af-json-tab__error-hint{padding:.75rem;background-color:#fff9;border-radius:.25rem;font-size:.8125rem;color:#78350f;line-height:1.5}.af-json-tab__error-hint strong{font-weight:600;color:#92400e}.af-json-tab__error h4{margin:0 0 .5rem;font-size:.9375rem;font-weight:600;color:#991b1b}.af-json-tab__error p{margin:0;font-size:.875rem;color:#7f1d1d;font-family:Monaco,Menlo,Ubuntu Mono,Consolas,source-code-pro,monospace;white-space:pre-wrap;word-break:break-word;line-height:1.5}.af-json-tab__info{padding:1rem;background-color:#f0f9ff;border:1px solid #bfdbfe;border-radius:.375rem;margin-top:1rem;max-height:300px;overflow-y:auto}.af-json-tab__info h4{margin:1rem 0 .5rem;font-size:.9375rem;font-weight:600;color:#0c4a6e}.af-json-tab__info h4:first-child{margin-top:0}.af-json-tab__info p{margin:.5rem 0;font-size:.875rem;color:#0369a1;line-height:1.5}.af-json-tab__info ul{margin:.5rem 0;padding:0 0 0 1.5rem;font-size:.875rem;color:#0369a1}.af-json-tab__info li{margin-bottom:.25rem}.af-json-tab__info code{background-color:#e0f2fe;padding:.125rem .375rem;border-radius:.25rem;font-family:Monaco,Menlo,Ubuntu Mono,Consolas,source-code-pro,monospace;font-size:.8125rem;color:#0c4a6e}@media (max-width: 1024px){.af-json-tab__toolbar{flex-direction:column;align-items:flex-start}.af-json-tab__status{margin-left:0;align-self:flex-start}}@media (max-width: 640px){.af-json-tab__toolbar{gap:.5rem}.af-json-tab__btn{padding:.375rem .75rem;font-size:.8125rem}.af-json-tab__textarea{font-size:.8125rem;padding:.75rem}.af-json-tab__info{padding:.75rem}}.dark .af-json-tab__toolbar,[data-theme=dark] .af-json-tab__toolbar{background-color:#0f172acc;border-color:#33415566}.dark .af-json-tab__editor,[data-theme=dark] .af-json-tab__editor{background-color:#020617e6;border-color:#33415566}.dark .af-json-tab__textarea,[data-theme=dark] .af-json-tab__textarea{background-color:#020617e6;color:#a5f3fc}.dark .af-json-tab__textarea:focus,[data-theme=dark] .af-json-tab__textarea:focus{background-color:#020617f2}.dark .af-json-tab__valid,[data-theme=dark] .af-json-tab__valid{color:#22c55e}.dark .af-json-tab__error,[data-theme=dark] .af-json-tab__error{background-color:#ef44441a;border-color:#ef444433;border-left-color:#dc2626}.dark .af-json-tab__error--schema,[data-theme=dark] .af-json-tab__error--schema{background-color:#ea580c1a;border-color:#ea580c33;border-left-color:#ea580c}.dark .af-json-tab__error--application,[data-theme=dark] .af-json-tab__error--application{background-color:#eab3081a;border-color:#eab30833;border-left-color:#eab308}.dark .af-json-tab__error-location,[data-theme=dark] .af-json-tab__error-location{color:#fca5a5}.dark .af-json-tab__error-message,[data-theme=dark] .af-json-tab__error-message{color:#f87171}.dark .af-json-tab__error-hint,[data-theme=dark] .af-json-tab__error-hint{background-color:#ffffff0d;color:#fbbf24}.dark .af-json-tab__error-hint strong,[data-theme=dark] .af-json-tab__error-hint strong{color:#fcd34d}.dark .af-json-tab__error h4,[data-theme=dark] .af-json-tab__error h4{color:#fca5a5}.dark .af-json-tab__error p,[data-theme=dark] .af-json-tab__error p{color:#f87171}.dark .af-json-tab__info,[data-theme=dark] .af-json-tab__info{background-color:#0f172a99;border-color:#33415566}.dark .af-json-tab__info h4,.dark .af-json-tab__info p,.dark .af-json-tab__info ul,[data-theme=dark] .af-json-tab__info h4,[data-theme=dark] .af-json-tab__info p,[data-theme=dark] .af-json-tab__info ul{color:#64748b}.dark .af-json-tab__info code,[data-theme=dark] .af-json-tab__info code{background-color:#33415566;color:#a5f3fc}.af-validation-tab{display:flex;height:100%;gap:1.5rem}.af-validation-tab__layout{display:grid;grid-template-columns:250px 1fr;gap:1.5rem;width:100%;height:100%}.af-validation-tab__controls-list{display:flex;flex-direction:column;background-color:#fff;border:1px solid #e5e7eb;border-radius:.375rem;padding:1rem;overflow-y:auto}.af-validation-tab__list-title{margin:0 0 1rem;font-size:.9375rem;font-weight:600;color:#374151}.af-validation-tab__empty-text{font-size:.875rem;color:#9ca3af;margin:2rem 0}.af-validation-tab__list{display:flex;flex-direction:column;gap:.5rem}.af-validation-tab__list-item{display:flex;align-items:center;gap:.75rem;padding:.75rem;background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:.375rem;cursor:pointer;text-align:left;transition:all .2s ease}.af-validation-tab__list-item:hover{background-color:#f3f4f6;border-color:#d1d5db}.af-validation-tab__list-item--selected{background-color:#eff6ff;border-color:#16a34a;color:#16a34a;font-weight:600}.af-validation-tab__list-item-label{flex:1;font-size:.875rem;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.af-validation-tab__list-item-type{font-size:.75rem;color:#9ca3af}.af-validation-tab__required-badge{color:#dc2626;font-weight:700}.af-validation-tab__rules{display:flex;flex-direction:column;background-color:#fff;border:1px solid #e5e7eb;border-radius:.375rem;padding:1.5rem;overflow-y:auto}.af-validation-tab__empty-state{display:flex;align-items:center;justify-content:center;height:200px;color:#9ca3af;font-size:.875rem}.af-validation-tab__header{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid #e5e7eb}.af-validation-tab__title{margin:0;font-size:1rem;font-weight:600;color:#111}.af-validation-tab__clear-btn{padding:.5rem 1rem;background-color:#fca5a5;color:#991b1b;border:1px solid #fecaca;border-radius:.375rem;cursor:pointer;font-size:.875rem;font-weight:600;transition:all .2s ease}.af-validation-tab__clear-btn:hover{background-color:#f87171;border-color:#ef4444}.af-validation-tab__section{margin-bottom:1.5rem;padding-bottom:1.5rem;border-bottom:1px solid #f3f4f6}.af-validation-tab__section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.af-validation-tab__subsection{margin:0 0 1rem;font-size:.9375rem;font-weight:600;color:#374151}.af-validation-tab__rule{margin-bottom:1rem}.af-validation-tab__label{display:flex;flex-direction:column;gap:.5rem;font-weight:600;font-size:.875rem;color:#374151}.af-validation-tab__input{padding:.75rem;border:1px solid #d1d5db;border-radius:.375rem;font-size:.875rem;font-family:inherit;transition:all .2s ease}.af-validation-tab__input:focus{outline:none;border-color:#16a34a;box-shadow:0 0 0 3px #2563eb1a}.af-validation-tab__textarea{padding:.75rem;border:1px solid #d1d5db;border-radius:.375rem;font-size:.875rem;font-family:inherit;resize:vertical;min-height:80px;transition:all .2s ease}.af-validation-tab__textarea:focus{outline:none;border-color:#16a34a;box-shadow:0 0 0 3px #2563eb1a}.af-validation-tab__rule-description{margin:.5rem 0 0;font-size:.8125rem;color:#6b7280;font-weight:400}.af-validation-tab__checkbox-label{display:flex;align-items:center;gap:.75rem;cursor:pointer;font-weight:400;font-size:.875rem;color:#374151;-webkit-user-select:none;user-select:none}.af-validation-tab__checkbox-label input[type=checkbox]{width:1.125rem;height:1.125rem;cursor:pointer;accent-color:#16a34a}.af-validation-tab__summary{padding:1rem;background-color:#f0fdf4;border:1px solid #bbf7d0;border-radius:.375rem;color:#166534}.af-validation-tab__summary>div{font-size:.875rem;margin-bottom:.5rem;display:flex;align-items:center;gap:.5rem}.af-validation-tab__summary>div:last-child{margin-bottom:0}@media (max-width: 1024px){.af-validation-tab__layout{grid-template-columns:200px 1fr;gap:1rem}.af-validation-tab__controls-list,.af-validation-tab__rules{padding:1rem}}@media (max-width: 768px){.af-validation-tab__layout{grid-template-columns:1fr}.af-validation-tab__controls-list{max-height:200px;border-bottom:2px solid #e5e7eb}.af-validation-tab__header{flex-direction:column;align-items:flex-start}.af-validation-tab__clear-btn{align-self:flex-end}}@media (max-width: 640px){.af-validation-tab{flex-direction:column;gap:1rem}.af-validation-tab__controls-list,.af-validation-tab__rules{padding:.75rem}.af-validation-tab__list-item{padding:.5rem}.af-validation-tab__list-item-label{font-size:.8125rem}.af-validation-tab__list-item-type{font-size:.7rem}.af-validation-tab__title{font-size:.95rem}.af-validation-tab__clear-btn{padding:.375rem .75rem;font-size:.8125rem}}.dark .af-validation-tab__controls-list,.dark .af-validation-tab__rules,[data-theme=dark] .af-validation-tab__controls-list,[data-theme=dark] .af-validation-tab__rules{background-color:#0f172a99;border-color:#3341554d}.dark .af-validation-tab__list-title,.dark .af-validation-tab__subsection,[data-theme=dark] .af-validation-tab__list-title,[data-theme=dark] .af-validation-tab__subsection{color:#94a3b8}.dark .af-validation-tab__title,[data-theme=dark] .af-validation-tab__title{color:#f1f5f9}.dark .af-validation-tab__empty-text,.dark .af-validation-tab__empty-state,[data-theme=dark] .af-validation-tab__empty-text,[data-theme=dark] .af-validation-tab__empty-state{color:#334155}.dark .af-validation-tab__list-item,[data-theme=dark] .af-validation-tab__list-item{background-color:#0f172a66;border-color:#3341554d}.dark .af-validation-tab__list-item:hover,[data-theme=dark] .af-validation-tab__list-item:hover{background-color:#3341554d;border-color:#33415580}.dark .af-validation-tab__list-item--selected,[data-theme=dark] .af-validation-tab__list-item--selected{background-color:#22c55e14;border-color:#22c55e;color:#22c55e}.dark .af-validation-tab__list-item-type,[data-theme=dark] .af-validation-tab__list-item-type{color:#475569}.dark .af-validation-tab__header,[data-theme=dark] .af-validation-tab__header,.dark .af-validation-tab__section,[data-theme=dark] .af-validation-tab__section{border-bottom-color:#3341554d}.dark .af-validation-tab__label,.dark .af-validation-tab__checkbox-label,[data-theme=dark] .af-validation-tab__label,[data-theme=dark] .af-validation-tab__checkbox-label{color:#94a3b8}.dark .af-validation-tab__input,.dark .af-validation-tab__textarea,[data-theme=dark] .af-validation-tab__input,[data-theme=dark] .af-validation-tab__textarea{background-color:#0f172acc;border-color:#33415580;color:#e2e8f0}.dark .af-validation-tab__input:focus,.dark .af-validation-tab__textarea:focus,[data-theme=dark] .af-validation-tab__input:focus,[data-theme=dark] .af-validation-tab__textarea:focus{border-color:#22c55e;box-shadow:0 0 0 2px #22c55e1a}.dark .af-validation-tab__checkbox-label input[type=checkbox],[data-theme=dark] .af-validation-tab__checkbox-label input[type=checkbox]{accent-color:#22c55e}.dark .af-validation-tab__rule-description,[data-theme=dark] .af-validation-tab__rule-description{color:#475569}.dark .af-validation-tab__summary,[data-theme=dark] .af-validation-tab__summary{background-color:#22c55e0f;border-color:#22c55e26;color:#22c55e}.af-duplicate-dialog .af-modal__content{padding:0}.af-duplicate-dialog__modal-content{max-width:500px}.af-duplicate-dialog__header{padding:20px 24px 16px;border-bottom:1px solid var(--color-gray-200, #e5e7eb)}.af-duplicate-dialog__title{margin:0 0 8px;font-size:18px;font-weight:600;color:var(--color-gray-900, #111827)}.af-duplicate-dialog__subtitle{margin:0;font-size:14px;color:var(--color-gray-600, #6b7280)}.af-duplicate-dialog__options{padding:20px 24px;display:flex;flex-direction:column;gap:12px;overflow-y:auto}.af-duplicate-dialog__option{display:flex;align-items:center;padding:16px;border:2px solid var(--color-gray-200, #e5e7eb);border-radius:var(--radius-md, 8px);cursor:pointer;transition:all var(--transition-fast, .15s ease);background:var(--color-surface, #ffffff)}.af-duplicate-dialog__option:hover{border-color:var(--color-success, #22c55e);background:var(--color-success-light, #f0fdf4)}.af-duplicate-dialog__option--selected{border-color:var(--color-success, #22c55e);background:var(--color-success-lighter, #dcfce7);box-shadow:0 0 0 3px #22c55e1a}.af-duplicate-dialog__radio{margin:0;width:18px;height:18px;cursor:pointer;accent-color:var(--color-success, #22c55e)}.af-duplicate-dialog__option-content{display:flex;align-items:center;gap:12px;flex:1;margin-left:12px}.af-duplicate-dialog__option-icon{font-size:24px;flex-shrink:0}.af-duplicate-dialog__option-text{display:flex;flex-direction:column;gap:4px}.af-duplicate-dialog__option-label{font-size:15px;font-weight:600;color:var(--color-gray-900, #111827)}.af-duplicate-dialog__option-description{font-size:13px;color:var(--color-gray-600, #6b7280)}.af-duplicate-dialog .af-modal__footer{flex-direction:column;gap:0;padding:0;border-top:none;background:transparent}.af-duplicate-dialog__actions{display:flex;gap:12px;padding:16px 24px;border-top:1px solid var(--color-gray-200, #e5e7eb);justify-content:flex-end;width:100%}.af-duplicate-dialog__hint{padding:12px 24px;font-size:12px;color:var(--color-gray-500, #9ca3af);text-align:center;background:var(--color-gray-50, #f9fafb);border-top:1px solid var(--color-gray-200, #e5e7eb);width:100%}.af-duplicate-dialog__hint kbd{background:var(--color-surface, #ffffff);border:1px solid var(--color-gray-300, #d1d5db);border-radius:4px;padding:2px 6px;font-family:Courier New,monospace;font-size:11px;font-weight:600;color:var(--color-gray-700, #374151)}[data-theme=dark] .af-duplicate-dialog__header{border-bottom-color:var(--color-gray-700, rgba(51, 65, 85, .5))}[data-theme=dark] .af-duplicate-dialog__title{color:var(--color-gray-50, #f3f4f6)}[data-theme=dark] .af-duplicate-dialog__subtitle{color:var(--color-gray-400, #9ca3af)}[data-theme=dark] .af-duplicate-dialog__option{border-color:var(--color-gray-700, rgba(51, 65, 85, .5));background:var(--color-gray-800, #111827)}[data-theme=dark] .af-duplicate-dialog__option:hover{border-color:var(--color-success, #22c55e);background:#22c55e1a}[data-theme=dark] .af-duplicate-dialog__option--selected{border-color:var(--color-success, #22c55e);background:#22c55e26}[data-theme=dark] .af-duplicate-dialog__option-label{color:var(--color-gray-50, #f3f4f6)}[data-theme=dark] .af-duplicate-dialog__option-description{color:var(--color-gray-400, #9ca3af)}[data-theme=dark] .af-duplicate-dialog__actions{border-top-color:var(--color-gray-700, rgba(51, 65, 85, .5))}[data-theme=dark] .af-duplicate-dialog__hint{background:var(--color-gray-800, #111827);border-top-color:var(--color-gray-700, rgba(51, 65, 85, .5));color:var(--color-gray-500, #6b7280)}[data-theme=dark] .af-duplicate-dialog__hint kbd{background:var(--color-gray-700, rgba(51, 65, 85, .5));border-color:var(--color-gray-600, rgba(71, 85, 105, .5));color:var(--color-gray-50, #f3f4f6)}@media (max-width: 768px){.af-duplicate-dialog__option{padding:12px}.af-duplicate-dialog__option-icon{font-size:20px}}.af-toast{position:fixed;bottom:24px;right:24px;min-width:300px;max-width:500px;padding:16px 20px;border-radius:8px;box-shadow:0 10px 40px #0003;display:flex;align-items:center;gap:12px;z-index:10002;opacity:0;transform:translateY(100px);transition:opacity .25s ease,transform .25s ease;pointer-events:none}.af-toast--visible{opacity:1;transform:translateY(0);pointer-events:auto}.af-toast__content{display:flex;align-items:center;gap:12px;flex:1}.af-toast__icon{font-size:20px;font-weight:700;flex-shrink:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:50%}.af-toast__message{font-size:14px;font-weight:500;line-height:1.4}.af-toast__action{padding:6px 12px;background:#fff3;border:1px solid rgba(255,255,255,.3);border-radius:4px;color:inherit;font-size:13px;font-weight:600;cursor:pointer;transition:background .15s ease;flex-shrink:0}.af-toast__action:hover{background:#ffffff4d}.af-toast__close{padding:4px;background:transparent;border:none;color:inherit;font-size:24px;line-height:1;cursor:pointer;opacity:.7;transition:opacity .15s ease;flex-shrink:0}.af-toast__close:hover{opacity:1}.af-toast--success{background:#16a34a;color:#fff}.af-toast--success .af-toast__icon{background:#fff3}.af-toast--error{background:#dc2626;color:#fff}.af-toast--error .af-toast__icon{background:#fff3}.af-toast--warning{background:#f59e0b;color:#fff}.af-toast--warning .af-toast__icon{background:#fff3}.af-toast--info{background:#3b82f6;color:#fff}.af-toast--info .af-toast__icon{background:#fff3}[data-theme=dark] .af-toast,.dark .af-toast{box-shadow:0 10px 40px #00000080}[data-theme=dark] .af-toast--success,.dark .af-toast--success{background:#15803d}[data-theme=dark] .af-toast--error,.dark .af-toast--error{background:#b91c1c}[data-theme=dark] .af-toast--warning,.dark .af-toast--warning{background:#d97706}[data-theme=dark] .af-toast--info,.dark .af-toast--info{background:#2563eb}@media (max-width: 768px){.af-toast{bottom:16px;right:16px;left:16px;min-width:auto;max-width:none}}@media (prefers-reduced-motion: reduce){.af-toast{transition:opacity .15s ease;transform:none}.af-toast--visible{transform:none}}.af-fullscreen-modal{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000bf;display:flex;align-items:center;justify-content:center;z-index:9999;padding:1rem;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:af-fullscreen-modal-fade-in .2s ease-out}@keyframes af-fullscreen-modal-fade-in{0%{opacity:0}to{opacity:1}}.af-fullscreen-modal__container{width:100%;max-width:1920px;height:95vh;background-color:#fff;border-radius:.75rem;box-shadow:0 25px 50px -12px #00000080;display:flex;flex-direction:column;overflow:hidden;animation:af-fullscreen-modal-slide-up .3s ease-out}@keyframes af-fullscreen-modal-slide-up{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.af-fullscreen-modal__header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;border-bottom:1px solid #e5e7eb;flex-shrink:0;background-color:#fafafa}.af-fullscreen-modal__title{margin:0;font-size:1.125rem;font-weight:700;color:#111827}.af-fullscreen-modal__close{width:36px;height:36px;border-radius:.375rem;border:1px solid #e5e7eb;background-color:#fff;color:#6b7280;font-size:1.25rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s ease;line-height:1}.af-fullscreen-modal__close:hover{background-color:#fee2e2;border-color:#fca5a5;color:#dc2626}.af-fullscreen-modal__content{flex:1;display:flex;overflow:hidden;min-height:0}.af-fullscreen-modal__panel{height:100%;display:flex;flex-direction:column;background-color:#fff;overflow:hidden}.af-fullscreen-modal__panel-header{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;border-bottom:1px solid #e5e7eb;flex-shrink:0;background-color:#f9fafb;gap:1rem;flex-wrap:wrap}.af-fullscreen-modal__panel-title{margin:0;font-size:.875rem;font-weight:700;color:#374151;text-transform:uppercase;letter-spacing:.05em}.af-fullscreen-modal__panel-info{font-size:.8125rem;color:#6b7280;font-weight:600}.af-fullscreen-modal__panel-controls{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.af-fullscreen-modal__panel-label{font-size:.75rem;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.05em}.af-fullscreen-modal__panel-content{flex:1;overflow:auto;background-color:#fff}.af-fullscreen-modal__panel-content--preview{padding:1.5rem}.af-fullscreen-modal__resize-handle{width:4px;background-color:#e5e7eb;cursor:col-resize;position:relative;transition:background-color .15s ease}.af-fullscreen-modal__resize-handle:hover{background-color:#22c55e}.af-fullscreen-modal__resize-handle:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:12px;height:48px;background-color:inherit;border-radius:12px}.af-fullscreen-modal__footer{display:flex;align-items:center;justify-content:center;padding:.75rem 1.5rem;border-top:1px solid #e5e7eb;flex-shrink:0;background-color:#fafafa}.af-fullscreen-modal__hint{font-size:.8125rem;color:#6b7280;display:flex;align-items:center;gap:.5rem}.af-fullscreen-modal__hint kbd{padding:.25rem .5rem;background-color:#fff;border:1px solid #d1d5db;border-radius:.25rem;font-size:.75rem;font-family:Monaco,Menlo,Ubuntu Mono,Consolas,monospace;color:#374151;box-shadow:0 1px 2px #0000000d}@media (max-width: 1024px){.af-fullscreen-modal__container{height:98vh}.af-fullscreen-modal__panel-header{flex-direction:column;align-items:flex-start}}@media (max-width: 768px){.af-fullscreen-modal{padding:0}.af-fullscreen-modal__container{height:100vh;border-radius:0;max-width:100%}.af-fullscreen-modal__header{padding:.75rem 1rem}.af-fullscreen-modal__title{font-size:1rem}.af-fullscreen-modal__panel-content--preview{padding:1rem}}.dark .af-fullscreen-modal__container,[data-theme=dark] .af-fullscreen-modal__container{background-color:#0f172a;box-shadow:0 25px 50px -12px #000c}.dark .af-fullscreen-modal__header,[data-theme=dark] .af-fullscreen-modal__header{background-color:#1e293b;border-bottom-color:#33415580}.dark .af-fullscreen-modal__title,[data-theme=dark] .af-fullscreen-modal__title{color:#f1f5f9}.dark .af-fullscreen-modal__close,[data-theme=dark] .af-fullscreen-modal__close{background-color:#33415580;border-color:#47556980;color:#cbd5e1}.dark .af-fullscreen-modal__close:hover,[data-theme=dark] .af-fullscreen-modal__close:hover{background-color:#ef444433;border-color:#f87171;color:#fca5a5}.dark .af-fullscreen-modal__panel,[data-theme=dark] .af-fullscreen-modal__panel{background-color:#0f172a}.dark .af-fullscreen-modal__panel-header,[data-theme=dark] .af-fullscreen-modal__panel-header{background-color:#1e293b;border-bottom-color:#33415580}.dark .af-fullscreen-modal__panel-title,[data-theme=dark] .af-fullscreen-modal__panel-title{color:#cbd5e1}.dark .af-fullscreen-modal__panel-info,[data-theme=dark] .af-fullscreen-modal__panel-info,.dark .af-fullscreen-modal__panel-label,[data-theme=dark] .af-fullscreen-modal__panel-label{color:#94a3b8}.dark .af-fullscreen-modal__panel-content,[data-theme=dark] .af-fullscreen-modal__panel-content{background-color:#0f172a}.dark .af-fullscreen-modal__resize-handle,[data-theme=dark] .af-fullscreen-modal__resize-handle{background-color:#33415580}.dark .af-fullscreen-modal__resize-handle:hover,[data-theme=dark] .af-fullscreen-modal__resize-handle:hover{background-color:#22c55e}.dark .af-fullscreen-modal__footer,[data-theme=dark] .af-fullscreen-modal__footer{background-color:#1e293b;border-top-color:#33415580}.dark .af-fullscreen-modal__hint,[data-theme=dark] .af-fullscreen-modal__hint{color:#94a3b8}.dark .af-fullscreen-modal__hint kbd,[data-theme=dark] .af-fullscreen-modal__hint kbd{background-color:#33415580;border-color:#47556980;color:#cbd5e1}:root{--spacing-0: 0;--spacing-1: .25rem;--spacing-2: .5rem;--spacing-3: .75rem;--spacing-4: 1rem;--spacing-5: 1.25rem;--spacing-6: 1.5rem;--spacing-8: 2rem;--spacing-10: 2.5rem;--spacing-12: 3rem;--spacing-16: 4rem;--spacing-px: 1px;--spacing-0-5: .125rem;--spacing-1-5: .375rem;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2.25rem;--line-height-none: 1;--line-height-tight: 1.25;--line-height-snug: 1.375;--line-height-normal: 1.5;--line-height-relaxed: 1.625;--line-height-loose: 2;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-family-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;--font-family-mono: "Consolas", "Monaco", "Courier New", monospace;--color-primary-50: #f0fdf4;--color-primary-100: #dcfce7;--color-primary-200: #bbf7d0;--color-primary-300: #86efac;--color-primary-400: #4ade80;--color-primary-500: #22c55e;--color-primary-600: #16a34a;--color-primary-700: #15803d;--color-primary-800: #166534;--color-primary-900: #14532d;--color-gray-50: #f9fafb;--color-gray-100: #f3f4f6;--color-gray-200: #e5e7eb;--color-gray-300: #d1d5db;--color-gray-400: #9ca3af;--color-gray-500: #6b7280;--color-gray-600: #4b5563;--color-gray-700: #374151;--color-gray-800: #1f2937;--color-gray-900: #111827;--color-success-50: #f0fdf4;--color-success-500: #22c55e;--color-success-600: #16a34a;--color-success-700: #15803d;--color-danger-50: #fef2f2;--color-danger-500: #ef4444;--color-danger-600: #dc2626;--color-danger-700: #b91c1c;--color-warning-50: #fffbeb;--color-warning-500: #f59e0b;--color-warning-600: #d97706;--color-warning-700: #b45309;--color-info-50: #eff6ff;--color-info-500: #3b82f6;--color-info-600: #2563eb;--color-info-700: #1d4ed8;--color-bg-primary: #ffffff;--color-bg-secondary: #f9fafb;--color-bg-tertiary: #f3f4f6;--color-bg-canvas: #f5f5f5;--color-bg-overlay: rgba(0, 0, 0, .5);--color-text-primary: #111827;--color-text-secondary: #6b7280;--color-text-tertiary: #9ca3af;--color-text-inverse: #ffffff;--color-text-disabled: #d1d5db;--color-border-primary: #e5e7eb;--color-border-secondary: #d1d5db;--color-border-focus: #22c55e;--color-border-error: #ef4444;--color-interactive-primary: #22c55e;--color-interactive-primary-hover: #16a34a;--color-interactive-primary-active: #15803d;--color-interactive-secondary: #6b7280;--color-interactive-secondary-hover: #4b5563;--radius-none: 0;--radius-sm: .125rem;--radius-base: .25rem;--radius-md: .375rem;--radius-lg: .5rem;--radius-xl: .75rem;--radius-2xl: 1rem;--radius-full: 9999px;--shadow-xs: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-sm: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px -1px rgba(0, 0, 0, .1);--shadow-base: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -2px rgba(0, 0, 0, .1);--shadow-md: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -4px rgba(0, 0, 0, .1);--shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 8px 10px -6px rgba(0, 0, 0, .1);--shadow-xl: 0 25px 50px -12px rgba(0, 0, 0, .25);--shadow-inner: inset 0 2px 4px 0 rgba(0, 0, 0, .05);--shadow-none: none;--z-index-base: 0;--z-index-dropdown: 1000;--z-index-sticky: 1020;--z-index-fixed: 1030;--z-index-modal-backdrop: 1040;--z-index-modal: 1050;--z-index-popover: 1060;--z-index-tooltip: 1070;--transition-fast: .15s;--transition-base: .2s;--transition-slow: .3s;--transition-slower: .5s;--transition-timing-default: cubic-bezier(.4, 0, .2, 1);--transition-timing-linear: linear;--transition-timing-in: cubic-bezier(.4, 0, 1, 1);--transition-timing-out: cubic-bezier(0, 0, .2, 1);--transition-timing-in-out: cubic-bezier(.4, 0, .2, 1);--breakpoint-sm: 640px;--breakpoint-md: 768px;--breakpoint-lg: 1024px;--breakpoint-xl: 1280px;--breakpoint-2xl: 1536px}.dark,[data-theme=dark]{--color-bg-primary: #0f172a;--color-bg-secondary: rgba(15, 23, 42, .8);--color-bg-tertiary: rgba(30, 41, 59, .5);--color-bg-canvas: #020617;--color-bg-overlay: rgba(0, 0, 0, .7);--color-text-primary: #f8fafc;--color-text-secondary: #94a3b8;--color-text-tertiary: #64748b;--color-text-inverse: #0f172a;--color-text-disabled: #475569;--color-border-primary: rgba(51, 65, 85, .5);--color-border-secondary: rgba(71, 85, 105, .3);--color-border-focus: #22c55e;--color-border-error: #ef4444;--color-interactive-primary: #22c55e;--color-interactive-primary-hover: #16a34a;--color-interactive-primary-active: #15803d;--color-interactive-secondary: #94a3b8;--color-interactive-secondary-hover: #cbd5e1;--shadow-xs: 0 1px 2px 0 rgba(0, 0, 0, .3);--shadow-sm: 0 1px 3px 0 rgba(0, 0, 0, .3), 0 1px 2px -1px rgba(0, 0, 0, .3);--shadow-base: 0 4px 6px -1px rgba(0, 0, 0, .3), 0 2px 4px -2px rgba(0, 0, 0, .3);--shadow-md: 0 10px 15px -3px rgba(0, 0, 0, .3), 0 4px 6px -4px rgba(0, 0, 0, .3);--shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .3), 0 8px 10px -6px rgba(0, 0, 0, .3);--shadow-xl: 0 25px 50px -12px rgba(0, 0, 0, .5)}.p-0{padding:var(--spacing-0)}.p-1{padding:var(--spacing-1)}.p-2{padding:var(--spacing-2)}.p-3{padding:var(--spacing-3)}.p-4{padding:var(--spacing-4)}.p-6{padding:var(--spacing-6)}.p-8{padding:var(--spacing-8)}.m-0{margin:var(--spacing-0)}.m-1{margin:var(--spacing-1)}.m-2{margin:var(--spacing-2)}.m-3{margin:var(--spacing-3)}.m-4{margin:var(--spacing-4)}.m-6{margin:var(--spacing-6)}.m-8{margin:var(--spacing-8)}.gap-1{gap:var(--spacing-1)}.gap-2{gap:var(--spacing-2)}.gap-3{gap:var(--spacing-3)}.gap-4{gap:var(--spacing-4)}.gap-6{gap:var(--spacing-6)}.text-xs{font-size:var(--font-size-xs)}.text-sm{font-size:var(--font-size-sm)}.text-base{font-size:var(--font-size-base)}.text-lg{font-size:var(--font-size-lg)}.text-xl{font-size:var(--font-size-xl)}.text-2xl{font-size:var(--font-size-2xl)}.font-normal{font-weight:var(--font-weight-normal)}.font-medium{font-weight:var(--font-weight-medium)}.font-semibold{font-weight:var(--font-weight-semibold)}.font-bold{font-weight:var(--font-weight-bold)}.rounded-sm{border-radius:var(--radius-sm)}.rounded{border-radius:var(--radius-base)}.rounded-md{border-radius:var(--radius-md)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-full{border-radius:var(--radius-full)}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow{box-shadow:var(--shadow-base)}.shadow-md{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.shadow-none{box-shadow:var(--shadow-none)}.transition-fast{transition-duration:var(--transition-fast)}.transition{transition-duration:var(--transition-base)}.transition-slow{transition-duration:var(--transition-slow)}.af-form-builder{display:flex;flex-direction:column;height:100%;min-height:600px;background-color:var(--color-bg-canvas);font-family:var(--font-family-sans);color:var(--color-text-primary);--zoom: 100%;--primary-color: var(--color-primary-600);--primary-hover: var(--color-primary-700);--danger-color: var(--color-danger-600);--danger-hover: var(--color-danger-700);--success-color: var(--color-success-600);--border-color: var(--color-border-primary);--text-secondary: var(--color-text-secondary);--bg-secondary: var(--color-bg-secondary)}.dark .af-form-builder__header,[data-theme=dark] .af-form-builder__header{background-color:#020617f2;border-bottom-color:#22c55e1a}.dark .af-form-builder__header-title h1,[data-theme=dark] .af-form-builder__header-title h1{color:#f8fafc}.dark .af-form-builder__tabs,[data-theme=dark] .af-form-builder__tabs{background-color:#020617f2;border-bottom-color:#22c55e1a}.dark .af-form-builder__tab,[data-theme=dark] .af-form-builder__tab{color:#64748b}.dark .af-form-builder__tab:hover,[data-theme=dark] .af-form-builder__tab:hover,.dark .af-form-builder__tab--active,[data-theme=dark] .af-form-builder__tab--active{color:#22c55e;border-bottom-color:#22c55e}.dark .af-form-builder__zoom-controls,.dark .af-form-builder__zoom-btn,.dark .af-form-builder__zoom-reset,.dark .af-form-builder__grid-toggle,.dark .af-form-builder__undo-btn,.dark .af-form-builder__redo-btn,[data-theme=dark] .af-form-builder__zoom-controls,[data-theme=dark] .af-form-builder__zoom-btn,[data-theme=dark] .af-form-builder__zoom-reset,[data-theme=dark] .af-form-builder__grid-toggle,[data-theme=dark] .af-form-builder__undo-btn,[data-theme=dark] .af-form-builder__redo-btn{background-color:#0f172acc;border-color:#33415580;color:#94a3b8}.af-form-builder__header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-4) var(--spacing-6);background-color:var(--color-bg-primary);border-bottom:var(--spacing-px) solid var(--border-color);box-shadow:var(--shadow-xs)}.af-form-builder__header-title{flex:1}.af-form-builder__header-title h1{margin:0;font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.af-form-builder__header-subtitle{margin:var(--spacing-1) 0 0 0;font-size:var(--font-size-sm);color:var(--text-secondary)}.af-form-builder__header-actions{display:flex;gap:var(--spacing-4);align-items:center}.af-form-builder__zoom-controls{display:flex;align-items:center;gap:.5rem;padding:.5rem;background-color:var(--bg-secondary);border-radius:.375rem}.af-form-builder__zoom-btn{padding:.375rem .5rem;background-color:#fff;border:1px solid var(--border-color);border-radius:.25rem;cursor:pointer;font-size:.875rem;color:var(--text-secondary);transition:all .2s ease}.af-form-builder__zoom-btn:hover{background-color:var(--primary-color);color:#fff;border-color:var(--primary-color)}.af-form-builder__zoom-level{font-size:.875rem;font-weight:600;color:var(--text-secondary);min-width:3rem;text-align:center}.af-form-builder__zoom-reset{padding:.375rem .75rem;background-color:#fff;border:1px solid var(--border-color);border-radius:.25rem;cursor:pointer;font-size:.75rem;color:var(--text-secondary);transition:all .2s ease}.af-form-builder__zoom-reset:hover{background-color:var(--primary-color);color:#fff;border-color:var(--primary-color)}.af-form-builder__grid-toggle{padding:.5rem 1rem;background-color:#fff;border:1px solid var(--border-color);border-radius:.375rem;cursor:pointer;font-size:.875rem;color:var(--text-secondary);transition:all .2s ease}.af-form-builder__grid-toggle:hover,.af-form-builder__grid-toggle.active{background-color:var(--primary-color);color:#fff;border-color:var(--primary-color)}.af-form-builder__undo-btn,.af-form-builder__redo-btn{padding:.5rem .75rem;background-color:#fff;border:1px solid var(--border-color);border-radius:.375rem;cursor:pointer;font-size:1rem;color:var(--text-secondary);transition:all .2s ease}.af-form-builder__undo-btn:hover:not(:disabled),.af-form-builder__redo-btn:hover:not(:disabled){background-color:var(--primary-color);color:#fff;border-color:var(--primary-color)}.af-form-builder__undo-btn:disabled,.af-form-builder__redo-btn:disabled{opacity:.5;cursor:not-allowed}.af-form-builder__save-btn{padding:.5rem 1.5rem;background-color:var(--success-color);color:#fff;border:none;border-radius:.375rem;cursor:pointer;font-size:.875rem;font-weight:600;transition:all .2s ease}.af-form-builder__save-btn:hover:not(:disabled){background-color:#15803d}.af-form-builder__save-btn:disabled{opacity:.7;cursor:not-allowed}.af-form-builder__save-btn.success{background-color:var(--success-color)}.af-form-builder__save-btn.error{background-color:var(--danger-color)}.af-form-builder__tabs{display:flex;gap:.5rem;padding:0 1.5rem;background-color:#fff;border-bottom:1px solid var(--border-color);overflow-x:auto}.af-form-builder__tab{padding:1rem 1.5rem;background-color:transparent;border:none;border-bottom:2px solid transparent;color:var(--text-secondary);cursor:pointer;font-size:.875rem;font-weight:600;transition:all .2s ease;white-space:nowrap}.af-form-builder__tab:hover,.af-form-builder__tab--active{color:var(--primary-color);border-bottom-color:var(--primary-color)}.af-form-builder__content{flex:1;min-height:0;overflow:auto;padding:1.5rem}@media (max-width: 1024px){.af-form-builder__header{flex-direction:column;gap:1rem;align-items:flex-start}.af-form-builder__header-actions{width:100%}.af-form-builder__tabs{gap:.25rem;overflow-x:auto}.af-form-builder__tab{padding:.75rem 1rem;font-size:.8125rem}}@media (max-width: 640px){.af-form-builder{height:100%;min-height:600px}.af-form-builder__header-actions,.af-form-builder__zoom-controls{flex-wrap:wrap}.af-form-builder__content{padding:1rem}.af-form-builder__tabs{padding:0 1rem}.af-form-builder__tab{padding:.75rem;font-size:.75rem}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes slideInUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.af-form-builder [role=region]:focus-visible{outline:2px solid #22c55e;outline-offset:-2px}.af-form-builder [role=button]:focus-visible{outline:3px solid #22c55e!important;outline-offset:2px;box-shadow:0 0 0 4px #22c55e33!important}.dark .af-form-builder [role=region]:focus-visible,[data-theme=dark] .af-form-builder [role=region]:focus-visible{outline-color:#22c55e}.dark .af-form-builder [role=button]:focus-visible,[data-theme=dark] .af-form-builder [role=button]:focus-visible{outline-color:#22c55e!important}.af-form-builder [role=button]:focus:not(:focus-visible){outline:none;box-shadow:none}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.af-form-builder__zoom-btn,.af-form-builder__zoom-reset,.af-form-builder__grid-toggle,.af-form-builder__undo-btn,.af-form-builder__redo-btn,.af-form-builder__save-btn,.af-form-builder__tab{transition:none!important}@keyframes pulse{0%,to{opacity:1}}@keyframes slideInUp{0%,to{transform:translateY(0);opacity:1}}}.af-panel-resize-handle{width:4px;position:relative;cursor:col-resize;background:var(--color-border-secondary);transition:background var(--transition-base);-webkit-user-select:none;user-select:none;touch-action:none}.af-panel-resize-handle:hover{background:var(--color-primary-500)}.af-panel-resize-handle:active{background:var(--color-primary-600)}.af-panel-resize-handle:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:2px;height:40px;background:var(--color-border-primary);border-radius:var(--radius-full);opacity:0;transition:opacity var(--transition-base);pointer-events:none}.af-panel-resize-handle:hover:after{opacity:.6}.af-panel-resize-handle:focus-visible{outline:2px solid var(--color-interactive-focus);outline-offset:2px;background:var(--color-primary-500)}@media (prefers-reduced-motion: reduce){.af-panel-resize-handle{transition:none}.af-panel-resize-handle:after{transition:none}}.af-control-canvas{display:flex;flex-direction:column;padding:1rem;background-color:#fff;border:1px solid #d1d5db;border-radius:.375rem;transition:all .2s ease}.af-control-canvas--selected{border-color:#16a34a;background-color:#eff6ff;box-shadow:0 0 0 3px #2563eb1a}.af-control-canvas__header{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem;padding-bottom:.75rem;border-bottom:1px solid #f3f4f6;font-weight:600}.af-control-canvas__icon{font-size:1.25rem}.af-control-canvas__type{flex:1;font-size:.875rem;color:#6b7280}.af-control-canvas__required{color:#dc2626;font-weight:700}.af-control-canvas__content{display:flex;flex-direction:column;gap:.5rem}.af-control-canvas__label{font-size:.875rem;font-weight:600;color:#1f2937}.af-control-canvas__input-preview,.af-control-canvas__textarea-preview,.af-control-canvas__select-preview,.af-control-canvas__date-preview{padding:.5rem;border:1px solid #d1d5db;border-radius:.25rem;font-size:.875rem;background-color:#f9fafb}.af-control-canvas__checkbox-preview,.af-control-canvas__radio-preview{width:1.125rem;height:1.125rem;cursor:pointer}.af-control-canvas__button-preview{padding:.5rem 1rem;background-color:#16a34a;color:#fff;border:none;border-radius:.25rem;font-size:.875rem;font-weight:600;cursor:pointer}.af-control-canvas__text-preview{font-size:.875rem;color:#1f2937}.af-control-canvas__image-placeholder,.af-control-canvas__chart-placeholder{padding:2rem 1rem;background-color:#f3f4f6;border:2px dashed #d1d5db;border-radius:.375rem;text-align:center;color:#9ca3af;font-size:.875rem}.af-control-canvas__help-text{font-size:.8125rem;color:#6b7280;margin-top:.25rem}.af-control-canvas__meta{display:flex;gap:.5rem;margin-top:.75rem;padding-top:.75rem;border-top:1px solid #f3f4f6;font-size:.75rem;color:#9ca3af}.af-control-canvas__meta small{background-color:#f3f4f6;padding:.125rem .375rem;border-radius:.25rem}.dark .af-control-canvas,[data-theme=dark] .af-control-canvas{background-color:#1e1e1e99;border-color:#ffffff1f}.dark .af-control-canvas--selected,[data-theme=dark] .af-control-canvas--selected{border-color:#22c55e;background-color:#22c55e14;box-shadow:0 0 0 3px #22c55e1a}.dark .af-control-canvas__header,[data-theme=dark] .af-control-canvas__header{border-bottom-color:#ffffff14}.dark .af-control-canvas__type,[data-theme=dark] .af-control-canvas__type{color:#94a3b8}.dark .af-control-canvas__label,[data-theme=dark] .af-control-canvas__label{color:#e2e8f0}.dark .af-control-canvas__input-preview,.dark .af-control-canvas__textarea-preview,.dark .af-control-canvas__select-preview,.dark .af-control-canvas__date-preview,[data-theme=dark] .af-control-canvas__input-preview,[data-theme=dark] .af-control-canvas__textarea-preview,[data-theme=dark] .af-control-canvas__select-preview,[data-theme=dark] .af-control-canvas__date-preview{background-color:#14141499;border-color:#ffffff1f;color:#cbd5e1}.dark .af-control-canvas__button-preview,[data-theme=dark] .af-control-canvas__button-preview{background-color:#22c55e;color:#0a0a0a}.dark .af-control-canvas__text-preview,[data-theme=dark] .af-control-canvas__text-preview{color:#e2e8f0}.dark .af-control-canvas__image-placeholder,.dark .af-control-canvas__chart-placeholder,[data-theme=dark] .af-control-canvas__image-placeholder,[data-theme=dark] .af-control-canvas__chart-placeholder{background-color:#14141466;border-color:#ffffff1f;color:#64748b}.dark .af-control-canvas__help-text,[data-theme=dark] .af-control-canvas__help-text{color:#94a3b8}.dark .af-control-canvas__meta,[data-theme=dark] .af-control-canvas__meta{border-top-color:#ffffff14;color:#64748b}.dark .af-control-canvas__meta small,[data-theme=dark] .af-control-canvas__meta small{background-color:#ffffff14}.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%}.credential-dialog{max-width:700px;min-height:400px}.credential-dialog .modal-title{color:#fff!important;font-weight:600}.credential-dialog .modal-title span,.credential-dialog .modal-header-plain .modal-title,.credential-dialog .modal-header-plain .modal-title span{color:#fff!important}.credential-dialog .loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;gap:16px;padding:40px}.credential-dialog .error-banner{background-color:#3f1f1f;border:2px solid #ef4444;border-radius:4px;padding:16px;margin:16px;display:flex!important;align-items:flex-start;gap:12px;color:#fca5a5;width:auto;flex-wrap:wrap;z-index:10}.credential-dialog .error-icon{font-size:24px;flex-shrink:0;margin-top:2px}.credential-dialog .error-banner strong{color:#fff;font-weight:600;display:block;margin-bottom:8px}.credential-dialog .error-banner p{color:#fca5a5;margin:4px 0}.credential-dialog .form-container{display:flex;flex-direction:column;gap:24px;padding:16px}.credential-dialog .atlas-form-container{min-height:200px}.credential-dialog .atlas-form-container label{color:#e5e7eb!important;font-weight:500}.credential-dialog .atlas-form-container input,.credential-dialog .atlas-form-container textarea,.credential-dialog .atlas-form-container select{color:#e5e7eb!important;background-color:#1e293b!important;border:1px solid #475569!important;border-radius:6px!important;padding:8px 12px!important}.credential-dialog .atlas-form-container input:focus,.credential-dialog .atlas-form-container textarea:focus,.credential-dialog .atlas-form-container select:focus{background-color:#0f172a!important;border-color:#3b82f6!important;outline:none!important;box-shadow:0 0 0 3px #3b82f61a!important}.credential-dialog .atlas-form-container input::placeholder,.credential-dialog .atlas-form-container textarea::placeholder{color:#94a3b8!important}.credential-dialog .atlas-form-container .help-text,.credential-dialog .atlas-form-container .field-help,.credential-dialog .atlas-form-container small{color:#cbd5e1!important}.credential-dialog .atlas-form-container .error-message,.credential-dialog .atlas-form-container .field-error{color:#fca5a5!important}.credential-dialog .dialog-actions{display:flex;justify-content:space-between;align-items:center;padding:24px;margin:16px 0 0;border-top:1px solid #374151;background-color:#1e293b}.credential-dialog .left-actions{display:flex;gap:12px;align-items:center}.credential-dialog .security-notice{font-size:12px;color:#94a3b8;display:flex;align-items:center;gap:6px}.credential-dialog .right-actions{display:flex;gap:12px}.credential-dialog .btn{padding:10px 20px;border:none;border-radius:4px;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s;display:inline-flex;align-items:center;gap:6px}.credential-dialog .btn:disabled{opacity:.5;cursor:not-allowed}.credential-dialog .btn-primary{background-color:#3498db;color:#fff}.credential-dialog .btn-primary:hover:not(:disabled){background-color:#2980b9}.credential-dialog .btn-default{background-color:#475569;color:#e5e7eb;border:1px solid #64748b}.credential-dialog .btn-default:hover:not(:disabled){background-color:#334155;border-color:#475569}.credential-dialog .modal-body{max-height:calc(80vh - 200px);overflow-y:auto;padding:0;display:block!important;visibility:visible!important}.credential-dialog .modal-footer{padding:0}.credential-dialog .form-container{display:flex!important;flex-direction:column!important;gap:24px!important;padding:16px!important;visibility:visible!important;min-height:200px!important}.credential-dialog .atlas-form-container{min-height:200px!important;display:block!important;visibility:visible!important}.credential-dialog.dark .error-banner{background-color:#3f1f1f;border-color:#5f2f2f;color:#ff6b6b}@media (max-width: 768px){.credential-dialog{max-width:95vw}.credential-dialog .dialog-actions{flex-direction:column;gap:12px}.credential-dialog .right-actions{width:100%;justify-content:flex-end}.credential-dialog .security-notice{text-align:center}}.credential-selector{display:flex;flex-direction:column;gap:8px}.credential-selector-label{display:flex;align-items:center;gap:4px;color:#e5e7eb;font-weight:500;font-size:14px;margin-bottom:4px}.credential-selector-label .required-marker{color:#ef4444;font-weight:600}.credential-selector-container{display:flex;gap:8px;align-items:center;position:relative}.credential-selector-search{flex:1;padding:8px 12px;border:1px solid #475569;border-radius:6px;background-color:#1e293b;color:#e5e7eb;font-size:14px;transition:all .2s;min-height:36px;position:relative}.credential-selector-search::placeholder{color:#64748b}.credential-selector-search:focus{outline:none;border-color:#3a8c45;background-color:#0f172a;box-shadow:0 0 0 3px #3a8c451a}.credential-selector-search:disabled{opacity:.6;cursor:not-allowed}.credential-selector-results{position:absolute;top:100%;left:0;right:0;margin-top:4px;background-color:#1e293b;border:1px solid #475569;border-radius:6px;max-height:300px;overflow-y:auto;z-index:1000;box-shadow:0 4px 6px #0000004d}.credential-result-item{display:flex;align-items:center;gap:8px;padding:10px 12px;cursor:pointer;transition:background-color .2s;border-bottom:1px solid #334155}.credential-result-item:last-child{border-bottom:none}.credential-result-item:hover:not(.loading):not(.no-results){background-color:#334155}.credential-result-item.selected{background-color:#334155;border-left:3px solid #64748b;padding-left:9px}.credential-result-item.loading,.credential-result-item.no-results{cursor:default;color:#94a3b8;justify-content:center}.credential-result-item .credential-icon{font-size:16px;flex-shrink:0}.credential-result-item .credential-name{flex:1;color:#e5e7eb;font-weight:500}.credential-result-item .credential-id{color:#64748b;font-size:12px;flex-shrink:0}.credential-selector-dropdown{flex:1;padding:8px 12px;border:1px solid #475569;border-radius:6px;background-color:#1e293b;color:#e5e7eb;font-size:14px;transition:all .2s;min-height:36px;display:none}.credential-selector-dropdown:focus{outline:none;border-color:#3a8c45;background-color:#0f172a;box-shadow:0 0 0 3px #3a8c451a}.credential-selector-dropdown:disabled{opacity:.6;cursor:not-allowed}.credential-selector-dropdown option{background-color:#1e293b;color:#e5e7eb;padding:8px}.credential-dropdown-btn{padding:8px 12px;border:1px solid #475569;border-radius:4px;background-color:#475569;color:#e5e7eb;cursor:pointer;font-size:14px;font-weight:700;transition:all .2s;display:inline-flex;align-items:center;justify-content:center;min-width:36px;height:36px;flex-shrink:0}.credential-dropdown-btn:hover:not(:disabled){background-color:#64748b;border-color:#64748b}.credential-dropdown-btn:active:not(:disabled){background-color:#334155}.credential-dropdown-btn:disabled{opacity:.5;cursor:not-allowed}.credential-selector-status{font-size:12px;padding:8px;border-radius:4px;display:flex;align-items:center;gap:8px}.credential-selector-status.loading{color:#3a8c45;background-color:#3a8c451a}.credential-selector-status.error{color:#ef4444;background-color:#ef44441a;border:1px solid rgba(239,68,68,.3)}.credential-selector-info{display:flex;align-items:center;gap:8px;padding:8px 12px;background-color:#3a8c451a;border:1px solid #3A8C45;border-radius:4px;font-size:13px;margin-top:12px}.credential-selector-info .credential-name{color:#3a8c45;font-weight:500}.credential-selector-info .credential-type{color:#94a3b8;font-size:12px}.credential-type-selector-modal{max-width:500px;min-width:300px}.credential-type-selector-modal .modal-title{color:#fff!important;font-weight:600}.credential-type-selector-modal .modal-title span{color:#fff!important}.credential-type-list{display:flex;flex-direction:column;gap:8px;padding:16px}.credential-type-item{display:flex;align-items:center;gap:12px;padding:12px 16px;background-color:#1e293b;border:1px solid #475569;border-radius:6px;cursor:pointer;transition:all .2s}.credential-type-item:hover{background-color:#334155;border-color:#64748b;transform:translate(4px)}.credential-type-item:active{background-color:#0f172a;transform:translate(2px)}.credential-type-icon{font-size:24px;flex-shrink:0}.credential-type-info{flex:1;display:flex;flex-direction:column;gap:2px}.credential-type-name{color:#e5e7eb;font-weight:500;font-size:14px}.credential-type-code{color:#94a3b8;font-size:12px}.credential-type-arrow{color:#64748b;font-weight:700;font-size:16px;flex-shrink:0}@media (max-width: 480px){.credential-selector-container{flex-direction:column;position:relative}.credential-selector-search{width:100%}.credential-selector-results{position:fixed;left:10px;right:10px;max-width:none;width:auto}.credential-selector-actions{width:100%;justify-content:space-between}.credential-selector-actions .btn{flex:1}.credential-type-selector-modal{max-width:95vw;min-width:auto}}.lookup-select-wrapper{display:flex;flex-direction:column;gap:0px}.lookup-select-label{font-size:14px;color:#cbd5e1;font-weight:500;display:flex;align-items:center;gap:4px}.lookup-select-label .required{color:#ef4444;font-weight:600}.lookup-select-container{position:relative;display:flex;align-items:center;gap:4px}.lookup-select-button{flex:1;padding:10px 12px;background:#0f172acc;border:1px solid rgba(100,116,139,.4);border-radius:6px;color:#e2e8f0;font-size:14px;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:8px;transition:all .2s ease;text-align:left}.lookup-select-button:hover:not(:disabled){border-color:#94a3b899;background:#1e293be6}.lookup-select-button:focus{outline:none;border-color:#3a8c4580;box-shadow:0 0 0 3px #3a8c451a}.lookup-select-button:disabled{opacity:.6;cursor:not-allowed;background:#0f172a80}.lookup-select-button.open{border-color:#3a8c4580;background:#1e293bf2}.lookup-select-button.input-error{border-color:#ef444480}.lookup-select-text{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:inherit}.lookup-select-icon{font-size:12px;color:#94a3b8;flex-shrink:0;transition:transform .2s ease}.lookup-select-button.open .lookup-select-icon{transform:rotate(180deg)}.lookup-clear-button{padding:8px 6px;background:transparent;border:1px solid rgba(100,116,139,.3);border-radius:4px;color:#94a3b8;font-size:12px;cursor:pointer;display:flex;align-items:center;justify-content:center;width:32px;height:40px;transition:all .2s ease;flex-shrink:0}.lookup-clear-button:hover{border-color:#ef444480;color:#ef4444;background:#ef44441a}.lookup-dropdown-menu{position:absolute;top:100%;left:0;right:0;margin-top:4px;background:#0f172af2;border:1px solid rgba(100,116,139,.4);border-radius:6px;box-shadow:0 10px 25px #0006;z-index:1000;max-height:400px;overflow-y:auto;min-width:250px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.lookup-search-input-wrapper{padding:8px;border-bottom:1px solid rgba(100,116,139,.2);display:flex;align-items:center;gap:6px;position:sticky;top:0;background:#0f172af7}.lookup-search-input{flex:1;padding:8px 12px;background:#1e293bcc;border:1px solid rgba(100,116,139,.3);border-radius:4px;color:#e2e8f0;font-size:13px;outline:none;transition:all .2s ease}.lookup-search-input:focus{border-color:#3a8c4580;box-shadow:0 0 0 3px #3a8c451a}.lookup-search-input::placeholder{color:#64748b}.lookup-search-clear{padding:4px 8px;background:transparent;border:none;color:#94a3b8;font-size:12px;cursor:pointer;transition:color .2s ease}.lookup-search-clear:hover{color:#cbd5e1}.lookup-menu-message{padding:16px 12px;text-align:center;color:#94a3b8;font-size:13px;display:flex;flex-direction:column;align-items:center;gap:8px}.lookup-menu-message.lookup-error{color:#ef4444}.lookup-menu-options{max-height:320px;overflow-y:auto;display:flex;flex-direction:column}.lookup-menu-option{padding:12px;background:transparent;border:none;border-bottom:1px solid rgba(100,116,139,.1);color:#e2e8f0;font-size:13px;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:12px;text-align:left;transition:all .15s ease;position:relative}.lookup-menu-option:hover{background:#3a8c451a;color:#3a8c45}.lookup-menu-option.selected{background:#3a8c4533;color:#3a8c45;font-weight:500}.lookup-menu-option:last-child{border-bottom:none}.lookup-option-name{flex:1;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lookup-option-id{font-size:11px;color:#64748b;flex-shrink:0}.lookup-menu-option:hover .lookup-option-id{color:#94a3b8}.lookup-option-checkmark{color:#3a8c45;font-weight:600;flex-shrink:0}.lookup-menu-more{padding:8px 12px;background:#1e293b80;border-top:1px solid rgba(100,116,139,.2);text-align:center;color:#94a3b8;font-size:11px}.lookup-menu-hint{padding:8px 12px;background:#3b82f60d;border-top:1px solid rgba(100,116,139,.2);color:#64748b;font-size:11px;text-align:center}.lookup-error-text{color:#ef4444;font-size:12px;display:block;margin-top:4px}.lookup-dropdown-menu::-webkit-scrollbar{width:6px}.lookup-dropdown-menu::-webkit-scrollbar-track{background:transparent}.lookup-dropdown-menu::-webkit-scrollbar-thumb{background:#64748b66;border-radius:3px}.lookup-dropdown-menu::-webkit-scrollbar-thumb:hover{background:#64748b99}.agent-editor-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:2000}.agent-editor-container{background:#0f172af2;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:12px;overflow:hidden;width:95vw;height:95vh;max-width:95vw;max-height:95vh;display:flex;flex-direction:column;border:1px solid rgba(58,140,69,.3);box-shadow:0 0 30px #3a8c454d,0 20px 60px #000c}.agent-editor-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid rgba(255,255,255,.1);background:linear-gradient(135deg,#1a5228,#0d2e14);color:#fff;flex-shrink:0}.agent-editor-header h1{margin:0;font-size:24px;font-weight:600}.close-btn{background:#fff3;border:none;color:#fff;font-size:24px;cursor:pointer;padding:8px 12px;border-radius:4px;transition:background-color .2s}.close-btn:hover{background:#ffffff4d}.error-banner{background:#ef44441a;border-bottom:1px solid rgba(239,68,68,.3);color:#fca5a5;padding:12px 24px;display:flex;align-items:center;gap:12px;font-size:14px;flex-shrink:0}.agent-editor-content{display:flex;flex:1;overflow:hidden;gap:0}.left-menu{width:200px;background:#1e293bcc;border-right:1px solid rgba(255,255,255,.1);overflow-y:auto;flex-shrink:0}.menu-section{padding:16px 0}.menu-section-header{padding-left:4px;padding-right:16px;font-size:12px;font-weight:600;text-transform:uppercase;color:#64748b;letter-spacing:.5px;margin-bottom:8px}.menu-item{width:100%;padding:12px 16px;background:none;border:none;color:#94a3b8;text-align:left;cursor:pointer;font-size:14px;transition:all .2s;border-left:3px solid transparent;position:relative;margin:2px 0}.menu-item:hover{background:#3a8c4514;color:#cbd5e1;border-left-color:#3a8c4580}.menu-item.active{background:linear-gradient(90deg,#3a8c4526,#3a8c450d);border-left-color:#3a8c45;color:#3a8c45;font-weight:600;box-shadow:inset 0 0 20px #3a8c451a}.main-content{flex:1;display:flex;flex-direction:column;overflow:hidden}.top-tabs{display:flex;gap:0;border-bottom:1px solid rgba(255,255,255,.1);background:#1e293b80;padding:0;overflow-x:auto;flex-shrink:0}.tab{padding:12px 20px;background:none;border:none;color:#94a3b8;cursor:pointer;font-size:14px;font-weight:500;white-space:nowrap;transition:all .2s;border-bottom:3px solid transparent}.tab:hover{color:#cbd5e1;background:#ffffff0d}.tab.active{color:#3a8c45;border-bottom-color:#3a8c45;background:#3a8c450d}.tab-content{flex:1;overflow-y:auto;padding:24px}.form-section{background:#ffffff08;border:1px solid rgba(255,255,255,.05);border-radius:8px;padding:24px}.form-section h3{margin:0 0 24px;color:#f8fafc;font-size:18px;font-weight:600}.form-section h4{margin:24px 0 16px;color:#cbd5e1;font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:20px}.form-group{display:flex;flex-direction:column}.form-group.full{grid-column:1 / -1}.form-group label{font-size:14px;font-weight:500;color:#cbd5e1;margin-bottom:8px}.form-group input,.form-group textarea,.form-group select{padding:10px 12px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:6px;color:#f8fafc;font-size:14px;font-family:inherit;transition:all .2s}.form-group input::placeholder,.form-group textarea::placeholder{color:#64748b}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:#3a8c4599;box-shadow:0 0 0 3px #3a8c4526;background:#ffffff14}.form-group select option{background-color:#000;color:#fff}.form-group input:disabled,.form-group textarea:disabled,.form-group select:disabled{background:#0003;color:#64748b;cursor:not-allowed}.form-group textarea{resize:vertical}.form-input-readonly{padding:10px 12px;background:#0003;border:1px solid rgba(255,255,255,.1);border-radius:6px;color:#94a3b8;font-size:14px;font-family:inherit}.checkbox-grid{display:flex;flex-direction:column;gap:12px;margin-bottom:20px;grid-column:1 / -1}.checkbox-label,.checkbox-item{display:flex;align-items:center;gap:8px;color:#cbd5e1;font-size:14px;cursor:pointer;transition:color .2s}.checkbox-label:hover,.checkbox-item:hover{color:#f8fafc}.checkbox-label input[type=checkbox],.checkbox-item input[type=checkbox]{cursor:pointer;accent-color:#3A8C45;width:18px;height:18px}.checkbox-label input[type=checkbox]:disabled,.checkbox-item input[type=checkbox]:disabled{cursor:not-allowed;opacity:.5}.image-preview{max-width:100%;max-height:300px;border-radius:8px;border:1px solid rgba(58,140,69,.3);margin-top:12px;object-fit:cover;background:#0003}.form-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:24px;padding-top:24px;border-top:1px solid rgba(255,255,255,.1)}.btn{padding:10px 20px;border:none;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;display:inline-flex;align-items:center;gap:6px}.btn-primary{background:linear-gradient(135deg,#1a5228,#0d2e14);color:#020617;box-shadow:0 0 20px #3a8c4566}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#4aab57,#3a8c45);transform:translateY(-2px);box-shadow:0 0 30px #3a8c4599,0 10px 20px #0000004d}.btn-secondary{background:#ffffff1a;color:#cbd5e1;border:1px solid rgba(255,255,255,.2)}.btn-secondary:hover:not(:disabled){background:#ffffff26;border-color:#ffffff4d}.parameter-editor-container,.agent-editor-modal,.data-sample-editor-container,.template-editor-container,.quota-editor-container,.capability-editor-container,.payment-rule-editor-container,.policy-editor-container,.rule-editor-container,.scope-editor-container,.version-editor-container{background:#0f172af2;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:12px;width:500px;max-width:90vw;max-height:85vh;display:flex;flex-direction:column;border:1px solid rgba(58,140,69,.3);box-shadow:0 0 30px #3a8c454d,0 20px 60px #000c;overflow:hidden}.editor-form{display:flex;flex-direction:column;flex:1;overflow-y:auto;padding:24px;gap:20px}.editor-footer{display:flex;justify-content:flex-end;gap:12px;padding:16px 24px;border-top:1px solid rgba(255,255,255,.1);background:#1e293b80;flex-shrink:0}.editor-error-banner{background:#ef44441a;border-bottom:1px solid rgba(239,68,68,.3);color:#fca5a5;padding:12px 24px;display:flex;align-items:center;gap:12px;font-size:14px;flex-shrink:0}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid rgba(255,255,255,.1);background:linear-gradient(135deg,#1a5228,#0d2e14);color:#fff;flex-shrink:0}.modal-header h2{margin:0;font-size:18px;font-weight:600;color:#fff}.modal-body{flex:1;overflow-y:auto;padding:24px}.modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:16px 24px;border-top:1px solid rgba(255,255,255,.1);background:#1e293b80;flex-shrink:0}.editor-title{margin:0;font-size:18px;font-weight:600;color:#fff}.input-error{border-color:#ef444499!important;box-shadow:0 0 0 3px #ef444426!important}.error-text{color:#fca5a5;font-size:12px;margin-top:4px;display:block}.checkbox-group{display:flex;align-items:center;gap:8px}.checkbox-group label{display:flex;align-items:center;gap:8px;cursor:pointer;-webkit-user-select:none;user-select:none}.checkbox-group input[type=checkbox]{accent-color:#3A8C45;cursor:pointer}.display-value{padding:10px 12px;background:#0003;border:1px solid rgba(255,255,255,.1);border-radius:6px;color:#94a3b8;font-size:14px}.read-only .form-group input,.read-only .form-group textarea,.read-only .form-group select{background:#0003;color:#94a3b8;border-color:#ffffff1a;cursor:not-allowed;opacity:.8}.left-menu::-webkit-scrollbar,.tab-content::-webkit-scrollbar{width:8px}.left-menu::-webkit-scrollbar-track,.tab-content::-webkit-scrollbar-track{background:#ffffff0d}.left-menu::-webkit-scrollbar-thumb,.tab-content::-webkit-scrollbar-thumb{background:#3a8c454d;border-radius:4px}.left-menu::-webkit-scrollbar-thumb:hover,.tab-content::-webkit-scrollbar-thumb:hover{background:#3a8c4580}.instructions-grid::-webkit-scrollbar{width:10px}.instructions-grid::-webkit-scrollbar-track{background:#ffffff0d}.instructions-grid::-webkit-scrollbar-thumb{background:#3a8c4566;border-radius:5px}.instructions-grid::-webkit-scrollbar-thumb:hover{background:#3a8c4599}@media (max-width: 1024px){.form-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.left-menu{width:150px}}@media (max-width: 768px){.agent-editor-content{flex-direction:column}.left-menu{width:100%;height:auto;border-right:none;border-bottom:1px solid rgba(255,255,255,.1)}.menu-section{display:flex;overflow-x:auto;padding:0}.menu-item{white-space:nowrap;border-left:none;border-bottom:3px solid transparent;padding:12px 16px}.menu-item.active{border-left:none;border-bottom-color:#3a8c45}.form-grid{grid-template-columns:1fr}.top-tabs{flex-wrap:wrap}.tab-content,.form-section{padding:16px}}.json-editor-container{display:flex;flex-direction:column;gap:8px;width:100%}.json-editor-label{font-size:14px;font-weight:600;color:#f8fafc;display:block}.json-editor-wrapper{display:flex;flex-direction:column;gap:8px;position:relative}.json-editor-textarea{width:100%;padding:12px;background:#141e30cc;border:1px solid #334155;border-radius:6px;color:#e2e8f0;font-family:Monaco,Menlo,Ubuntu Mono,Courier New,monospace;font-size:12px;line-height:1.6;resize:vertical;transition:all .2s ease}.json-editor-textarea:focus{outline:none;border-color:#3a8c45;box-shadow:0 0 0 3px #3a8c451a}.json-editor-textarea:disabled{background:#1e293b99;color:#64748b;cursor:not-allowed}.json-editor-textarea.error{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}.json-editor-controls{display:flex;gap:8px;padding:0 4px}.json-format-btn{padding:6px 12px;background:#3a8c4533;border:1px solid #3A8C45;color:#3a8c45;border-radius:4px;cursor:pointer;font-size:12px;font-weight:500;transition:all .2s ease}.json-format-btn:hover:not(:disabled){background:#3a8c454d;box-shadow:0 0 8px #3a8c4533}.json-format-btn:disabled{opacity:.5;cursor:not-allowed}.json-editor-status{display:flex;align-items:center;height:20px;font-size:12px;min-height:20px}.json-error{color:#ef4444;display:flex;align-items:center;gap:4px}.json-valid{color:#22c55e;display:flex;align-items:center;gap:4px}.accordion-section{border:1px solid #334155;border-radius:6px;overflow:auto;transition:all .2s ease}.accordion-section.expanded{background:#141e304d}.accordion-section.collapsed{background:#141e301a}.accordion-header{width:100%;padding:12px 16px;background:#1e293b99;border:none;border-bottom:1px solid #334155;color:#f8fafc;font-size:14px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .2s ease}.accordion-section.collapsed .accordion-header{border-bottom-color:transparent}.accordion-header:hover{background:#1e293bcc}.accordion-header:active{transform:scale(.99)}.accordion-icon{display:inline-flex;align-items:center;justify-content:center;width:16px;font-size:10px;color:#3a8c45;transition:transform .2s ease}.accordion-section.expanded .accordion-icon{transform:rotate(0)}.accordion-section.collapsed .accordion-icon{transform:rotate(-90deg)}.accordion-title{display:flex;align-items:center;gap:8px;flex:1;text-align:left}.accordion-badge-icon{font-size:16px;display:inline-flex;align-items:center}.accordion-badge{display:inline-block;padding:2px 8px;background:#3a8c4533;border:1px solid #3A8C45;color:#3a8c45;border-radius:12px;font-size:11px;font-weight:600;margin-left:auto}.accordion-content{padding:20px;display:flex;flex-direction:column;gap:12px;animation:slideDown .2s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.accordion-header{padding:10px 12px;font-size:13px}.accordion-content{padding:12px}}.cost-grid-container{display:flex;flex-direction:column;gap:16px;padding:16px;background:#1e293b66;border:1px solid #334155;border-radius:8px}.cost-grid-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:12px;border-bottom:1px solid #334155}.cost-grid-title{margin:0;font-size:15px;font-weight:600;color:#f8fafc}.cost-grid-currency{margin:0;font-size:12px;color:#94a3b8}.cost-grid-wrapper{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.cost-grid-field{display:flex;flex-direction:column;gap:8px}.cost-field-label{font-size:13px;font-weight:600;color:#cbd5e1}.cost-field-description{margin:0;font-size:12px;color:#64748b;font-style:italic}.cost-field-input-wrapper{display:flex;align-items:center;position:relative}.cost-currency-symbol{position:absolute;left:12px;color:#94a3b8;font-weight:500;pointer-events:none}.cost-field-input{width:100%;padding:8px 12px 8px 28px;background:#141e30cc;border:1px solid #334155;border-radius:4px;color:#e2e8f0;font-size:13px;font-family:Monaco,Menlo,monospace;transition:all .2s ease}.cost-field-input:focus{outline:none;border-color:#3a8c45;box-shadow:0 0 0 3px #3a8c451a}.cost-field-input:disabled{background:#1e293b99;color:#64748b;cursor:not-allowed}.cost-field-input::placeholder{color:#475569}.cost-field-input::-webkit-outer-spin-button,.cost-field-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.cost-field-input[type=number]{-moz-appearance:textfield}.cost-grid-info{padding-top:8px;border-top:1px solid #334155}.cost-info-text{margin:0;font-size:12px;color:#94a3b8}@media (max-width: 768px){.cost-grid-wrapper{grid-template-columns:1fr}.cost-grid-header{flex-direction:column;align-items:flex-start;gap:8px}}.entity-grid-container{display:flex;flex-direction:column;gap:16px;width:100%}.entity-grid-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:12px;border-bottom:1px solid #334155}.entity-grid-title{margin:0;font-size:16px;font-weight:600;color:#f8fafc}.entity-grid-add-btn{padding:8px 16px;background:#3a8c4533;border:1px solid #3A8C45;color:#3a8c45;border-radius:4px;cursor:pointer;font-size:13px;font-weight:500;transition:all .2s ease}.entity-grid-add-btn:hover:not(:disabled){background:#3a8c454d;box-shadow:0 0 8px #3a8c4533}.entity-grid-add-btn:disabled{opacity:.5;cursor:not-allowed}.entity-grid-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:40px 20px;color:#94a3b8}.entity-grid-empty{padding:40px 20px;text-align:center;color:#64748b;background:#1e293b66;border-radius:6px;font-size:14px}.entity-grid-wrapper{display:grid;gap:16px;width:100%}.entity-grid-card{display:flex;flex-direction:column;gap:12px;padding:16px;background:#1e293b99;border:1px solid #334155;border-radius:8px;transition:all .2s ease}.entity-grid-card:hover{background:#1e293bcc;border-color:#475569;box-shadow:0 4px 12px #0000004d}.entity-card-content{display:flex;flex-direction:column;gap:12px}.entity-card-field{display:flex;flex-direction:column;gap:4px}.entity-card-label{font-size:12px;font-weight:600;color:#cbd5e1;text-transform:uppercase;letter-spacing:.5px}.entity-card-value{font-size:13px;color:#e2e8f0;word-break:break-word;white-space:pre-wrap}.entity-card-actions{display:flex;gap:8px;padding-top:8px;border-top:1px solid #475569}.entity-card-edit-btn,.entity-card-delete-btn{flex:1;padding:8px 12px;border:1px solid #475569;background:#2d374b99;color:#cbd5e1;border-radius:4px;cursor:pointer;font-size:14px;transition:all .2s ease}.entity-card-edit-btn:hover{background:#3a8c4533;border-color:#3a8c45;color:#3a8c45}.entity-card-delete-btn:hover{background:#ef444433;border-color:#ef4444;color:#ef4444}.entity-card-edit-btn:active,.entity-card-delete-btn:active{transform:scale(.98)}@media (max-width: 768px){.entity-grid-wrapper{grid-template-columns:1fr}}.parameter-editor-container{max-width:600px;width:90vw;max-height:80vh;background:#0f172af2;border:1px solid #334155;border-radius:8px;box-shadow:0 20px 25px -5px #00000080;display:flex;flex-direction:column;margin:auto}.parameter-editor-container .editor-form{flex:1;display:flex;flex-direction:column;overflow:auto}.parameter-editor-container .form-grid{padding:16px;gap:16px}.parameter-editor-container .editor-footer{padding:16px;border-top:1px solid #334155}.af-grid{display:flex;flex-direction:column;gap:0;border:1px solid rgba(255,255,255,.08);border-radius:8px;overflow:hidden;background:#1a1f2e;font-size:13px;color:#e2e8f0}.af-grid__toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:6px;padding:10px 12px;background:#ffffff08;border-bottom:1px solid rgba(255,255,255,.07)}.af-grid__toolbar-sep{width:1px;height:20px;background:#ffffff1a;margin:0 2px;flex-shrink:0}.af-grid__btn{display:inline-flex;align-items:center;gap:5px;padding:5px 12px;font-size:12px;font-weight:600;line-height:1.4;border-radius:5px;border:1px solid rgba(255,255,255,.12);background:#ffffff0f;color:#e2e8f0;cursor:pointer;transition:background .15s,border-color .15s,opacity .15s;white-space:nowrap;-webkit-user-select:none;user-select:none}.af-grid__btn:hover:not(:disabled){background:#ffffff1c;border-color:#ffffff38}.af-grid__btn:active:not(:disabled){background:#ffffff29}.af-grid__btn:disabled{opacity:.38;cursor:not-allowed}.af-grid__btn--ghost{background:transparent;border-color:#ffffff14;color:#94a3b8}.af-grid__btn--ghost:hover:not(:disabled){background:#ffffff0d;color:#e2e8f0}.af-grid__btn:first-child{border-color:#309b4866;background:#309b481f;color:#6ee89a}.af-grid__btn:first-child:hover:not(:disabled){background:#309b4838;border-color:#309b4899}.af-grid__btn-emoji{font-style:normal;line-height:1}.af-grid__btn-icon{width:12px;height:12px;flex-shrink:0}.af-grid__loading{padding:16px;text-align:center;color:#64748b;font-size:13px}.af-grid__table-wrapper{overflow-x:auto;overflow-y:auto}.af-grid__table{width:100%;border-collapse:collapse;table-layout:auto}.af-grid__thead-row{background:#ffffff08}.af-grid__th{padding:9px 12px;text-align:left;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:#64748b;border-bottom:2px solid rgba(255,255,255,.08);white-space:nowrap}.af-grid__th--selector{width:36px;padding:9px 10px}.af-grid__th--reorder{width:28px}.af-grid__required{color:#f87171;margin-left:2px}.af-grid__row{border-bottom:1px solid rgba(255,255,255,.05);transition:background .1s}.af-grid__row:last-child{border-bottom:none}.af-grid__row:hover{background:#ffffff08}.af-grid__row--selected{background:#309b4814!important}.af-grid__row--selected:hover{background:#309b481f!important}.af-grid__td{padding:8px 12px;font-size:13px;color:#cbd5e1;vertical-align:middle}.af-grid__td--selector{width:36px;padding:8px 10px;text-align:center}.af-grid__td--reorder{width:28px;text-align:center}.af-grid__cell-input,.af-grid__cell-select{width:100%;padding:4px 8px;font-size:12px;background:#00000040;border:1px solid rgba(255,255,255,.12);border-radius:4px;color:#e2e8f0;outline:none;transition:border-color .15s;box-sizing:border-box}.af-grid__cell-input:focus,.af-grid__cell-select:focus{border-color:#309b4899}.af-grid__cell-input--error,.af-grid__cell-select--error{border-color:#f87171}.af-grid__cell-toggle{cursor:pointer;width:14px;height:14px;accent-color:#309b48}.af-grid__cell-error{display:block;font-size:10px;color:#f87171;margin-top:2px}.af-grid__empty{padding:32px 16px;text-align:center;color:#475569;font-size:13px;font-style:italic}.af-grid__drag-handle{display:inline-block;color:#475569;cursor:grab;font-size:14px;line-height:1;padding:2px 4px;border-radius:3px;transition:color .15s,background .15s}.af-grid__drag-handle:hover{color:#94a3b8;background:#ffffff0f}.af-grid__badge{display:inline-block;padding:2px 8px;border-radius:10px;font-size:11px;font-weight:600}.af-grid__badge--active{background:#22c55e26;color:#4ade80}.af-grid__badge--inactive{background:#ef444426;color:#f87171}.af-grid__badge--pending{background:#fbbf2426;color:#fbbf24}.af-grid__badge--draft{background:#94a3b826;color:#94a3b8}.af-grid__pagination{display:flex;align-items:center;justify-content:center;gap:8px;padding:8px 12px;border-top:1px solid rgba(255,255,255,.07);background:#ffffff05}.af-grid__page-btn{padding:3px 10px;font-size:13px;border-radius:4px;border:1px solid rgba(255,255,255,.1);background:transparent;color:#94a3b8;cursor:pointer;transition:background .15s,color .15s}.af-grid__page-btn:hover:not(:disabled){background:#ffffff0f;color:#e2e8f0}.af-grid__page-btn:disabled{opacity:.35;cursor:not-allowed}.af-grid__page-info{font-size:12px;color:#64748b;min-width:48px;text-align:center}.af-grid-modal__overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background:#000000a6;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;padding:16px}.af-grid-modal__dialog{width:100%;max-width:760px;max-height:90vh;display:flex;flex-direction:column;background:#1e2433;border:1px solid rgba(255,255,255,.1);border-radius:10px;box-shadow:0 24px 64px #0009;overflow:hidden}.af-grid-modal__header{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border-bottom:1px solid rgba(255,255,255,.08);background:#ffffff08;flex-shrink:0}.af-grid-modal__title{font-size:14px;font-weight:600;color:#e2e8f0;letter-spacing:.01em}.af-grid-modal__close{display:flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;font-size:18px;line-height:1;color:#64748b;background:transparent;border:none;border-radius:5px;cursor:pointer;transition:color .15s,background .15s}.af-grid-modal__close:hover{color:#e2e8f0;background:#ffffff14}.af-grid-modal__body{flex:1;overflow-y:auto;overflow-x:hidden;min-height:0;padding:20px 18px;display:flex;flex-direction:column;gap:14px}.af-grid-modal__body--loading,.af-grid-modal__body--error{align-items:center;justify-content:center;color:#64748b;font-size:13px;min-height:100px}.af-grid-modal__body--error{color:#f87171}.af-grid-modal__form-body{flex:1;overflow-y:auto;overflow-x:hidden;min-height:0}.af-grid-modal__field{display:flex;flex-direction:column;gap:5px}.af-grid-modal__field--toggle{flex-direction:row;align-items:center;gap:10px}.af-grid-modal__label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:#64748b;cursor:default;-webkit-user-select:none;user-select:none}.af-grid-modal__field--toggle .af-grid-modal__label{text-transform:none;letter-spacing:normal;font-size:13px;font-weight:500;color:#cbd5e1;display:flex;align-items:center;gap:8px;cursor:pointer}.af-grid-modal__required{color:#f87171;margin-left:1px}.af-grid-modal__input{width:100%;padding:8px 11px;font-size:13px;background:#00000040;border:1px solid rgba(255,255,255,.12);border-radius:6px;color:#e2e8f0;outline:none;transition:border-color .15s,box-shadow .15s;box-sizing:border-box;font-family:inherit}.af-grid-modal__input:focus{border-color:#309b4899;box-shadow:0 0 0 3px #309b481f}.af-grid-modal__input::placeholder{color:#475569}.af-grid-modal__field--toggle input[type=checkbox]{width:16px;height:16px;cursor:pointer;accent-color:#309b48;flex-shrink:0}.af-grid-modal__footer{display:flex;align-items:center;justify-content:flex-end;gap:8px;padding:14px 18px;border-top:1px solid rgba(255,255,255,.08);background:#ffffff05;flex-shrink:0}.af-grid-modal__btn{display:inline-flex;align-items:center;padding:7px 18px;font-size:13px;font-weight:600;border-radius:6px;border:1px solid transparent;cursor:pointer;transition:background .15s,border-color .15s,opacity .15s;white-space:nowrap;line-height:1.4}.af-grid-modal__btn--secondary{background:#ffffff0f;border-color:#ffffff1f;color:#94a3b8}.af-grid-modal__btn--secondary:hover{background:#ffffff1a;border-color:#fff3;color:#e2e8f0}.af-grid-modal__btn--primary{background:#309b48;border-color:#309b48;color:#fff}.af-grid-modal__btn--primary:hover{background:#28863e;border-color:#28863e}.af-grid-modal__btn--primary:active{background:#1f6b31}.af-grid-modal__body::-webkit-scrollbar,.af-grid-modal__form-body::-webkit-scrollbar{width:6px}.af-grid-modal__body::-webkit-scrollbar-track,.af-grid-modal__form-body::-webkit-scrollbar-track{background:transparent}.af-grid-modal__body::-webkit-scrollbar-thumb,.af-grid-modal__form-body::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:3px}.af-grid-modal__body::-webkit-scrollbar-thumb:hover,.af-grid-modal__form-body::-webkit-scrollbar-thumb:hover{background:#fff3}.light .af-grid-modal__dialog{background:#fff;border-color:#e5e7eb;box-shadow:0 20px 48px #0000002e}.light .af-grid-modal__header{background:#f9fafb;border-bottom-color:#e5e7eb}.light .af-grid-modal__title{color:#111827}.light .af-grid-modal__close{color:#9ca3af}.light .af-grid-modal__close:hover{color:#111827;background:#0000000d}.light .af-grid-modal__label{color:#6b7280}.light .af-grid-modal__field--toggle .af-grid-modal__label{color:#374151}.light .af-grid-modal__input{background:#fff;border-color:#d1d5db;color:#111827}.light .af-grid-modal__input:focus{border-color:#309b48;box-shadow:0 0 0 3px #309b481a}.light .af-grid-modal__input::placeholder{color:#9ca3af}.light .af-grid-modal__footer{background:#f9fafb;border-top-color:#e5e7eb}.light .af-grid-modal__btn--secondary{background:#f3f4f6;border-color:#d1d5db;color:#6b7280}.light .af-grid-modal__btn--secondary:hover{background:#e5e7eb;color:#111827}.light .af-grid{background:#fff;border-color:#e5e7eb;color:#111827}.light .af-grid__toolbar{background:#f9fafb;border-bottom-color:#e5e7eb}.light .af-grid__toolbar-sep{background:#d1d5db}.light .af-grid__btn{background:#f3f4f6;border-color:#d1d5db;color:#374151}.light .af-grid__btn:hover:not(:disabled){background:#e5e7eb;border-color:#9ca3af}.light .af-grid__btn:first-child{background:#309b4814;border-color:#309b4859;color:#166534}.light .af-grid__btn:first-child:hover:not(:disabled){background:#309b4826}.light .af-grid__btn--ghost{background:transparent;border-color:#e5e7eb;color:#6b7280}.light .af-grid__thead-row{background:#f9fafb}.light .af-grid__th{color:#6b7280;border-bottom-color:#e5e7eb}.light .af-grid__row{border-bottom-color:#f1f5f9}.light .af-grid__row:hover{background:#f9fafb}.light .af-grid__row--selected{background:#309b480f!important}.light .af-grid__td{color:#374151}.light .af-grid__cell-input,.light .af-grid__cell-select{background:#fff;border-color:#d1d5db;color:#111827}.light .af-grid__cell-input:focus,.light .af-grid__cell-select:focus{border-color:#309b48}.light .af-grid__empty,.light .af-grid__drag-handle{color:#9ca3af}.light .af-grid__drag-handle:hover{color:#374151;background:#0000000a}.light .af-grid__badge--active{background:#dcfce7;color:#15803d}.light .af-grid__badge--inactive{background:#fee2e2;color:#b91c1c}.light .af-grid__badge--pending{background:#fef9c3;color:#a16207}.light .af-grid__badge--draft{background:#f1f5f9;color:#475569}.light .af-grid__pagination{border-top-color:#e5e7eb;background:#f9fafb}.light .af-grid__page-btn{border-color:#d1d5db;color:#6b7280}.light .af-grid__page-btn:hover:not(:disabled){background:#f3f4f6;color:#111827}.light .af-grid__page-info{color:#9ca3af}.af-grid__td--link{padding:6px 8px;vertical-align:middle;white-space:nowrap}.af-grid__link-btn{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;font-size:12px;font-weight:500;border-radius:4px;border:1px solid;cursor:pointer;transition:background .15s,border-color .15s,opacity .15s;white-space:nowrap;line-height:1.4}.af-grid__link-btn--secondary{background:#ffffff0f;border-color:#ffffff26;color:#cbd5e1}.af-grid__link-btn--secondary:hover{background:#ffffff1c;border-color:#ffffff40;color:#e2e8f0}.af-grid__link-btn--primary{background:#309b48;border-color:#309b48;color:#fff}.af-grid__link-btn--primary:hover{background:#28863e;border-color:#28863e}.af-grid__link-btn--ghost{background:transparent;border-color:#ffffff14;color:#94a3b8}.af-grid__link-btn--ghost:hover{background:#ffffff0d;color:#e2e8f0;border-color:#ffffff26}.af-grid__link-btn--danger{background:#ef44441a;border-color:#ef44444d;color:#f87171}.af-grid__link-btn--danger:hover{background:#ef44442e;border-color:#ef444480}.af-grid__link-text{display:inline-flex;align-items:center;gap:4px;background:none;border:none;padding:0;font-size:13px;color:#60a5fa;cursor:pointer;text-decoration:underline;text-underline-offset:2px;transition:color .15s}.af-grid__link-text:hover{color:#93c5fd}.af-grid__link-icon{width:12px;height:12px;flex-shrink:0;display:inline-block}.light .af-grid__link-btn--primary{background:#16a34a;border-color:#15803d;color:#fff}.light .af-grid__link-btn--primary:hover{background:#15803d;border-color:#166534;color:#fff}.light .af-grid__link-btn--danger{background:#dc2626;border-color:#b91c1c;color:#fff}.light .af-grid__link-btn--danger:hover{background:#b91c1c;border-color:#991b1b;color:#fff}.light .af-grid__link-btn--secondary{background:#f3f4f6;border-color:#d1d5db;color:#374151}.light .af-grid__link-btn--secondary:hover{background:#e5e7eb;border-color:#9ca3af;color:#111827}.light .af-grid__link-btn--ghost{border-color:#e5e7eb;color:#6b7280}.light .af-grid__link-btn--ghost:hover{background:#0000000a;color:#374151;border-color:#d1d5db}.light .af-grid__link-text{color:#2563eb}.light .af-grid__link-text:hover{color:#1d4ed8}:root{--cc-bg-primary: var(--cc-bg-primary);--cc-bg-secondary: var(--cc-bg-secondary);--cc-border-primary: var(--cc-border-primary);--cc-border-secondary: var(--cc-border-secondary);--cc-text-primary: var(--cc-text-primary);--cc-text-secondary: var(--cc-text-secondary);--cc-text-subtle: var(--cc-text-subtle);--cc-accent: var(--cc-accent);--cc-accent-light: rgba(58, 140, 69, .1);--cc-accent-bg: rgba(58, 140, 69, .05)}@media (prefers-color-scheme: light){:root{--cc-bg-primary: #f8f9fa;--cc-bg-secondary: #ffffff;--cc-border-primary: #dee2e6;--cc-border-secondary: #e9ecef;--cc-text-primary: #212529;--cc-text-secondary: #6c757d;--cc-text-subtle: #adb5bd;--cc-accent: #228B22;--cc-accent-light: rgba(34, 139, 34, .1);--cc-accent-bg: rgba(34, 139, 34, .05)}}html[data-theme=light]{--cc-bg-primary: #f8f9fa;--cc-bg-secondary: #ffffff;--cc-border-primary: #dee2e6;--cc-border-secondary: #e9ecef;--cc-text-primary: #212529;--cc-text-secondary: #6c757d;--cc-text-subtle: #adb5bd;--cc-accent: #228B22;--cc-accent-light: rgba(34, 139, 34, .1);--cc-accent-bg: rgba(34, 139, 34, .05)}.tabs-navigation{padding:4px 8px;display:flex;align-items:center;gap:0;flex:1;border-bottom:none;background-color:transparent;overflow-x:auto}.tab-button{flex:1;padding:12px 16px;border:none;background-color:transparent;color:var(--cc-text-secondary);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;border-bottom:3px solid transparent;margin-bottom:-2px}.tab-button:hover{color:var(--cc-text-primary);background-color:var(--cc-accent-bg)}.tab-button.active{color:var(--cc-text-primary);border-bottom-color:var(--cc-accent)}.connector-config-dialog{width:calc(100vw - 60px);height:calc(100vh - 60px);max-width:calc(100vw - 60px);min-height:500px;border-radius:12px;display:flex;flex-direction:column;margin:30px}.connector-config-dialog .modal-title{color:var(--cc-text-primary);font-weight:600}.connector-config-dialog .modal-title span,.connector-config-dialog .modal-header-plain .modal-title,.connector-config-dialog .modal-header-plain .modal-title span{color:var(--cc-text-primary)}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;gap:16px;padding:40px}.error-banner{background-color:#fee;border:1px solid #fcc;border-radius:4px;padding:12px 16px;margin:16px;display:flex;align-items:center;gap:12px;color:#c33}.error-icon{font-size:20px;flex-shrink:0}.form-container{display:flex;flex-direction:column;gap:0;padding:16px}.atlas-form-container{min-height:200px}.credential-selector-section{margin:0!important;padding:0!important;border:none!important;background-color:var(--cc-accent-bg);border-radius:8px}.credential-selector-section .credential-selector{margin:0}.entity-selector-section{margin:0!important;padding:0!important;background-color:var(--cc-accent-bg);border:1px solid var(--cc-border-secondary);border-radius:8px}.entity-label{display:block;font-weight:600;color:var(--cc-text-primary);margin-bottom:12px;font-size:14px}.entity-selector-group{display:flex;gap:8px;align-items:stretch;position:relative}.entity-selector-group.entity-search-group{flex-wrap:wrap}.entity-search-input{flex:1;min-width:200px;padding:10px 12px;background-color:var(--cc-bg-secondary);border:1px solid var(--cc-border-secondary);border-radius:6px;color:var(--cc-text-primary);font-size:14px;transition:all .2s ease}.entity-search-input::placeholder{color:var(--cc-text-subtle)}.entity-search-input:focus{border-color:var(--cc-accent);outline:none;box-shadow:0 0 0 3px var(--cc-accent-light)}.entity-search-input:disabled{opacity:.5;cursor:not-allowed}.entity-dropdown-btn{padding:8px 12px;background-color:#3a8c4533;border:1px solid rgba(58,140,69,.4);border-radius:6px;color:#3a8c45;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.entity-dropdown-btn:hover:not(:disabled){background-color:#3a8c454d;border-color:#3a8c4599}.entity-dropdown-btn:active:not(:disabled){background-color:#3a8c4566}.entity-dropdown-btn:disabled{opacity:.5;cursor:not-allowed}.entity-results-dropdown{position:absolute;top:100%;left:0;right:0;margin-top:4px;background-color:var(--cc-bg-secondary);border:1px solid var(--cc-border-secondary);border-radius:6px;max-height:300px;overflow-y:auto;z-index:1000;box-shadow:0 4px 6px #0000004d}.entity-result-item{display:flex;align-items:center;gap:8px;padding:10px 12px;cursor:pointer;transition:background-color .2s;border-bottom:1px solid var(--cc-border-primary)}.entity-result-item:last-child{border-bottom:none}.entity-result-item:hover:not(.loading):not(.no-results){background-color:var(--cc-border-primary)}.entity-result-item.selected{background-color:var(--cc-border-primary);border-left:3px solid var(--cc-text-secondary);padding-left:9px}.entity-result-item.loading,.entity-result-item.no-results{cursor:default;color:var(--cc-text-secondary);justify-content:center}.entity-result-item .entity-icon{font-size:16px;flex-shrink:0}.entity-result-item .entity-name{flex:1;color:var(--cc-text-primary);font-weight:500}.entity-result-item .entity-id{color:var(--cc-text-subtle);font-size:12px;flex-shrink:0}.entity-search-group .entity-info{flex-basis:100%;width:100%;margin-top:4px;margin-bottom:0;background-color:transparent!important;border:none!important;border-radius:0!important;padding-left:2px}.entity-info{display:flex;align-items:center;gap:8px;padding:8px 12px;background-color:#3a8c451a;border:1px solid var(--cc-accent);border-radius:4px;font-size:13px;margin-top:12px}.entity-info .entity-icon{font-size:18px}.entity-info .entity-name{color:var(--cc-accent);font-weight:500}.entity-info .entity-id{color:var(--cc-text-secondary);font-size:12px}.entity-select{flex:1;padding:10px 12px;background-color:var(--cc-bg-secondary);border:1px solid var(--cc-border-secondary);border-radius:6px;color:var(--cc-text-primary);font-size:14px;cursor:pointer}.entity-select:hover{border-color:var(--cc-text-subtle)}.entity-select:focus{border-color:var(--cc-accent);outline:none;box-shadow:0 0 0 3px #3a8c451a}.entity-select:disabled{opacity:.5;cursor:not-allowed}.entity-select option{background-color:var(--cc-bg-secondary);color:var(--cc-text-primary)}.entity-refresh-btn{padding:8px 12px;background-color:#58a6ff33;border:1px solid rgba(88,166,255,.4);border-radius:6px;color:#58a6ff;font-size:16px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.entity-refresh-btn:hover:not(:disabled){background-color:#58a6ff4d;border-color:#58a6ff99}.entity-refresh-btn:disabled{opacity:.5;cursor:not-allowed}.entity-add-btn{padding:8px 12px;background-color:#3a8c4533;border:1px solid rgba(58,140,69,.4);border-radius:6px;color:var(--cc-accent);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;white-space:nowrap;flex-shrink:0}.entity-add-btn:hover:not(:disabled){background-color:#3a8c454d;border-color:#3a8c4599}.entity-add-btn:disabled{opacity:.5;cursor:not-allowed}.entity-edit-btn{padding:8px 12px;background-color:#ffffff0f;border:1px solid rgba(255,255,255,.3);border-radius:6px;color:#e2e8f0;font-size:14px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;flex-shrink:0}.entity-edit-btn:hover:not(:disabled){background-color:#ffffff1f;border-color:#ffffff80;color:#f8fafc}.entity-edit-btn:disabled{background-color:#ffffff08;border-color:#ffffff47;color:#e2e8f08c;cursor:not-allowed}.entity-badge{padding:6px 12px;background-color:#3a8c4533;border:1px solid rgba(58,140,69,.4);border-radius:4px;color:var(--cc-accent);font-size:12px;font-weight:500;white-space:nowrap}.connector-config-dialog .atlas-form-container label{color:var(--cc-text-primary);font-weight:500}.connector-config-dialog .atlas-form-container input,.connector-config-dialog .atlas-form-container textarea,.connector-config-dialog .atlas-form-container select{color:var(--cc-text-primary);background-color:var(--cc-bg-secondary);border:1px solid var(--cc-border-secondary);border-radius:6px;padding:8px 12px}.connector-config-dialog .atlas-form-container input:focus,.connector-config-dialog .atlas-form-container textarea:focus,.connector-config-dialog .atlas-form-container select:focus{background-color:var(--cc-bg-primary);border-color:var(--cc-accent);outline:none;box-shadow:0 0 0 3px #3a8c451a}.connector-config-dialog .atlas-form-container input::placeholder,.connector-config-dialog .atlas-form-container textarea::placeholder{color:var(--cc-text-secondary)}.connector-config-dialog .atlas-form-container .help-text,.connector-config-dialog .atlas-form-container .field-help,.connector-config-dialog .atlas-form-container small{color:#cbd5e1}.connector-config-dialog .atlas-form-container .error-message,.connector-config-dialog .atlas-form-container .field-error{color:#fca5a5}.test-result{padding:16px;border-radius:8px;border:2px solid;background-color:#fff;margin-top:16px}.test-result-success{border-color:#86efac;background-color:#f0fdf4}.test-result-error{border-color:#fca5a5;background-color:#fef2f2}.test-result-header{display:flex;align-items:center;gap:8px;margin-bottom:12px}.test-result-header span:first-child{font-size:20px}.test-result-title{font-weight:600;font-size:16px}.test-result-details{display:flex;flex-direction:column;gap:8px}.test-result-metric{display:flex;justify-content:space-between;font-size:14px}.test-result-label{color:#6b7280}.test-result-value{font-weight:500;color:#111827}.test-result-error{color:#dc2626;margin-top:8px;font-size:14px}.config-form-tabs{display:flex;flex-direction:column;margin-bottom:16px;border-bottom:1px solid var(--cc-border-secondary)}.config-form-tabs-list{display:flex;flex-wrap:wrap;gap:4px;justify-content:flex-start;background-color:var(--cc-bg-primary)}.config-form-tab-item,.config-form-tab{flex:0 0 auto;padding:12px 16px;border:1px solid var(--cc-border-primary);border-bottom:none;border-right:none;background-color:var(--cc-bg-secondary);color:var(--cc-text-secondary);cursor:pointer;font-size:13px;font-weight:500;transition:all .2s ease;text-align:left;min-width:120px;border-radius:10px 10px 0 0;margin-left:10px}.config-form-tab:last-child{border-right:1px solid var(--cc-border-primary)}.config-form-tab-content{display:flex;flex-direction:column;gap:2px}.config-form-tab-title{font-size:13px;font-weight:500;color:var(--text-secondary);line-height:1.3;transition:color .15s}.config-form-tab-subtitle{display:none}.config-form-tab-item.active .config-form-tab-subtitle,.config-form-tab.active .config-form-tab-subtitle{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:10px;color:#309b48;font-weight:400;line-height:1.2}.config-form-tab:hover{background-color:var(--cc-border-primary)}.config-form-tab-item:hover .config-form-tab-title,.config-form-tab:hover .config-form-tab-title{color:var(--primary)}.config-form-tab.active{background-color:var(--cc-bg-primary);border-top:2px solid var(--cc-accent);border-left:1px solid var(--cc-accent);border-right:1px solid var(--cc-accent);border-bottom:none;padding-top:10px;color:var(--cc-accent)}.config-form-tab-item.active .config-form-tab-title,.config-form-tab.active .config-form-tab-title{color:var(--primary);font-weight:600}.dialog-actions{display:flex;justify-content:space-between;align-items:center;padding:24px;margin:16px 0 0;border-top:1px solid #374151;background-color:var(--cc-bg-secondary)}.left-actions,.right-actions{display:flex;gap:12px}.btn{padding:4px 12px;font-size:12px;height:28px;border:none;border-radius:4px;cursor:pointer;font-weight:500;transition:all .2s;display:inline-flex;align-items:center;gap:6px}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:linear-gradient(135deg,#1a5228,#0d2e14);color:#e2e8f0;border:1px solid rgba(26,82,40,.6)}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#1e5c2e,#112e17);border-color:#1e5c2ecc}.btn-secondary{background-color:#95a5a6;color:#fff}.btn-secondary:hover:not(:disabled){background-color:#7f8c8d}.btn-save{background:linear-gradient(135deg,#1a5228,#0d2e14);color:#e2e8f0;border:1px solid rgba(26,82,40,.6)}.btn-save:hover:not(:disabled){background:linear-gradient(135deg,#1e5c2e,#112e17);border-color:#1e5c2ecc}.btn-default{background:transparent;border:1px solid var(--border-default, #e5e7eb);color:inherit}.btn-default:hover:not(:disabled){background:#0000000a}.connector-config-dialog .modal-body{flex:1;overflow-y:auto;padding:0}.connector-config-dialog .modal-footer{padding:0;flex-shrink:0}.connector-config-dialog.dark .error-banner{background-color:#3f1f1f;border-color:#5f2f2f;color:#ff6b6b}.connector-config-dialog.dark .test-result-success{border-color:#065f46;background-color:#064e3b;color:#d1fae5}.connector-config-dialog.dark .test-result-error{border-color:#991b1b;background-color:#7f1d1d;color:#fecaca}.connector-config-dialog.dark .test-result-label{color:#9ca3af}.connector-config-dialog.dark .test-result-value{color:#f3f4f6}.connector-config-dialog .modal-header-plain{flex-shrink:0;border-bottom:1px solid var(--cc-border-primary);padding:16px 24px}.connector-config-dialog .tabs-navigation{flex-shrink:0}.connector-config-dialog .documentation-panel{padding:8px 0;display:flex;flex-direction:column;gap:20px}.connector-config-dialog .doc-field-group{display:flex;flex-direction:column;gap:6px}.connector-config-dialog .doc-field-label{font-size:13px;font-weight:500;color:#cbd5e1}.connector-config-dialog .doc-field-input,.connector-config-dialog .doc-field-textarea{background:var(--cc-bg-secondary);border:1px solid var(--cc-border-primary);border-radius:6px;color:#f1f5f9;font-size:13px;padding:8px 10px;outline:none;resize:vertical;font-family:inherit;transition:border-color .15s}.connector-config-dialog .doc-field-input:focus,.connector-config-dialog .doc-field-textarea:focus{border-color:#309b48}.connector-config-dialog .doc-field-input::placeholder,.connector-config-dialog .doc-field-textarea::placeholder{color:var(--cc-border-secondary)}.connector-config-dialog .primary-config-panel{padding:8px 0}.connector-config-dialog .info-table{width:100%;border-collapse:collapse;font-size:13px}.connector-config-dialog .info-table tr{border-bottom:1px solid var(--cc-bg-secondary)}.connector-config-dialog .info-table tr:last-child{border-bottom:none}.connector-config-dialog .info-table-key{padding:10px 12px 10px 0;color:var(--cc-text-secondary);width:42%;vertical-align:top;white-space:nowrap}.connector-config-dialog .info-table-value{background:var(--cc-bg-secondary);border-radius:4px;color:#a5f3c0;font-family:monospace;font-size:12px;padding:2px 6px}@media (max-width: 768px){.connector-config-dialog{width:calc(100vw - 20px);height:calc(100vh - 20px);max-width:calc(100vw - 20px);min-height:500px;margin:10px}.dialog-actions{flex-direction:column;gap:12px}.right-actions{width:100%;justify-content:flex-end}}.af-form-renderer__fields{gap:10px 24px!important}.af-form-renderer [style*="border-top: 1px solid rgb(229, 231, 235)"]{display:none!important}.connector-config-dialog .form-select[name=type],.connector-config-dialog select{background-color:var(--bg-surface, #1e293b);color:var(--text-primary, #f8fafc);border-color:var(--border-default);min-width:160px;width:100%}.connector-config-dialog h3,.modal-body .form-section h3,.af-form-renderer h3{font-size:14px;font-weight:600;margin:6px 0;line-height:1.4}.workflow-editor-container{width:100%;height:100%;display:flex;flex-direction:column}.workflow-editor-main{flex:1;display:flex;overflow:hidden}.workflow-editor-canvas-container{flex:1;position:relative}.workflow-observer-panel{flex-shrink:0}.workflow-editor-loading{display:flex;align-items:center;justify-content:center;width:100%;height:100%;font-size:18px}[data-theme=dark] .workflow-editor-loading{color:#e5e7eb}[data-theme=light] .workflow-editor-loading{color:#6b7280}.workflow-editor-error{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;padding:40px;gap:20px}.workflow-editor-error__icon{font-size:64px}.workflow-editor-error__message{font-size:18px;color:#ef4444;text-align:center}.workflow-panel-overlay{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:9999}.workflow-panel-toggle{position:absolute;top:50%;transform:translateY(-50%);pointer-events:auto;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px 8px;border:1.5px solid;transition:all .2s ease;outline:none}.workflow-panel-toggle--left{left:0;border-left:none;border-radius:0 18px 18px 0}[data-theme=dark] .workflow-panel-toggle--left{background:#1e293b;border-color:#ffffff2e;color:#94a3b8;box-shadow:4px 0 18px #00000059}[data-theme=light] .workflow-panel-toggle--left{background:#f1f5f9;border-color:#cbd5e1;color:#64748b;box-shadow:4px 0 18px #00000059}.workflow-panel-toggle--left.workflow-panel-toggle--active{background:#3a8c452e;border-color:#3a8c45;color:#3a8c45;box-shadow:4px 0 20px #3a8c4559,inset -1px 0 #3a8c451a}.workflow-panel-toggle--left:hover{color:#3a8c45;border-color:#3a8c45;background:#3a8c452e;box-shadow:4px 0 20px #3a8c4559,inset -1px 0 #3a8c451a}.workflow-panel-toggle--right{right:0;border-right:none;border-radius:18px 0 0 18px}[data-theme=dark] .workflow-panel-toggle--right{background:#1e293b;border-color:#ffffff2e;color:#94a3b8;box-shadow:-4px 0 18px #00000059}[data-theme=light] .workflow-panel-toggle--right{background:#f1f5f9;border-color:#cbd5e1;color:#64748b;box-shadow:-4px 0 18px #00000059}.workflow-panel-toggle--right.workflow-panel-toggle--active{background:#3a8c452e;border-color:#3a8c45;color:#3a8c45;box-shadow:-4px 0 20px #3a8c4559,inset 1px 0 #3a8c451a}.workflow-panel-toggle--right:hover{color:#3a8c45;border-color:#3a8c45;background:#3a8c452e;box-shadow:-4px 0 20px #3a8c4559,inset 1px 0 #3a8c451a}.workflow-panel-toggle__label{writing-mode:vertical-rl;font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;-webkit-user-select:none;user-select:none}.workflow-panel-toggle--left .workflow-panel-toggle__label{transform:rotate(180deg)}.workflow-icon-button{position:absolute;top:6px;transform:none;pointer-events:auto;cursor:pointer;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:2px;padding:5px 6px;border:1.5px solid #3A8C45;border-radius:6px;transition:all .2s ease;outline:none;background:transparent;color:#3a8c45}.workflow-icon-button:hover{background:#3a8c4514;border-color:#3a8c45}.workflow-icon-button:active{background:#3a8c451f}.workflow-icon-button__label{display:none}.workflow-icon-button--left{left:4px}.workflow-icon-button--right{right:4px}@media (max-width: 767px){.workflow-panel-toggle{min-width:44px;min-height:44px;padding:12px 8px}.workflow-icon-button{min-width:44px;min-height:44px;padding:10px}.workflow-panel-toggle--left,.workflow-panel-toggle--right{top:auto;bottom:80px;transform:none}.workflow-icon-button--left,.workflow-icon-button--right{top:8px}}@media (min-width: 768px) and (max-width: 1023px){.workflow-panel-toggle{min-width:40px;min-height:100px}}.toast-container{position:fixed;bottom:20px;right:20px;z-index:9999;display:flex;flex-direction:column;gap:10px;max-width:400px}.toast{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:6px;border-left:4px solid;background:var(--bg-secondary);color:var(--text-primary);box-shadow:0 4px 12px #0000004d;animation:slideIn .3s ease-out}.toast.toast-success{border-left-color:var(--success);background:#3fb9501a}.toast.toast-error{border-left-color:var(--error);background:#f851491a}.toast.toast-info{border-left-color:var(--primary);background:#00d4ff1a}.toast.toast-warning{border-left-color:var(--warning);background:#f0883e1a}.toast-icon{font-size:16px;min-width:20px}.toast-message{flex:1;font-size:14px;line-height:1.4}.toast-close{background:none;border:none;color:var(--text-secondary);cursor:pointer;font-size:20px;padding:0;margin-left:8px;transition:color .2s ease}.toast-close:hover{color:var(--text-primary)}@media (max-width: 500px){.toast-container{right:10px;left:10px;max-width:none}}.chat-setup{display:flex;align-items:center;justify-content:center;flex:1;padding:40px 20px}.chat-setup-card{background:var(--bg-secondary);border:1px solid var(--border);border-radius:12px;padding:40px;max-width:400px;text-align:center}.chat-setup-card h2{color:var(--primary);margin-bottom:10px}.chat-setup-card p{color:var(--text-secondary);margin-bottom:20px}.group-info{background:#00d4ff1a;padding:12px;border-radius:6px;margin-bottom:15px!important;font-size:.95em}.group-info strong{color:var(--primary);font-weight:600}.chat-setup-card .input{margin-bottom:15px}.chat-info{margin-top:30px;padding-top:30px;border-top:1px solid var(--border);text-align:left}.chat-info h3{font-size:.9em;color:var(--text-secondary);margin-bottom:10px}.chat-info ul{list-style:none;font-size:.85em;color:var(--text-secondary)}.chat-info li{padding:6px 0}.chat-window{display:flex;flex-direction:column;flex:1;min-height:0;height:100%;overflow:hidden}.chat-header{display:flex;justify-content:space-between;align-items:center;padding:16px;background:var(--bg-secondary);border-bottom:1px solid var(--border)}.chat-header h3{color:var(--primary);margin:0;font-size:1.1em;display:flex;align-items:center;gap:8px}.chat-group-info{font-size:.85em;color:var(--text-secondary);margin:4px 0 0}.chat-header-actions{display:flex;align-items:center;gap:12px}.btn-standard{display:inline-flex;align-items:center;justify-content:center;gap:4px;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:4px;color:var(--text-secondary);cursor:pointer;font-size:.85em;transition:all .2s ease;white-space:nowrap}.btn-standard:hover{border-color:var(--primary);color:var(--text-primary)}.btn-small{padding:4px 8px;height:26px}.message-count{font-size:.85em;color:var(--text-secondary);background:var(--bg-tertiary);padding:4px 8px;border-radius:4px}.username-badge{font-size:.85em;color:var(--text-secondary);margin:4px 0 0}.chat-messages{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:12px}.chat-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;gap:8px;color:var(--text-secondary)}.chat-empty p{display:flex;align-items:center;justify-content:center;gap:6px;margin:0}.chat-message{display:flex;flex-direction:column;gap:4px;max-width:70%;padding:10px 12px;border-radius:8px;background:var(--bg-secondary)}.chat-message.own{align-self:flex-end;background:#00d4ff26;border-left:3px solid var(--primary)}.chat-message.other{align-self:flex-start;background:var(--bg-tertiary)}.message-header{display:flex;justify-content:space-between;gap:8px;font-size:.8em}.message-author{color:var(--primary);font-weight:500}.message-time{color:var(--text-secondary)}.message-text{color:var(--text-primary);word-wrap:break-word}.chat-input{display:flex;align-items:center;gap:8px;padding:12px 16px;background:var(--bg-secondary);border-top:1px solid var(--border);flex-shrink:0}.chat-input .input{flex:1;margin:0}.chat-input .button{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px 20px;height:38px;flex-shrink:0;white-space:nowrap}.event-log-viewer{display:flex;flex-direction:column;flex:1;overflow:hidden}.log-controls{display:flex;gap:12px;padding:12px 16px;background:var(--bg-secondary);border-bottom:1px solid var(--border);align-items:center}.log-filter{flex:1;padding:8px 12px;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:6px;color:var(--text-primary);font-size:.9em}.log-filter:focus{outline:none;border-color:var(--primary)}.log-stats{display:flex;gap:16px;font-size:.9em;color:var(--text-secondary)}.stat strong{color:var(--primary);font-weight:600}.log-container{display:flex;flex:1;overflow:hidden;gap:1px;background:var(--border)}.log-list{flex:1;overflow-y:auto;background:var(--bg-dark)}.log-entry{padding:12px 16px;border-bottom:1px solid var(--border);cursor:pointer;transition:all .2s ease;display:flex;justify-content:space-between;align-items:center;gap:12px}.log-entry:hover{background:var(--bg-secondary)}.log-entry.selected{background:#00d4ff1a;border-left:3px solid var(--primary)}.log-time{font-family:Monaco,Menlo,monospace;font-size:.85em;color:var(--text-secondary);min-width:100px}.log-topic{flex:1;color:var(--primary);font-weight:500;overflow:hidden;text-overflow:ellipsis}.log-meta{display:flex;gap:6px}.log-detail{flex:0 0 350px;background:var(--bg-secondary);border-left:1px solid var(--border);overflow-y:auto;display:flex;flex-direction:column}.detail-header{display:flex;justify-content:space-between;align-items:center;padding:16px;border-bottom:1px solid var(--border);position:sticky;top:0;background:var(--bg-secondary)}.detail-header h3{color:var(--primary);font-size:1em}.close-btn{background:none;border:none;color:var(--text-secondary);cursor:pointer;font-size:1.2em;width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s ease}.close-btn:hover{background:var(--bg-tertiary);color:var(--primary)}.detail-content{padding:16px;flex:1;overflow-y:auto}.detail-field{margin-bottom:16px}.detail-field.full-width{flex:1}.detail-field label{display:block;font-size:.85em;color:var(--text-secondary);margin-bottom:6px;text-transform:uppercase;letter-spacing:.5px}.detail-field code{display:block;padding:8px 12px;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:4px;font-family:Monaco,Menlo,monospace;font-size:.85em;color:var(--primary);word-break:break-all}.detail-field.full-width code{flex:1}.json-viewer{padding:12px;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:4px;font-family:Monaco,Menlo,monospace;font-size:.85em;color:var(--primary);overflow-x:auto;white-space:pre;margin:0}@media (max-width: 900px){.log-container{flex-direction:column}.log-detail{flex:0 0 250px;max-height:300px}}.log-list::-webkit-scrollbar,.detail-content::-webkit-scrollbar{width:8px}.log-list::-webkit-scrollbar-track,.detail-content::-webkit-scrollbar-track{background:var(--bg-dark)}.log-list::-webkit-scrollbar-thumb,.detail-content::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}.log-list::-webkit-scrollbar-thumb:hover,.detail-content::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}.stats-panel{display:flex;gap:20px;padding:12px 20px;background:var(--bg-secondary);border-top:1px solid var(--border);font-size:.9em}.stat-item{display:flex;align-items:center;gap:8px}.stat-item label{color:var(--text-secondary);font-weight:500}.stat-value{color:var(--primary);font-weight:600;font-family:Monaco,Menlo,monospace}.stat-value.status-idle{color:var(--text-secondary)}.stat-value.status-running{color:var(--success)}.stat-value.status-error{color:var(--error)}.connection-panel{display:flex;align-items:center;justify-content:center;flex:1;padding:40px 20px;background:linear-gradient(135deg,#00d4ff0d,#0000)}.connection-card{background:var(--bg-secondary);border:1px solid var(--border);border-radius:12px;padding:40px;max-width:500px;width:100%;box-shadow:0 8px 24px #0000004d}.connection-card h2{font-size:1.5em;color:var(--primary);margin-bottom:30px}.form-group{margin-bottom:25px}.form-group label{display:block;margin-bottom:8px;font-weight:500;color:var(--text-primary)}.button-group{display:grid;grid-template-columns:1fr 1fr;gap:10px}.input{width:100%;padding:10px 12px;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:6px;color:var(--text-primary);font-size:.95em;transition:border-color .2s ease}.input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #00d4ff1a}.form-group small{display:block;margin-top:6px;color:var(--text-secondary);font-size:.85em}.button{display:inline-flex;align-items:center;justify-content:center;gap:6px;border:1px solid #427A43;border-radius:6px;font-weight:500;cursor:pointer;transition:all .2s ease;font-size:.95em;white-space:nowrap}.button-primary{background:#4ad059;color:#fff;border-color:#427a43}.button-primary:hover{background:#3ab548;border-color:#427a43}.button-secondary{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid #427A43}.button-secondary:hover{background:var(--border);border-color:#427a43;color:#4ad059}.button-large{width:100%;padding:12px;font-size:1em;margin-top:10px}.presets{margin-top:40px;padding-top:40px;border-top:1px solid var(--border)}.presets h3{font-size:.95em;color:var(--text-secondary);margin-bottom:12px;text-transform:uppercase;letter-spacing:.5px}.preset-button{display:block;width:100%;padding:10px;margin-bottom:8px;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:6px;color:var(--text-primary);cursor:pointer;transition:all .2s ease;text-align:left;font-size:.9em}.preset-button:hover{background:var(--border);border-color:var(--primary);color:var(--primary)}.features{margin-top:40px;padding:20px;background:#00d4ff0d;border:1px solid rgba(0,212,255,.2);border-radius:8px}.features h3{font-size:.95em;color:var(--primary);margin-bottom:12px}.features ul{list-style:none}.features li{padding:8px 0;color:var(--text-secondary);font-size:.9em;list-style:none}.feature-item{display:flex;align-items:flex-start;gap:8px}.feature-icon{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;color:#1db954;flex-shrink:0;margin-top:2px}.feature-icon svg{width:100%;height:100%;stroke:currentColor}.feature-text{display:flex;flex-direction:column;gap:2px}.feature-text strong{color:var(--text-primary);font-weight:600}.json-visualizer{display:flex;flex-direction:column;border:1px solid var(--border);border-radius:8px;background:var(--bg-secondary);overflow:hidden}.json-visualizer-title{margin:0;padding:16px;font-size:16px;font-weight:600;border-bottom:1px solid var(--border);color:var(--primary);background:var(--bg-tertiary)}.json-tabs{display:flex;gap:0;border-bottom:1px solid var(--border);background:var(--bg-tertiary);padding:0;align-items:center;justify-content:space-between}.json-tab-button{flex:1;padding:12px 16px;background:transparent;border:none;cursor:pointer;font-size:13px;font-weight:500;color:var(--text-secondary);transition:all .2s ease;border-bottom:2px solid transparent;white-space:nowrap;text-align:center}.json-tab-button:hover:not(.active){color:var(--primary);background:var(--primary-soft, rgba(74, 208, 89, .1))}.json-tab-button.active{color:#fff;border-bottom-color:var(--color-brand, #427A43);background:var(--obs-primary, #4ad059)}.json-copy-button{padding:8px 12px;background:transparent;border:none;cursor:pointer;font-size:12px;font-weight:600;color:var(--text-secondary);transition:all .2s ease;border-radius:4px;margin-right:8px;white-space:nowrap;display:flex;align-items:center;gap:4px}.json-copy-button:hover{color:var(--primary);background:#3498db1a}.json-copy-button:active{transform:scale(.98)}.json-tab-content{flex:1;overflow:auto;padding:16px}.json-tree-container{font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:12px}.json-tree-node{margin-bottom:4px;-webkit-user-select:none;user-select:none}.json-node-header{display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:4px;transition:background-color .2s ease}.json-node-header:hover{background-color:#3498db1a}.json-expand-toggle{width:20px;height:20px;padding:0;background:transparent;border:none;cursor:pointer;color:var(--text-secondary);display:flex;align-items:center;justify-content:center;font-size:12px;flex-shrink:0;transition:transform .2s ease}.json-expand-toggle:hover{color:var(--primary);transform:scale(1.2)}.json-field-name{font-weight:600;color:var(--primary);min-width:120px}.json-field-name.known-field{color:#10b981;text-decoration:underline;text-decoration-style:dotted}.json-field-badge{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;background:#10b98126;color:#10b981;border-radius:3px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;flex-shrink:0}.json-type-badge{display:inline-flex;align-items:center;justify-content:center;padding:2px 8px;border-radius:3px;font-size:11px;font-weight:600;color:#fff;text-transform:uppercase;letter-spacing:.5px;flex-shrink:0}.json-field-value{color:var(--text-secondary);font-style:italic;max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex-shrink:1;margin-left:8px}.json-field-count{color:var(--text-secondary);font-size:11px;padding:2px 8px;background:var(--bg-secondary);border-radius:3px;flex-shrink:0}.json-node-children{margin-left:0}.json-code-viewer{display:flex;flex-direction:column;gap:12px;height:100%}.json-code-block{flex:1;overflow:auto;padding:12px;background:var(--bg-secondary);border:none;border-radius:0;margin:0;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:12px;line-height:1.5;color:var(--text-primary);white-space:pre;word-wrap:break-word;word-break:break-all}.json-code-block code{color:inherit;font-family:inherit;font-size:inherit}.json-stats-container{display:flex;flex-direction:column;gap:24px}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:12px}.stat-item{padding:12px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:6px;text-align:center}.stat-label{font-size:12px;color:var(--text-secondary);margin-bottom:8px;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.stat-value{font-size:24px;font-weight:700;color:var(--primary)}.stats-types{border:1px solid var(--border);border-radius:6px;padding:16px;background:var(--bg-secondary)}.stats-types h4{margin:0 0 16px;font-size:14px;font-weight:600;color:var(--text-primary)}.type-bars{display:flex;flex-direction:column;gap:12px}.type-bar{display:grid;grid-template-columns:80px 1fr 40px;gap:12px;align-items:center}.type-label{font-size:12px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;white-space:nowrap}.type-bar-container{width:100%;height:24px;background:var(--bg-primary);border-radius:4px;overflow:hidden;border:1px solid var(--border)}.type-bar-fill{height:100%;transition:width .3s ease;display:flex;align-items:center}.type-count{font-size:12px;font-weight:600;color:var(--text-primary);text-align:right;min-width:40px}.stats-summary{border:1px solid var(--border);border-radius:6px;padding:16px;background:var(--bg-secondary)}.stats-summary h4{margin:0 0 16px;font-size:14px;font-weight:600;color:var(--text-primary)}.summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:12px}.summary-item{display:flex;flex-direction:column;gap:6px;padding:8px;background:var(--bg-primary);border-radius:4px;border:1px solid var(--border)}.summary-label{font-size:11px;color:var(--text-secondary);font-weight:600;text-transform:uppercase;letter-spacing:.5px}.summary-value{font-size:18px;font-weight:700;color:var(--primary)}.json-placeholder{padding:32px;text-align:center;color:var(--text-secondary);font-style:italic}.json-tree-container::-webkit-scrollbar,.json-code-block::-webkit-scrollbar{width:8px;height:8px}.json-tree-container::-webkit-scrollbar-track,.json-code-block::-webkit-scrollbar-track{background:var(--bg-secondary)}.json-tree-container::-webkit-scrollbar-thumb,.json-code-block::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}.json-tree-container::-webkit-scrollbar-thumb:hover,.json-code-block::-webkit-scrollbar-thumb:hover{background:var(--primary)}@media (max-width: 768px){.json-tabs{font-size:12px}.json-tab-button{padding:10px 12px}.stats-grid{grid-template-columns:repeat(2,1fr)}.type-bar{grid-template-columns:70px 1fr 30px;gap:8px}.summary-grid{grid-template-columns:repeat(2,1fr)}}:root{--obs-primary: #309B48;--obs-danger: #e74c3c;--obs-success: #27ae60;--obs-warning: #f39c12;--obs-info: #0a5727;--obs-secondary: #95a5a6;--bg-primary: #1a1a1a;--bg-secondary: #242424;--bg-tertiary: #2d2d2d;--bg-overlay: rgba(0, 0, 0, .7);--text-primary: #f0f0f0;--text-secondary: #b0b0b0;--text-muted: #808080;--text-inverse: #ffffff;--border: #3d3d3d;--border-light: #4a4a4a;--border-lighter: #5a5a5a;--code-bg: #1e1e1e;--code-text: #e8e8e8;--control-bg: #242424;--control-bg-nested: #2d2d2d;--control-bg-deep: #3a3a3a;--control-divider: #3d3d3d;--input-bg: rgba(0, 0, 0, .3);--input-border: #3d3d3d;--input-color: #f0f0f0}[data-theme=dark],.theme-dark{--color-primary: #309B48;--color-primary-hover: #288740;--color-primary-active: #207338;--color-primary-soft: #1a5a2a;--color-primary-glow: rgba(48, 155, 72, .25);--color-bg: #0d1117;--color-bg-secondary: #1c1f26;--color-bg-tertiary: #30363d;--color-bg-overlay: rgba(0, 0, 0, .7);--color-text-primary: #e6edf3;--color-text-secondary: #8b949e;--color-text-muted: #6e7681;--color-text-inverse: #0d1117;--color-border: #30363d;--color-border-light: #444c56;--color-border-lighter: #d0d7de;--color-success: #309B48;--color-success-light: rgba(48, 155, 72, .1);--color-success-glow: rgba(48, 155, 72, .25);--color-warning: #f0883e;--color-warning-light: rgba(240, 136, 62, .1);--color-warning-glow: rgba(240, 136, 62, .25);--color-error: #f85149;--color-error-hover: #e03830;--color-error-light: rgba(248, 81, 73, .1);--color-error-glow: rgba(248, 81, 73, .25);--color-info: #0099cc;--color-info-light: rgba(0, 153, 204, .1);--color-info-glow: rgba(0, 153, 204, .25);--accent-1: var(--color-primary);--accent-1-hover: var(--color-primary-hover);--accent-1-active: var(--color-primary-active);--accent-1-soft: var(--color-primary-soft);--accent-1-glow: var(--color-primary-glow);--bg-dark: var(--color-bg);--bg-secondary-alt: var(--color-bg-secondary);--bg-tertiary-alt: var(--color-bg-tertiary);--bg-overlay-alt: var(--color-bg-overlay);--success: var(--color-success);--success-light: var(--color-success-light);--success-glow: var(--color-success-glow);--warning: var(--color-warning);--warning-light: var(--color-warning-light);--warning-glow: var(--color-warning-glow);--error: var(--color-error);--error-light: var(--color-error-light);--error-glow: var(--color-error-glow);--info: var(--color-info);--info-light: var(--color-info-light);--info-glow: var(--color-info-glow)}[data-theme=light],.theme-light{--obs-primary: #309B48;--bg-primary: #ffffff;--bg-secondary: #f5f5f5;--bg-tertiary: #eeeeee;--bg-overlay: rgba(0, 0, 0, .3);--text-primary: #101211;--text-secondary: #6B7879;--text-muted: #888888;--text-inverse: #ffffff;--border: #dddddd;--border-light: #cccccc;--border-lighter: #bbbbbb;--code-bg: #f8f8f8;--code-text: #333333;--control-bg: #f5f5f5;--control-bg-nested: #eeeeee;--control-bg-deep: #e5e5e5;--control-divider: #dddddd;--input-bg: rgba(255, 255, 255, .9);--input-border: #cccccc;--input-color: #1a1a1a;--color-primary: #309B48;--color-primary-hover: #288740;--color-primary-active: #207338;--color-primary-soft: #e8f5e9;--color-primary-glow: rgba(48, 155, 72, .15);--color-bg: #ffffff;--color-bg-secondary: #f5f5f5;--color-bg-tertiary: #eeeeee;--color-bg-overlay: rgba(0, 0, 0, .3);--color-text-primary: #101211;--color-text-secondary: #6B7879;--color-text-muted: #6B7879;--color-text-inverse: #ffffff;--color-border: #dddddd;--color-border-light: #cccccc;--color-border-lighter: #bbbbbb;--color-success: #309B48;--color-success-light: rgba(48, 155, 72, .1);--color-success-glow: rgba(48, 155, 72, .15);--color-warning: #f0883e;--color-warning-light: rgba(240, 136, 62, .1);--color-warning-glow: rgba(240, 136, 62, .15);--color-error: #f85149;--color-error-hover: #e03830;--color-error-light: rgba(248, 81, 73, .1);--color-error-glow: rgba(248, 81, 73, .15);--color-info: #0099cc;--color-info-light: rgba(0, 153, 204, .1);--color-info-glow: rgba(0, 153, 204, .15);--accent-1: var(--color-primary);--accent-1-hover: var(--color-primary-hover);--accent-1-active: var(--color-primary-active);--accent-1-soft: var(--color-primary-soft);--accent-1-glow: var(--color-primary-glow);--bg-dark: var(--color-bg);--bg-secondary-alt: var(--color-bg-secondary);--bg-tertiary-alt: var(--color-bg-tertiary);--bg-overlay-alt: var(--color-bg-overlay);--success: var(--color-success);--success-light: var(--color-success-light);--success-glow: var(--color-success-glow);--warning: var(--color-warning);--warning-light: var(--color-warning-light);--warning-glow: var(--color-warning-glow);--error: var(--color-error);--error-light: var(--color-error-light);--error-glow: var(--color-error-glow);--info: var(--color-info);--info-light: var(--color-info-light);--info-glow: var(--color-info-glow)}:root{--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-2xl: 48px;--spacing-3xl: 64px}:root{--font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;--font-mono: "Monaco", "Menlo", "Ubuntu Mono", "Courier New", monospace;--font-size-xs: 12px;--font-size-sm: 14px;--font-size-base: 16px;--font-size-lg: 20px;--font-size-xl: 24px;--font-size-2xl: 32px;--font-size-3xl: 48px;--font-weight-light: 300;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-weight-extrabold: 800;--line-height-tight: 1.2;--line-height-normal: 1.5;--line-height-relaxed: 1.75;--line-height-loose: 2}:root{--border-radius-sm: 4px;--border-radius-md: 8px;--border-radius-lg: 12px;--border-radius-full: 9999px;--shadow-sm: 0 2px 4px rgba(0, 0, 0, .2);--shadow-md: 0 4px 12px rgba(0, 0, 0, .3);--shadow-lg: 0 10px 25px rgba(0, 0, 0, .4);--shadow-xl: 0 20px 40px rgba(0, 0, 0, .5);--transition-base: all .3s cubic-bezier(.4, 0, .2, 1);--transition-fast: all .15s cubic-bezier(.4, 0, .2, 1);--transition-slow: all .5s cubic-bezier(.4, 0, .2, 1)}[data-theme=light],.theme-light{--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px rgba(0, 0, 0, .1)}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;font-family:var(--font-family);background-color:var(--bg-primary);color:var(--text-primary)}#root{height:100%}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}.app{display:flex;height:100vh;background-color:var(--bg-primary);color:var(--text-primary)}.app-header{position:fixed;top:0;left:0;right:0;color:#fff;background-color:var(--bg-secondary, #242424);padding:var(--spacing-xs) var(--spacing-md);box-shadow:0 4px 12px #0006;border-bottom:1px solid rgba(255,255,255,.1);z-index:101;height:56px;display:flex;align-items:center}[data-theme=light] .app-header{color:#000;background:linear-gradient(180deg,#f8fafc,#f1f5f9);box-shadow:0 2px 8px #0000001a;border-bottom:1px solid rgba(0,0,0,.1)}.app-header-brand{display:flex;align-items:center;gap:var(--spacing-md);max-width:100%;margin:0 auto;width:100%;padding:0 var(--spacing-sm)}.app-logo{flex-shrink:0;display:flex;align-items:center;justify-content:center}.logo-image{height:30px;width:auto;object-fit:contain}.app-header-brand>div{display:flex;flex-direction:column;gap:0}.app-header h1{margin:0;font-size:var(--font-size-lg);font-weight:700;letter-spacing:-.5px}.app-header p{margin:2px 0 0;opacity:.85;font-size:var(--font-size-xs);font-weight:500;letter-spacing:.5px}.header-title{margin:0;font-size:var(--font-size-lg);font-weight:700;letter-spacing:-.5px;background:linear-gradient(90deg,#fff,#e0f2ff,#fff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}[data-theme=light] .header-title{background:linear-gradient(90deg,#111827,#309b48,#111827);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}[data-theme=light] .app-header p{color:#6b7280;opacity:1}.edge-text{font-weight:800;font-style:italic;letter-spacing:0}.stream-text{font-weight:600;letter-spacing:1px;margin-left:4px}.app-main{flex:1;margin-top:56px;margin-left:180px;padding:1px var(--spacing-sm) var(--spacing-sm);overflow:auto;display:flex;flex-direction:column;transition:margin-left .3s ease}.app.nav-collapsed .app-main{margin-left:80px}@media (max-width: 1024px){.app-main{margin-left:240px;padding:var(--spacing-md)}}@media (max-width: 768px){.app-header{position:static;height:auto;padding:var(--spacing-md)}.app-header-brand{gap:var(--spacing-sm);width:100%;display:flex;align-items:center}.app-logo{width:40px;height:40px;flex-shrink:0}.app-header h1{font-size:var(--font-size-base)}.app-header p{font-size:var(--font-size-xs)}.app-main{margin-top:0;margin-left:0}.app.nav-collapsed .app-main{margin-left:0}}.nav-toggle{display:flex;align-items:center;justify-content:center;background:none;border:none;color:#fff;cursor:pointer;padding:var(--spacing-sm);margin-right:var(--spacing-md);font-size:var(--font-size-base);transition:all .3s ease;border-radius:var(--border-radius-sm);flex-shrink:0}.nav-toggle:hover{background:#ffffff1a}[data-theme=light] .nav-toggle{color:#1a1a1a}[data-theme=light] .nav-toggle:hover{background:#0000000d}[data-theme=light] .app-nav{background:linear-gradient(180deg,#f8fafc,#f1f5f9);border-right:1px solid #e2e8f0;box-shadow:1px 0 4px #0000000f}[data-theme=light] .nav-group{border-bottom-color:#e2e8f0}[data-theme=light] .nav-group-items{background:#00000008}[data-theme=light] .nav-link{color:#374151}[data-theme=light] .nav-link:hover{color:#000!important;background:#d1d5db!important}[data-theme=light] .nav-link.active{color:#309b48;background:#309b4814;font-weight:600}[data-theme=light] .nav-user{border-top-color:#e2e8f0}[data-theme=light] .user-badge{color:#6d28d9;background:#6d28d914;border-color:#6d28d94d}.nav-toggle svg{width:20px;height:20px}.app-nav{position:fixed;left:0;top:80px;width:280px;height:calc(100vh - 80px);background:var(--bg-secondary);border-right:1px solid rgba(61,61,61,.3);box-shadow:inset -2px 0 8px #0003;overflow-y:auto;overflow-x:hidden;z-index:100;display:flex;flex-direction:column;transition:width .3s ease,transform .3s ease}.app.nav-collapsed .app-nav{width:80px}.app.nav-collapsed .nav-link span,.app.nav-collapsed .nav-group-header .group-title{display:none}.app.nav-collapsed .nav-group-header{padding:4px 0;justify-content:center;overflow:hidden;pointer-events:none}.app.nav-collapsed .group-toggle{transform:none;display:none}.group-icon{display:none;align-items:center;justify-content:center;flex-shrink:0}.app.nav-collapsed .group-icon{display:flex;opacity:.4}.app.nav-collapsed .group-icon svg{width:14px;height:14px}.app.nav-collapsed .nav-link{justify-content:center;padding-left:var(--spacing-sm);padding-right:var(--spacing-sm)}.app.nav-collapsed .nav-group-items .nav-link{padding-left:var(--spacing-sm)}.app.nav-collapsed .nav-user{align-items:center;text-align:center;padding:var(--spacing-sm) var(--spacing-xs)}.app.nav-collapsed .user-badge{justify-content:center;width:auto;padding:var(--spacing-xs) var(--spacing-xs)}.app.nav-collapsed .user-badge span{display:none}.app.nav-collapsed .btn-disconnect{width:auto;padding:var(--spacing-xs);font-size:0;min-width:32px;min-height:32px}.nav-links{display:flex;flex-direction:column;gap:0;flex:1;padding:var(--spacing-md) 0;overflow-y:auto}.nav-group{border-bottom:1px solid var(--border)}.nav-group-header{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg);width:100%;color:var(--text-secondary);background:none;border:none;cursor:pointer;font-size:var(--font-size-sm);font-weight:600;text-align:left;transition:all .3s ease}.nav-group-header:hover{color:var(--obs-primary);background:var(--bg-tertiary)}.group-title{flex:1}.group-toggle{display:inline-flex;align-items:center;justify-content:center;transition:transform .3s ease;font-size:var(--font-size-xs)}.group-toggle.expanded{transform:rotate(-180deg)}.nav-group-items{display:flex;flex-direction:column;gap:0;background:#0000001a;animation:slideDown .3s ease}@keyframes slideDown{0%{opacity:0;max-height:0}to{opacity:1;max-height:500px}}.nav-group-items .nav-link{padding-left:calc(var(--spacing-lg) + var(--spacing-md));background:none}.nav-link{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg);color:var(--text-secondary);text-decoration:none;border:none;background:none;cursor:pointer;font-size:var(--font-size-sm);font-weight:500;transition:all .3s ease;white-space:nowrap}.nav-link:hover{color:var(--obs-primary);background:var(--bg-tertiary)}.nav-link.active{color:var(--obs-primary);background:#309b481a;font-weight:600}.nav-link svg{width:18px;height:18px;flex-shrink:0}.nav-link span{overflow:hidden;text-overflow:ellipsis}.nav-user{display:flex;flex-direction:column;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg);border-top:1px solid var(--border);margin-top:auto}.user-badge{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-xs) var(--spacing-sm);background:#7c3aed1a;border:1px solid var(--obs-primary);border-radius:var(--border-radius-md);color:#a78bfa;font-size:var(--font-size-xs);font-weight:600;font-family:Monaco,Menlo,monospace}.user-badge svg{width:16px;height:16px;flex-shrink:0}@media (max-width: 1024px){.app-nav{width:240px}}@media (max-width: 768px){.app-nav{position:static;width:100%;height:auto;border-right:none;border-bottom:1px solid var(--border);flex-direction:row;overflow-x:auto;overflow-y:hidden}.app.nav-collapsed .app-nav{width:100%}.nav-links{flex-direction:row;padding:var(--spacing-sm) 0;gap:var(--spacing-xs)}.nav-link{padding:var(--spacing-sm) var(--spacing-md);border-bottom:3px solid transparent;white-space:nowrap}.app.nav-collapsed .nav-link span{display:inline}.nav-link.active{border-bottom-color:var(--obs-primary)}.nav-user{display:none}}.btn,.button{padding:var(--spacing-sm) var(--spacing-lg);background-color:var(--obs-primary);color:#fff;border:1px solid rgba(255,255,255,.2);border-radius:var(--border-radius-md);cursor:pointer;font-size:var(--font-size-base);font-weight:600;transition:all .2s ease}.btn:hover,.button:hover{background-color:var(--color-primary-hover, #288740)}.btn:active,.button:active{transform:scale(.98)}.btn:disabled,.button:disabled,.btn-primary:disabled,.button-primary:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-primary{padding:var(--spacing-sm) var(--spacing-lg);background-color:var(--obs-primary);color:#fff;border:1px solid rgba(255,255,255,.2);border-radius:var(--border-radius-md);cursor:pointer;font-size:var(--font-size-base);font-weight:600;transition:all .3s ease;text-align:center}.btn-primary:hover{background-color:#8b5cf6;box-shadow:var(--shadow-md)}.button-primary{background-color:var(--obs-primary);color:#fff;border-color:transparent}.button-primary:hover{opacity:.9}.btn-secondary,.button-secondary{background-color:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border)}.btn-secondary:hover,.button-secondary:hover{background-color:var(--border)}.btn-danger{background-color:var(--obs-danger);color:#fff;padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-sm);font-weight:600;cursor:pointer;text-align:center;border:1px solid rgba(255,255,255,.2);border-radius:var(--border-radius-sm);transition:all .3s ease}.btn-danger:hover{background-color:#a93226;box-shadow:var(--shadow-md)}.btn-disconnect{padding:var(--spacing-sm) var(--spacing-md);background-color:var(--obs-danger);color:#fff;border:1px solid rgba(255,255,255,.2);border-radius:var(--border-radius-sm);font-size:var(--font-size-xs);font-weight:600;cursor:pointer;transition:all .3s ease;width:100%;text-align:center}.btn-disconnect:hover{background-color:#a93226;box-shadow:var(--shadow-md)}.card{background-color:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--border-radius-md);padding:var(--spacing-lg);box-shadow:var(--shadow-sm);transition:box-shadow .2s ease;margin-bottom:var(--spacing-lg)}.card:last-child{margin-bottom:0}.card:hover{box-shadow:var(--shadow-md)}.card-title{font-size:var(--font-size-lg);font-weight:600;margin-bottom:var(--spacing-md)}.card-content{color:var(--text-secondary)}.form-group{margin-bottom:var(--spacing-md)}.form-label{display:block;font-weight:600;margin-bottom:var(--spacing-sm);color:var(--text-primary)}.form-input,.form-textarea,.form-select{width:100%;padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--border);border-radius:var(--border-radius-sm);font-family:inherit;font-size:var(--font-size-base);color:var(--text-primary);background-color:var(--bg-secondary)}.form-input:focus,.form-textarea:focus,.form-select:focus{outline:none;border-color:var(--obs-primary);box-shadow:0 0 0 3px var(--color-primary-glow, rgba(48, 155, 72, .25))}.form-textarea{resize:vertical;min-height:100px}.form-success-panel{padding:var(--spacing-lg);background-color:#27ae6026;border:1px solid var(--obs-success);border-radius:var(--border-radius-md);color:var(--obs-success)}.toast-container{position:fixed;top:var(--spacing-lg);right:var(--spacing-lg);z-index:1000;display:flex;flex-direction:column;gap:var(--spacing-sm)}.toast{padding:var(--spacing-md);border-radius:var(--border-radius-md);box-shadow:var(--shadow-lg);animation:slideIn .3s ease;background:var(--bg-tertiary);min-width:300px;border:1px solid var(--border)}@keyframes slideIn{0%{transform:translate(400px);opacity:0}to{transform:translate(0);opacity:1}}.toast.success{border:2px solid var(--obs-success);color:var(--obs-success)}.toast.error{border:2px solid var(--obs-danger);color:var(--obs-danger)}.toast.warning{border:2px solid var(--obs-warning);color:var(--obs-warning)}.toast.info{border:2px solid var(--obs-info);color:var(--obs-info)}.status-badge{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--border-radius-full);font-size:var(--font-size-xs);font-weight:600;border:1px solid var(--border)}.status-dot{width:8px;height:8px;border-radius:50%;display:inline-block}.status-dot.connected{background-color:var(--obs-success)}.status-dot.disconnected{background-color:var(--border)}.status-dot.error{background-color:var(--obs-danger)}.member-badge{display:inline-block;padding:var(--spacing-xs) var(--spacing-sm);background-color:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--border-radius-md);font-size:var(--font-size-xs);font-family:var(--font-mono);color:var(--text-secondary)}.unread-badge{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;background-color:var(--obs-primary);color:#fff;border-radius:var(--border-radius-full);font-size:var(--font-size-xs);font-weight:700;border:1px solid rgba(255,255,255,.3)}.severity-badge{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--border-radius-md);font-size:var(--font-size-xs);font-weight:600;text-transform:capitalize;border:1px solid currentColor;opacity:.8}.severity-badge--info{color:var(--obs-info);background:#2980b933;border-color:var(--obs-info)}.severity-badge--debug{color:var(--text-secondary);background:#b0b0b01f;border-color:var(--text-secondary)}.severity-badge--warn{color:var(--obs-warning);background:#f39c1233;border-color:var(--obs-warning)}.severity-badge--error{color:var(--obs-danger);background:#e74c3c33;border-color:var(--obs-danger)}.severity-badge--success{color:var(--obs-success);background:#27ae6026;border-color:var(--obs-success)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:var(--bg-overlay);z-index:50;display:flex;align-items:center;justify-content:center}.modal-content{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--border-radius-lg);padding:var(--spacing-xl);max-width:500px;width:90%;box-shadow:var(--shadow-lg);animation:slideUp .3s ease}@keyframes slideUp{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}.bizfirst-links{position:relative;display:flex;align-items:center;margin-left:auto}.bizfirst-links-btn{background:none;border:none;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--border-radius-md);transition:background .2s ease}.bizfirst-links-btn:hover{background:#ffffff1a}.bizfirst-links-dropdown{position:absolute;top:100%;right:0;background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--border-radius-md);box-shadow:var(--shadow-lg);z-index:1000;min-width:200px;margin-top:var(--spacing-sm);overflow:hidden;animation:slideDown .2s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.bizfirst-link-item{display:block;padding:var(--spacing-md) var(--spacing-lg);color:var(--text-primary);text-decoration:none;transition:background .2s ease;border-bottom:1px solid var(--border)}.bizfirst-link-item:last-child{border-bottom:none}.bizfirst-link-item:hover{background:var(--bg-tertiary);color:var(--obs-primary)}.json-viewer-content{background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--border-radius-md);padding:var(--spacing-md);font-family:var(--font-mono);font-size:var(--font-size-sm);color:var(--code-text);overflow:auto;max-height:600px}.viewer-container{display:flex;flex-direction:column;border:1px solid var(--border);border-radius:var(--border-radius-md);overflow:hidden}.viewer-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md) var(--spacing-lg);background:var(--bg-secondary);border-bottom:1px solid var(--border)}.viewer-header .controls{display:flex;gap:var(--spacing-sm)}.json-null{color:#b4cea8}.json-boolean{color:#569cd6}.json-number{color:#b5cea8}.json-string{color:#ce9178}.json-key{color:#9cdcfe}.json-bracket,.json-brace,.json-comma,.json-colon,.json-ellipsis{color:var(--text-secondary)}.activity-log-content{background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--border-radius-md);padding:var(--spacing-md);overflow-y:auto;max-height:600px;font-family:var(--font-mono);font-size:var(--font-size-sm)}.activity-entry{display:flex;gap:var(--spacing-md);padding:var(--spacing-sm);border-bottom:1px solid var(--border);margin-bottom:var(--spacing-sm)}.activity-entry:last-child{border-bottom:none}.activity-line-num{color:var(--text-secondary);flex-shrink:0;min-width:50px;text-align:right}.diff-entry{display:flex;gap:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md);font-family:var(--font-mono);font-size:var(--font-size-sm);border-bottom:1px solid var(--border)}.diff-entry:last-child{border-bottom:none}.diff-added{background:#27ae6026;color:var(--obs-success);border-left:4px solid var(--obs-success)}.diff-removed{background:#e74c3c26;color:var(--obs-danger);border-left:4px solid var(--obs-danger)}.diff-modified{background:#f39c1226;color:var(--obs-warning);border-left:4px solid var(--obs-warning)}.envelope-content{background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--border-radius-md);padding:var(--spacing-md);overflow-y:auto;max-height:600px;font-family:var(--font-mono);font-size:var(--font-size-sm)}.envelope-summary{padding:var(--spacing-md);background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--border-radius-md);margin-bottom:var(--spacing-md)}.splash-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-image:var(--splash-bg, none);background-size:cover;background-position:center;background-attachment:fixed;display:flex;align-items:flex-start;justify-content:center;padding-top:60px;z-index:9999;animation:splashFadeIn .3s ease-in}.splash-dark-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:1}.splash-content{display:flex;flex-direction:column;align-items:center;gap:30px;text-align:center;padding:40px;position:relative;z-index:2;max-width:600px}.splash-title-wrapper{position:relative}.splash-animated-border{position:absolute;top:-20px;right:-20px;bottom:-20px;left:-20px;border-radius:8px;border:3px solid transparent;background:linear-gradient(90deg,var(--splash-accent, #00d4ff),#ff00ff,var(--splash-accent, #00d4ff)) border-box;animation:splashReshape 8s ease-in-out infinite;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.splash-title-inner{position:relative;z-index:1;padding:10px 0}.splash-title{margin:0;font-size:42px;color:#fff;font-weight:600;letter-spacing:2px}.splash-subtitle{margin:8px 0 0;font-size:16px;color:var(--splash-accent, #00d4ff);letter-spacing:1px;font-weight:500}.splash-message{margin:0;font-size:16px;color:#f0f0f0;font-weight:500;letter-spacing:.5px}.splash-dots{margin-top:16px;display:flex;gap:8px;justify-content:center}.splash-dot{width:10px;height:10px;border-radius:50%;background:var(--splash-accent, #00d4ff);animation:splashPulse 1.4s ease-in-out infinite}@keyframes splashFadeIn{0%{opacity:0}to{opacity:1}}@keyframes splashSlideDown{0%{opacity:0;transform:translateY(-80px) scale(.8)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes splashFloat{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-15px) scale(1.02)}}@keyframes splashReshape{0%{border-radius:8px 32px;opacity:1;transform:scale(1)}25%{border-radius:32px 8px;opacity:1;transform:scale(1.02)}50%{border-radius:8px 8px 32px 32px;opacity:1;transform:scale(1)}75%{border-radius:32px 32px 8px 8px;opacity:1;transform:scale(1.02)}to{border-radius:8px 32px;opacity:1;transform:scale(1)}}@keyframes splashPulse{0%,60%,to{opacity:.3}30%{opacity:1}}.quick-start-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;padding:var(--spacing-lg)}.quick-start-wrapper{max-width:600px;width:100%}.quick-start-header{text-align:center;margin-bottom:40px;width:100%}.quick-start-header h1{margin:0 0 12px;font-size:36px;color:var(--text-primary);font-weight:700;letter-spacing:.5px}.quick-start-header p{margin:0;font-size:16px;color:var(--text-secondary);line-height:1.5}.quick-start-card{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--border-radius-md);padding:32px;margin-bottom:24px}.quick-start-card-header{text-align:center;margin-bottom:24px}.quick-start-card-header h2{margin:0 0 8px;font-size:24px;color:var(--text-primary)}.quick-start-card-header p{margin:0;font-size:14px;color:var(--text-secondary)}.quick-start-label{display:block;margin-bottom:8px;font-weight:500;font-size:14px;color:var(--text-primary)}.quick-start-input{width:100%;padding:12px 14px;border:2px solid #3A8C45;border-radius:8px;background:var(--bg-secondary);color:var(--text-primary);font-size:14px;box-sizing:border-box;transition:all .2s ease}.quick-start-input:focus{outline:none;border-color:#3a8c45;box-shadow:0 0 0 3px #3a8c4533}.quick-start-input::placeholder{color:var(--text-secondary);opacity:.6}.quick-start-action-panel{display:flex;align-items:center;justify-content:center;padding:16px;background:var(--bg-tertiary);border-radius:12px;border:1px solid var(--border);box-shadow:0 2px 8px #0000001a;margin-bottom:16px}.quick-start-btn{padding:10px 20px;height:38px;background-color:#3a8c45;color:#fff;border:1px solid rgba(255,255,255,.15);border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .2s ease;white-space:nowrap}.quick-start-btn:hover:not(:disabled){background-color:#2f7338;transform:translateY(-1px);box-shadow:0 4px 12px #3a8c454d}.quick-start-btn:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 6px #3a8c4533}.quick-start-btn:disabled{opacity:.6;cursor:not-allowed}.quick-start-btn-secondary{width:100%;padding:10px;background:transparent;color:#3a8c45;border:1px solid var(--border);border-radius:var(--border-radius-sm);font-size:14px;cursor:pointer;transition:all .2s ease}.quick-start-btn-secondary:hover{background:var(--bg-tertiary);color:#2f7338;border-color:#3a8c45}.quick-start-error{padding:12px;background:#f851491a;border:1px solid #f85149;border-radius:var(--border-radius-sm);color:#f85149;font-size:13px;margin-bottom:16px}.quick-start-info{padding:12px;background:#3a8c451a;border:1px solid #3A8C45;border-radius:var(--border-radius-sm);color:var(--text-primary);font-size:13px;margin-bottom:16px}.quick-start-info strong{color:#3a8c45}.quick-start-info ul{margin:6px 0 0;padding-left:18px}.quick-start-footer{text-align:center;font-size:12px;color:var(--text-secondary)}.quick-start-footer p{margin:0}.quick-start-spinner{animation:spin .8s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.settings-info-panel{margin-top:var(--spacing-lg);padding:var(--spacing-md);background-color:#7c3aed14;border-radius:var(--border-radius-md);font-size:12px;color:var(--obs-primary)}.settings-info-panel strong{color:var(--obs-primary);font-weight:600}.settings-saved-panel{padding:12px 16px;background-color:#27ae6026;color:var(--obs-success);border-radius:var(--border-radius-md);font-size:14px;display:flex;align-items:center}.page-container{display:flex;flex-direction:column;gap:var(--spacing-lg);max-width:1200px;width:100%}.page-header{margin-bottom:var(--spacing-md)}.page-header h2{margin:0 0 var(--spacing-sm) 0;font-size:var(--font-size-xl);font-weight:700;color:var(--text-primary)}.page-description{margin:0;color:var(--text-secondary);font-size:var(--font-size-sm);line-height:1.6}.section{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--border-radius-md);padding:var(--spacing-lg)}.section h3{margin:0 0 var(--spacing-sm) 0;font-size:var(--font-size-base);font-weight:600;color:var(--text-primary)}.section-description{margin:0 0 var(--spacing-md) 0;color:var(--text-secondary);font-size:var(--font-size-sm);line-height:1.6}.empty-state{padding:var(--spacing-xl) var(--spacing-lg);text-align:center;color:var(--text-secondary);font-size:var(--font-size-sm);background:var(--bg-tertiary);border-radius:var(--border-radius-md);border:1px dashed var(--border)}.input{width:100%;padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--border);border-radius:var(--border-radius-sm);font-family:inherit;font-size:var(--font-size-sm);color:var(--text-primary);background-color:var(--bg-secondary)}.input:focus{outline:none;border-color:var(--obs-primary);box-shadow:0 0 0 3px #7c3aed1a}.button-danger{background-color:var(--obs-danger);color:#fff;border:1px solid rgba(255,255,255,.2);border-radius:var(--border-radius-md);padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-sm);font-weight:600;cursor:pointer;transition:all .2s ease}.button-danger:hover{background-color:#a93226}.category-filter{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.filter-btn{padding:6px var(--spacing-md);background:var(--bg-tertiary);color:var(--text-secondary);border:1px solid var(--border);border-radius:20px;font-size:var(--font-size-xs);font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap}.filter-btn:hover{border-color:var(--obs-primary);color:var(--obs-primary)}.filter-btn.active{background:var(--obs-primary);border-color:var(--obs-primary);color:#fff;font-weight:600}.hooks-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--spacing-md);margin-top:var(--spacing-md)}.hook-card{background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--border-radius-md);padding:var(--spacing-md);cursor:pointer;transition:all .2s ease;display:flex;flex-direction:column;gap:var(--spacing-sm)}.hook-card:hover{border-color:var(--obs-primary);box-shadow:0 2px 12px #0003}.hook-card.active{border-color:var(--obs-primary);background:#7c3aed14}.hook-category-badge{display:inline-block;padding:3px 10px;border-radius:12px;font-size:var(--font-size-xs);font-weight:600;color:#fff;align-self:flex-start}.hook-name{margin:0;font-size:var(--font-size-base);font-weight:700;color:var(--text-primary)}.hook-description{margin:0;font-size:var(--font-size-sm);color:var(--text-secondary);line-height:1.5;flex:1}.hook-meta{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);align-items:center;margin-top:var(--spacing-xs);font-size:var(--font-size-xs);color:var(--text-secondary)}.meta-item{display:inline-flex;align-items:center;gap:4px}.pause-badge{padding:2px 8px;background:#3498db26;border:1px solid var(--obs-info);border-radius:10px;color:var(--obs-info);font-weight:600}.flow-diagram{display:flex;flex-direction:column;align-items:center;gap:0;margin:var(--spacing-md) 0;max-width:560px}.flow-step{display:flex;align-items:flex-start;gap:var(--spacing-md);width:100%;padding:var(--spacing-md);background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--border-radius-md)}.flow-step.highlight{border-color:var(--obs-primary);background:#7c3aed0f}.flow-step.terminal{border-color:var(--obs-success);background:#27ae600f}.step-number{width:32px;height:32px;background:var(--obs-primary);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:var(--font-size-sm);flex-shrink:0}.flow-step.terminal .step-number{background:var(--obs-success)}.step-content h4{margin:0 0 4px;font-size:var(--font-size-sm);font-weight:600;color:var(--text-primary)}.step-content p{margin:0;font-size:var(--font-size-xs);color:var(--text-secondary)}.flow-arrow{font-size:20px;color:var(--text-secondary);padding:4px 0}.flow-notes{margin-top:var(--spacing-md);padding:var(--spacing-md);background:var(--bg-tertiary);border-left:3px solid var(--obs-warning);border-radius:0 var(--border-radius-sm) var(--border-radius-sm) 0;font-size:var(--font-size-sm);color:var(--text-secondary);line-height:1.6}.subscribers-list{overflow-x:auto}.subscribers-table{width:100%;border-collapse:collapse;font-size:var(--font-size-sm)}.subscribers-table th{padding:var(--spacing-sm) var(--spacing-md);text-align:left;background:var(--bg-tertiary);color:var(--text-secondary);font-weight:600;font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.5px;border-bottom:2px solid var(--border)}.subscribers-table td{padding:var(--spacing-sm) var(--spacing-md);border-bottom:1px solid var(--border);color:var(--text-primary)}.subscribers-table tr:last-child td{border-bottom:none}.subscribers-table tr:hover td{background:var(--bg-tertiary)}.subscriber-badge{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;background:#7c3aed26;color:var(--obs-primary);border-radius:50%;font-weight:700;font-size:var(--font-size-xs)}.topic-code{display:inline-block;padding:2px 8px;background:var(--bg-tertiary);border-radius:var(--border-radius-sm);font-family:Monaco,Menlo,monospace;font-size:var(--font-size-xs);color:var(--obs-primary)}.patterns-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:var(--spacing-md);margin-top:var(--spacing-md)}.pattern-card{background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--border-radius-md);padding:var(--spacing-md);display:flex;flex-direction:column;gap:var(--spacing-sm)}.pattern-header{border-bottom:1px solid var(--border);padding-bottom:var(--spacing-sm)}.pattern-name{margin:0;font-size:var(--font-size-base);font-weight:700}.pattern-name code{color:var(--obs-primary);font-family:Monaco,Menlo,monospace}.pattern-description{margin:0;font-size:var(--font-size-sm);color:var(--text-secondary)}.pattern-example{font-size:var(--font-size-xs);color:var(--text-secondary);display:flex;flex-direction:column;gap:4px}.example-code{display:block;padding:6px 10px;background:var(--bg-secondary);border-radius:var(--border-radius-sm);font-family:Monaco,Menlo,monospace;color:#a8d8ea;font-size:var(--font-size-xs);white-space:pre-wrap;word-break:break-all}.pattern-use{font-size:var(--font-size-xs);color:var(--text-secondary)}.pattern-use p{margin:4px 0 0}.available-subscribers-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--spacing-md);margin-top:var(--spacing-md)}.available-subscriber-card{background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--border-radius-md);padding:var(--spacing-md);display:flex;flex-direction:column;transition:border-color .2s ease}.available-subscriber-card:hover{border-color:var(--obs-primary)}.topics-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:var(--spacing-md);margin-top:var(--spacing-md)}.topic-card{background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--border-radius-md);padding:var(--spacing-md)}.topic-name{margin:0 0 var(--spacing-sm) 0;font-size:var(--font-size-sm);font-weight:600}.topic-name code{color:var(--obs-primary);font-family:Monaco,Menlo,monospace}.topic-description{margin:0;font-size:var(--font-size-xs);color:var(--text-secondary);line-height:1.5}.subscription-details{margin-top:var(--spacing-md)}.details-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:var(--spacing-md)}.detail-item{background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--border-radius-md);padding:var(--spacing-md)}.detail-item h5{margin:0 0 var(--spacing-sm) 0;font-size:var(--font-size-sm);font-weight:600;color:var(--obs-primary)}.detail-item pre{margin:0;overflow:auto}.detail-item code{font-family:Monaco,Menlo,monospace;font-size:var(--font-size-xs);color:#a8d8ea;line-height:1.6}.best-practices{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--spacing-md);margin-top:var(--spacing-md)}.practice-item{background:var(--bg-tertiary);border:1px solid var(--border);border-left:4px solid var(--obs-primary);border-radius:0 var(--border-radius-md) var(--border-radius-md) 0;padding:var(--spacing-md)}.practice-item h4{margin:0 0 var(--spacing-sm) 0;font-size:var(--font-size-sm);font-weight:600;color:var(--text-primary)}.practice-item p{margin:0 0 var(--spacing-sm) 0;font-size:var(--font-size-xs);color:var(--text-secondary);line-height:1.5}.practice-item code{display:block;padding:6px 10px;background:var(--bg-secondary);border-radius:var(--border-radius-sm);font-family:Monaco,Menlo,monospace;font-size:var(--font-size-xs);color:#a8d8ea}.hooks-library-page{display:flex;flex-direction:column;gap:var(--spacing-lg);max-width:1200px;width:100%}.hooks-library-header{margin-bottom:var(--spacing-sm)}.hooks-library-header h1{margin:0 0 var(--spacing-sm) 0;font-size:var(--font-size-xl);font-weight:700;color:var(--text-primary)}.hooks-library-header p{margin:0;color:var(--text-secondary);font-size:var(--font-size-sm);line-height:1.6}.hooks-library-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--spacing-md)}.hooks-library-grid .hook-card{flex-direction:row;align-items:flex-start}.hook-card-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:#7c3aed1a;border-radius:var(--border-radius-md);color:var(--obs-primary);flex-shrink:0}.hook-card-content{display:flex;flex-direction:column;gap:var(--spacing-xs);flex:1}.hook-card-content h3{margin:0;font-size:var(--font-size-base);font-weight:700;color:var(--text-primary)}.hook-card-content p{margin:0;font-size:var(--font-size-xs);color:var(--text-secondary);line-height:1.5}.hook-type-badge{display:inline-block;padding:2px 8px;background:#7c3aed26;border-radius:10px;font-size:var(--font-size-xs);font-weight:600;color:#9b7fde;align-self:flex-start}.hook-type-badge[data-type=Diagnostic]{background:#3498db26;color:#5dade2}.hook-type-badge[data-type=Integration]{background:#f1c40f26;color:#f4d03f}.hook-type-badge[data-type=Observability]{background:#2ecc7126;color:#52d689}.hooks-library-detail{background:var(--bg-secondary);border:1px solid var(--obs-primary);border-radius:var(--border-radius-md);padding:var(--spacing-lg);animation:slideDown .2s ease}.detail-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--border)}.detail-header h2{margin:0;font-size:var(--font-size-lg);font-weight:700;display:flex;align-items:center;gap:var(--spacing-sm);color:var(--text-primary)}.detail-section{margin-bottom:var(--spacing-md)}.detail-section h3{margin:0 0 var(--spacing-sm) 0;font-size:var(--font-size-sm);font-weight:600;color:var(--obs-primary)}.detail-section ul{margin:0;padding-left:var(--spacing-lg);color:var(--text-secondary);font-size:var(--font-size-sm);line-height:1.8}.code-block{background:var(--bg-dark, #0a0a0a);border:1px solid var(--border);border-radius:var(--border-radius-md);padding:var(--spacing-md);overflow:auto;font-family:Monaco,Menlo,monospace;font-size:var(--font-size-xs);color:#a8d8ea;line-height:1.6;margin:0;white-space:pre}.code-block.large{max-height:400px}.close-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--border-radius-sm);color:var(--text-secondary);cursor:pointer;transition:all .2s ease;flex-shrink:0}.close-btn:hover{background:var(--obs-danger);border-color:var(--obs-danger);color:#fff}.hooks-library-section{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--border-radius-md);padding:var(--spacing-lg)}.hooks-library-section h2{margin:0 0 var(--spacing-sm) 0;font-size:var(--font-size-lg);font-weight:700;color:var(--text-primary)}.hooks-library-section p{margin:0 0 var(--spacing-md) 0;color:var(--text-secondary);font-size:var(--font-size-sm);line-height:1.6}.pattern-explanation{margin-top:var(--spacing-md);padding:var(--spacing-md);background:var(--bg-tertiary);border-radius:var(--border-radius-md)}.pattern-explanation h3{margin:0 0 var(--spacing-sm) 0;font-size:var(--font-size-sm);font-weight:600;color:var(--text-primary)}.pattern-explanation ul{margin:0;padding-left:var(--spacing-lg);font-size:var(--font-size-sm);color:var(--text-secondary);line-height:1.8}.architecture-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:var(--spacing-md);margin-top:var(--spacing-md)}.arch-item{background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--border-radius-md);padding:var(--spacing-md)}.arch-item h3{margin:0 0 var(--spacing-sm) 0;font-size:var(--font-size-sm);font-weight:600;color:var(--obs-primary)}.arch-item ol,.arch-item ul{margin:0;padding-left:var(--spacing-lg);font-size:var(--font-size-xs);color:var(--text-secondary);line-height:1.8}.priority-table{width:100%;border-collapse:collapse;font-size:var(--font-size-xs);margin-top:var(--spacing-sm)}.priority-table td{padding:6px var(--spacing-sm);border-bottom:1px solid var(--border);color:var(--text-secondary)}.priority-table td:first-child{font-family:Monaco,Menlo,monospace;color:var(--obs-primary);font-weight:600}.security-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:var(--spacing-md);margin-top:var(--spacing-md)}.security-item{background:var(--bg-tertiary);border:1px solid var(--border);border-left:4px solid var(--obs-warning);border-radius:0 var(--border-radius-md) var(--border-radius-md) 0;padding:var(--spacing-md)}.security-item h3{margin:0 0 var(--spacing-sm) 0;font-size:var(--font-size-sm);font-weight:600;color:var(--obs-warning)}.security-item ul{margin:0;padding-left:var(--spacing-lg);font-size:var(--font-size-xs);color:var(--text-secondary);line-height:1.8}.dashboard-container{display:flex;flex-direction:column;gap:var(--spacing-lg);max-width:1200px;width:100%}.dashboard-container h2{margin:0;font-size:var(--font-size-xl);font-weight:700;color:var(--text-primary)}.dashboard-layout{display:grid;grid-template-columns:280px 1fr;gap:var(--spacing-lg);align-items:start}.user-info{padding:var(--spacing-sm) var(--spacing-md);background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--border-radius-md);font-size:var(--font-size-sm);color:var(--text-secondary)}.user-info code{font-family:Monaco,Menlo,monospace;color:var(--obs-primary);font-size:var(--font-size-xs)}.servers-panel{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--border-radius-md);padding:var(--spacing-md);display:flex;flex-direction:column;gap:var(--spacing-md)}.servers-panel h3{margin:0;font-size:var(--font-size-base);font-weight:600;color:var(--text-primary)}.servers-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.server-card{background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--border-radius-md);padding:var(--spacing-md);cursor:pointer;transition:all .2s ease;border-left:3px solid transparent}.server-card:hover{border-left-color:var(--obs-primary);background:#3498db0a}.server-card.active{border-left-color:var(--obs-primary);background:#3498db14}.server-header{display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-xs)}.server-name{font-size:var(--font-size-sm);font-weight:600;color:var(--text-primary);word-break:break-all}.status-badge{display:inline-flex;align-items:center;gap:5px;padding:2px 8px;border-radius:12px;font-size:var(--font-size-xs);font-weight:600;white-space:nowrap;background:var(--bg-secondary);border:1px solid var(--border);color:var(--text-secondary)}.status-badge.status-active,.status-badge.status-online{background:#27ae601a;border-color:var(--obs-success);color:var(--obs-success)}.status-badge.status-inactive,.status-badge.status-offline{background:#e74c3c1a;border-color:var(--obs-danger);color:var(--obs-danger)}.status-badge.status-connecting{background:#f39c121a;border-color:var(--obs-warning);color:var(--obs-warning)}.status-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0;background:var(--text-secondary)}.status-dot.status-active,.status-dot.status-online{background:var(--obs-success);box-shadow:0 0 4px var(--obs-success)}.status-dot.status-inactive,.status-dot.status-offline{background:var(--obs-danger)}.status-dot.status-connecting{background:var(--obs-warning);animation:pulse 1.5s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.server-stats{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);font-size:var(--font-size-xs);color:var(--text-secondary);margin-top:var(--spacing-xs)}.stat-item{display:inline-flex;align-items:center;gap:4px}.stat-item svg{width:12px;height:12px;flex-shrink:0}.groups-panel{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--border-radius-md);padding:var(--spacing-md);display:flex;flex-direction:column;gap:var(--spacing-md)}.groups-panel.full-width{grid-column:1 / -1}.groups-panel h3{margin:0;font-size:var(--font-size-base);font-weight:600;color:var(--text-primary)}.groups-header{display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-md)}.groups-header h3{margin:0}.groups-list{display:flex;flex-direction:column;gap:var(--spacing-md)}.group-card{background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--border-radius-md);padding:var(--spacing-md);display:flex;flex-direction:column;gap:var(--spacing-sm);transition:border-color .2s ease}.group-card:hover{border-color:var(--obs-primary)}.group-header h4{margin:0 0 4px;font-size:var(--font-size-sm);font-weight:700;color:var(--text-primary)}.group-header .description{margin:0;font-size:var(--font-size-xs);color:var(--text-secondary);line-height:1.5}.group-stats{display:flex;flex-wrap:wrap;gap:var(--spacing-md);font-size:var(--font-size-xs);color:var(--text-secondary)}.modal-footer{display:flex;justify-content:flex-end;gap:var(--spacing-sm);margin-top:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px solid var(--border)}.textarea{width:100%;padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--border);border-radius:var(--border-radius-sm);font-family:inherit;font-size:var(--font-size-sm);color:var(--text-primary);background-color:var(--bg-secondary);resize:vertical;min-height:80px}.textarea:focus{outline:none;border-color:var(--obs-primary);box-shadow:0 0 0 3px #3498db1a}.groups-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--spacing-md)}.group-detail-card{background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--border-radius-md);padding:var(--spacing-md);display:flex;flex-direction:column;gap:var(--spacing-md);transition:border-color .2s ease}.group-detail-card:hover{border-color:var(--obs-primary)}.group-metadata{display:flex;flex-direction:column;gap:var(--spacing-xs)}.metadata-item{display:flex;align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-xs);color:var(--text-secondary)}.metadata-item svg{width:14px;height:14px;flex-shrink:0;color:var(--obs-primary)}.metadata-item .label{font-weight:600;color:var(--text-secondary);min-width:80px}.metadata-item .value{color:var(--text-primary);word-break:break-all}.group-members{display:flex;flex-direction:column;gap:var(--spacing-xs)}.members-label{margin:0;font-size:var(--font-size-xs);font-weight:600;color:var(--text-secondary)}.member-list{display:flex;flex-wrap:wrap;gap:var(--spacing-xs)}.member-badge{display:inline-block;padding:2px 8px;background:#3498db1a;border:1px solid rgba(52,152,219,.3);border-radius:12px;font-size:var(--font-size-xs);color:var(--obs-primary);font-family:Monaco,Menlo,monospace;max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.group-actions{display:flex;gap:var(--spacing-sm);flex-wrap:wrap;margin-top:auto;padding-top:var(--spacing-sm);border-top:1px solid var(--border)}.group-actions .btn{flex:1;width:auto}.details-panel{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--border-radius-md);padding:var(--spacing-md)}.details-panel h3{margin:0 0 var(--spacing-md) 0;font-size:var(--font-size-base);font-weight:600;color:var(--text-primary);border-bottom:1px solid var(--border);padding-bottom:var(--spacing-sm)}.details-content{display:flex;flex-direction:column;gap:var(--spacing-md)}.details-content .detail-item{display:flex;flex-direction:column;gap:4px;background:none;border:none;border-radius:0;padding:0;border-bottom:1px solid var(--border);padding-bottom:var(--spacing-sm)}.details-content .detail-item:last-of-type{border-bottom:none}.details-content .detail-item label{font-size:var(--font-size-xs);font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.details-content .detail-item p{margin:0;font-size:var(--font-size-sm);color:var(--text-primary)}@media (max-width: 768px){.dashboard-layout{grid-template-columns:1fr}.groups-panel.full-width{grid-column:auto}.groups-grid{grid-template-columns:1fr}}.demo-section{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--border-radius-md);padding:var(--spacing-lg);display:flex;flex-direction:column;gap:var(--spacing-md)}.demo-section h3{margin:0;font-size:var(--font-size-base);font-weight:600}.demo-section p{margin:0;font-size:var(--font-size-sm);color:var(--text-secondary);line-height:1.6}.demo-section ul{margin:0;padding-left:var(--spacing-lg);font-size:var(--font-size-sm);color:var(--text-secondary);line-height:1.9}.demo-info{border-left:4px solid var(--obs-info)}.demo-servers-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:var(--spacing-md)}.demo-server-card{background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--border-radius-md);overflow:hidden}.demo-server-header{padding:var(--spacing-md);border-left:4px solid var(--obs-primary);background:#0000001a}.demo-server-header h4{margin:0 0 4px;font-size:var(--font-size-sm);font-weight:700;color:var(--text-primary)}.demo-server-header code{font-size:var(--font-size-xs);color:var(--text-secondary);font-family:Monaco,Menlo,monospace}.demo-groups-list{padding:var(--spacing-sm);display:flex;flex-direction:column;gap:2px}.demo-group-item{display:flex;flex-direction:column;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--border-radius-sm);transition:background .15s ease}.demo-group-item:hover{background:#ffffff0a}.demo-group-name{font-size:var(--font-size-sm);font-weight:600;color:var(--text-primary)}.demo-group-desc{font-size:var(--font-size-xs);color:var(--text-secondary);margin-top:2px}.btn-large{padding:var(--spacing-md) var(--spacing-xl);font-size:var(--font-size-base);width:auto;align-self:flex-start}.demo-curl-section{border:1px solid var(--border);border-radius:var(--border-radius-md);overflow:hidden}.demo-curl-section h4{margin:0;padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-sm);font-weight:600;color:var(--text-primary);background:var(--bg-tertiary);border-bottom:1px solid var(--border)}.demo-curl-command{border-top:1px solid var(--border)}.demo-curl-command:first-of-type{border-top:none}.demo-curl-label{padding:var(--spacing-xs) var(--spacing-md);font-size:var(--font-size-xs);font-weight:600;color:var(--obs-primary);background:#3498db0f;border-bottom:1px solid var(--border);font-family:Monaco,Menlo,monospace}.demo-curl-code{position:relative;display:flex;align-items:flex-start;gap:0}.demo-curl-code code{flex:1;display:block;padding:var(--spacing-md);font-family:Monaco,Menlo,monospace;font-size:var(--font-size-xs);color:#a8d8ea;white-space:pre-wrap;word-break:break-all;line-height:1.6;background:var(--bg-primary, #1a1a1a)}.demo-copy-btn{flex-shrink:0;padding:var(--spacing-sm) var(--spacing-md);background:var(--bg-tertiary);border:none;border-left:1px solid var(--border);color:var(--text-secondary);cursor:pointer;font-size:var(--font-size-xs);font-weight:600;transition:all .2s ease;align-self:stretch}.demo-copy-btn:hover{background:var(--obs-primary);color:#fff}.demo-created-list{display:flex;flex-direction:column;gap:var(--spacing-xs)}.demo-created-item{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-xs) var(--spacing-sm);background:#27ae6014;border:1px solid rgba(39,174,96,.2);border-radius:var(--border-radius-sm);font-size:var(--font-size-sm);color:var(--obs-success)}.demo-created-item code{font-family:Monaco,Menlo,monospace;font-size:var(--font-size-xs);color:var(--text-secondary)}.stat-card{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--border-radius-md);padding:var(--spacing-md);display:flex;flex-direction:column;gap:var(--spacing-xs)}.activity-settings-card{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--border-radius-md);padding:var(--spacing-lg)}.viewer-container{display:flex;flex-direction:column;gap:var(--spacing-md)}.viewer-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--spacing-sm)}.viewer-header h3{margin:0;font-size:var(--font-size-base);font-weight:600;color:var(--text-primary)}.controls{display:flex;align-items:center;gap:var(--spacing-md);font-size:var(--font-size-sm);color:var(--text-secondary)}.controls label{display:flex;align-items:center;gap:var(--spacing-xs);cursor:pointer}.activity-log-content{background:var(--bg-dark, #0a0a0a);border:1px solid var(--border);border-radius:var(--border-radius-md);padding:var(--spacing-md);font-family:Monaco,Menlo,monospace;font-size:var(--font-size-xs);color:var(--text-secondary);max-height:400px;overflow-y:auto;line-height:1.6}.chat-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;padding:var(--spacing-xl);color:var(--text-secondary);text-align:center;gap:var(--spacing-md)}.chat-empty-state p{margin:0;font-size:var(--font-size-sm)}.app-main{padding:1rem;overflow:hidden}.page-container{flex:1;min-height:0;display:flex;flex-direction:column;overflow-y:auto}.page-title{display:flex;align-items:center;gap:10px;font-size:22px;font-weight:700;color:var(--text-primary);margin:0 0 var(--spacing-sm) 0}.page-title svg{width:22px;height:22px;flex-shrink:0;color:var(--obs-primary)}:root{--obs-primary: #3A8C45;--primary: #3A8C45;--color-border: #4a4a4a;--color-bg: #141414;--color-bg-secondary: #1e1e1e;--color-bg-tertiary: #2a2a2a;--color-text-primary: #f0f0f0;--color-text-secondary: #a0a0a0;--color-text-muted: #666666;--color-primary: #3A8C45;--color-error: #e74c3c;--radius-md: var(--border-radius-md);--radius-sm: var(--border-radius-sm)}[data-theme=dark],body.dark{--color-text-primary: #f0f0f0;--color-text-secondary: #a0a0a0;--color-border: #4a4a4a}.tab-interface button,.page-container>div>div>button{color:#f0f0f0}.conv-layout{display:flex;gap:20px;height:600px}.conv-list-panel{flex:0 0 300px;border:1px solid #4a4a4a;border-radius:10px;display:flex;flex-direction:column;background-color:#1e1e1e;overflow:hidden;box-shadow:0 4px 20px #00000080,inset 0 1px #ffffff0d}.conv-list-header{padding:14px 16px;border-bottom:1px solid #3a3a3a;background-color:#252525}.conv-list-header h3{margin:0;font-size:13px;font-weight:600;color:#e0e0e0;text-transform:uppercase;letter-spacing:.5px}.conv-list-body{flex:1;overflow-y:auto}.conv-item{padding:12px 16px;border-bottom:1px solid #2d2d2d;cursor:pointer;background-color:transparent;transition:background-color .15s}.conv-item:hover{background-color:#2a2a2a}.conv-item.selected{background-color:#2a2a2a;border-left:3px solid #3A8C45;padding-left:13px}.conv-item-title-row{display:flex;justify-content:space-between;align-items:center}.conv-item-title{font-weight:600;font-size:14px;color:#f0f0f0}.conv-item-preview{font-size:12px;color:#888;margin-top:3px}.conv-unread-badge{background-color:#3a8c45;color:#fff;border-radius:50%;width:20px;height:20px;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;flex-shrink:0}.conv-chat-area{flex:1;display:flex;flex-direction:column;border:1px solid #4a4a4a;border-radius:10px;background-color:#141414;overflow:hidden;box-shadow:0 4px 20px #00000080,inset 0 1px #ffffff0a}.conv-chat-area>div:first-child{background-color:#1e1e1e!important;border-bottom:1px solid #3a3a3a!important;border-color:#3a3a3a!important;padding:14px 16px!important}.conv-chat-area>div:first-child h3{color:#f0f0f0!important;margin:0!important;font-size:15px;font-weight:600}.conv-chat-area>div:last-child{background-color:#1e1e1e!important;border-top:1px solid #3a3a3a!important;border-color:#3a3a3a!important}.conv-chat-area>div:nth-child(2){background-color:#141414!important}.conv-message-time{font-size:11px;margin-top:4px;opacity:.6}.conv-input{flex:1;padding:8px 12px;border:1px solid #4a4a4a;border-radius:6px;background-color:#2a2a2a;color:#f0f0f0;font-size:14px;transition:border-color .2s,box-shadow .2s}.conv-input::placeholder{color:#666}.conv-input:focus{outline:none;border-color:#3a8c45;box-shadow:0 0 0 2px #7c3aed40}.conv-empty{flex:1;display:flex;align-items:center;justify-content:center;color:#666;font-size:14px}.stat-card{padding:20px;background:#1e1e1e;border-radius:10px;border:1px solid #4a4a4a;box-shadow:0 4px 16px #00000073,inset 0 1px #ffffff0d;transition:box-shadow .2s,transform .2s}.stat-card:hover{box-shadow:0 6px 24px #0009,inset 0 1px #ffffff12;transform:translateY(-1px)}.stat-card p:first-child{margin:0 0 8px;color:#888;font-size:11px;text-transform:uppercase;letter-spacing:.7px}.stat-card p:last-child{margin:0;font-size:28px;font-weight:700;color:#f0f0f0;line-height:1}.store-stat-card{padding:14px 12px;background:#1e1e1e;border-radius:8px;border:1px solid #4a4a4a;text-align:center;box-shadow:0 3px 12px #0006,inset 0 1px #ffffff0a;transition:box-shadow .2s,transform .2s}.store-stat-card:hover{box-shadow:0 5px 18px #0000008c;transform:translateY(-1px)}.store-stat-card p:first-child{margin:0;font-size:10px;color:#888;text-transform:uppercase;letter-spacing:.5px}.store-stat-card p:last-child{margin:6px 0 0;font-size:22px;font-weight:700;color:#f0f0f0}.activity-timeline{border:1px solid #4a4a4a;border-radius:10px;max-height:500px;overflow-y:auto;background-color:#141414;box-shadow:0 4px 16px #00000073,inset 0 1px #ffffff08}.timeline-row{padding:12px 16px;border-bottom:1px solid #2a2a2a;display:flex;gap:12px;align-items:flex-start}.timeline-row:last-child{border-bottom:none}.timeline-row:hover{background-color:#1e1e1e}.timeline-time{font-size:11px;color:#888;white-space:nowrap;font-family:monospace;flex:0 0 90px}.timeline-action{font-weight:600;font-size:12px;color:#f0f0f0;flex:0 0 auto}.timeline-details{font-size:12px;color:#aaa;flex:1;font-family:monospace;word-break:break-all}.filter-btn{padding:5px 12px;border:1px solid #4a4a4a;border-radius:20px;cursor:pointer;font-size:12px;background:#1e1e1e;color:#b0b0b0;transition:all .15s}.filter-btn:hover{border-color:#3a8c45;color:#d0d0d0}.filter-btn.active{background:#3a8c45;color:#fff;border-color:#3a8c45;font-weight:600}.clear-btn{margin-left:auto;padding:5px 12px;background:#1e1e1e;border:1px solid #4a4a4a;border-radius:6px;cursor:pointer;font-size:12px;color:#b0b0b0;transition:all .15s}.clear-btn:hover{border-color:#888;color:#f0f0f0}.activity-settings-card,.detail-view-card,.detail-selector-card{padding:20px;background:#1e1e1e;border-radius:10px;border:1px solid #4a4a4a;box-shadow:0 4px 16px #0006,inset 0 1px #ffffff0a;color:#f0f0f0}.activity-settings-card label,.detail-view-card label,.detail-selector-card label{color:#e0e0e0}.detail-code-block{margin-top:6px;padding:10px 12px;background:#111;border-radius:6px;border:1px solid #3a3a3a;word-break:break-all;max-height:200px;overflow-y:auto;font-family:monospace;font-size:12px;color:#c8c8c8;box-shadow:inset 0 2px 8px #0006}.number-input-dark{margin-left:8px;padding:4px 8px;border-radius:4px;border:1px solid var(--color-border);width:60px;background-color:var(--color-bg-tertiary);color:var(--color-text-primary)}.page-title{font-size:var(--font-size-xl);font-weight:700;color:var(--text-primary);margin:0 0 var(--spacing-sm) 0;letter-spacing:-.3px}.settings-info-panel{padding:var(--spacing-md);background-color:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--border-radius-sm);font-size:var(--font-size-sm);color:var(--text-secondary);margin-top:var(--spacing-md)}.settings-info-panel p{margin:0 0 var(--spacing-xs) 0}.settings-saved-panel{padding:var(--spacing-sm) var(--spacing-md);background-color:#27ae601f;border:1px solid var(--obs-success);border-radius:var(--border-radius-sm);color:var(--obs-success);font-size:var(--font-size-sm);font-weight:500}.card{padding:24px;background:#1e1e1e;border-radius:10px;border:1px solid #4a4a4a;box-shadow:0 4px 16px #00000073,inset 0 1px #ffffff0d}.card-title{font-size:15px;font-weight:600;color:#f0f0f0;margin:0 0 20px;padding-bottom:12px;border-bottom:1px solid #3a3a3a}.form-group{margin-bottom:20px;display:flex;flex-direction:column;gap:8px}.form-label{font-size:13px;font-weight:600;color:#f0f0f0}.form-input,.form-select,.form-textarea{padding:10px 12px;border:1px solid #4a4a4a;border-radius:6px;background-color:#2a2a2a;color:#f0f0f0;font-size:14px;transition:border-color .2s,box-shadow .2s;font-family:inherit}.form-input::placeholder,.form-textarea::placeholder{color:#666}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:#3a8c45;box-shadow:0 0 0 2px #7c3aed40}.form-textarea{resize:vertical;min-height:120px}.form-success-panel{padding:16px;background:#1e1e1e;border-radius:8px;border:1px solid #4a4a4a;box-shadow:0 4px 16px #00000073,inset 0 1px #ffffff0a;color:#f0f0f0}.form-success-panel h3{margin:0 0 8px;color:#f0f0f0}.form-success-panel p{margin:0;color:#a0a0a0;font-size:14px}.form-context-panel{margin-top:24px;padding:16px;background:#141414;border-radius:8px;border:1px solid #4a4a4a;box-shadow:0 3px 12px #0006,inset 0 1px #ffffff08}.form-context-label{font-weight:600;color:#f0f0f0;margin-bottom:8px;font-size:13px}.form-context-list{list-style:none;margin:0;padding:0;font-size:13px;color:#a0a0a0}.form-context-list li{padding:4px 0}.button{padding:10px 16px;background:#3a8c45;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:600;transition:all .2s}.button:hover{background:#6d28d9;box-shadow:0 4px 12px #7c3aed4d}.button:active{transform:scale(.98)}.button-secondary{background:transparent;border:1px solid #4a4a4a;color:#f0f0f0}.button-secondary:hover{background:#2a2a2a;border-color:#666;box-shadow:none}.settings-info-panel{padding:16px;background:#141414;border-radius:8px;border:1px solid #4a4a4a;font-size:13px;color:#a0a0a0;margin-top:16px;box-shadow:0 2px 8px #0000004d,inset 0 1px #ffffff05}.settings-info-panel p{margin:0 0 8px}.settings-info-panel p:last-child{margin-bottom:0}.settings-info-panel strong{color:#f0f0f0}input[type=checkbox]{accent-color:#3A8C45;cursor:pointer}input[type=checkbox]:hover{filter:brightness(1.2)}.projects-dashboard{width:100%;height:100%;padding:40px;overflow-y:auto}[data-theme=dark] .projects-dashboard{background:var(--bg-dark)}[data-theme=light] .projects-dashboard{background:#f9fafb}.projects-dashboard__header{margin-bottom:32px}.projects-dashboard__title{font-size:32px;font-weight:700;margin-bottom:8px}[data-theme=dark] .projects-dashboard__title{color:#f8fafc}[data-theme=light] .projects-dashboard__title{color:#111827}.projects-dashboard__subtitle{font-size:16px}[data-theme=dark] .projects-dashboard__subtitle{color:#94a3b8}[data-theme=light] .projects-dashboard__subtitle{color:#64748b}.projects-dashboard__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:24px}.projects-dashboard--loading,.projects-dashboard--error{display:flex;align-items:center;justify-content:center}.projects-dashboard__loading-text{font-size:18px}[data-theme=dark] .projects-dashboard__loading-text{color:#f8fafc}[data-theme=light] .projects-dashboard__loading-text{color:#111827}.projects-dashboard__error-text{color:#f43f5e;font-size:18px}.projects-dashboard__empty{text-align:center;padding:60px}[data-theme=dark] .projects-dashboard__empty{color:#94a3b8}[data-theme=light] .projects-dashboard__empty{color:#64748b}.projects-dashboard__empty-title{font-size:18px;margin-bottom:12px}.projects-dashboard__empty-subtitle{font-size:14px}.project-card{backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:2px solid;border-radius:12px;padding:24px;cursor:pointer;transition:all .3s ease}[data-theme=dark] .project-card{background:#0f172af2;box-shadow:0 0 20px #3a8c451a}[data-theme=light] .project-card{background:#fffffff2;box-shadow:0 4px 6px -1px #0000001a}[data-theme=dark] .project-card{border-color:#3a8c45}[data-theme=light] .project-card{border-color:#e5e7eb}.project-card:hover{transform:translateY(-4px)}[data-theme=dark] .project-card:hover{box-shadow:0 0 30px #3a8c454d}[data-theme=light] .project-card:hover{box-shadow:0 10px 20px -5px #00000026}.project-card__icon{font-size:48px;margin-bottom:16px}.project-card__name{font-size:20px;font-weight:600;margin-bottom:8px}[data-theme=dark] .project-card__name{color:#f8fafc}[data-theme=light] .project-card__name{color:#111827}.project-card__description{font-size:14px;margin-bottom:16px;min-height:40px}[data-theme=dark] .project-card__description{color:#94a3b8}[data-theme=light] .project-card__description{color:#64748b}.project-card__stats{display:flex;gap:16px;font-size:12px}[data-theme=dark] .project-card__stats{color:#64748b}[data-theme=light] .project-card__stats{color:#94a3b8}.project-card__stat-item{display:flex;align-items:center;gap:4px}@media (max-width: 479px){.projects-dashboard{padding:20px 16px}.projects-dashboard__title{font-size:24px}.projects-dashboard__subtitle{font-size:14px}.projects-dashboard__grid{grid-template-columns:1fr;gap:16px}.project-card{padding:20px}.project-card__icon{font-size:40px}.project-card__name{font-size:18px}}@media (min-width: 480px) and (max-width: 767px){.projects-dashboard{padding:30px 20px}.projects-dashboard__grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}}@media (min-width: 768px){.projects-dashboard__grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}}