.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-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}}.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-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-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-select option:checked,.modal-select option:hover,.modal-select option:focus,.modal-select option:active{background:#3a8c45!important;color:#fff!important}.modal-select.light option:checked,.modal-select.light option:hover,.modal-select.light option:focus,.modal-select.light option:active{background:#3a8c45!important;color:#fff!important}.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}.search-results{max-height:400px;overflow-y:auto;margin-top:var(--spacing-md);scrollbar-width:thin;scrollbar-color:rgba(58,140,69,.7) rgba(255,255,255,.04)}.search-results::-webkit-scrollbar-thumb{background:#3a8c45b3;border-radius:3px}.search-results::-webkit-scrollbar-thumb:hover{background:#3a8c45}@media (max-width: 360px){.modal,[role=dialog],[class*=Dialog]{width:100vw!important;max-width:100vw!important;height:auto!important;max-height:92vh!important;margin:0!important;border-radius:20px 20px 0 0!important;position:fixed!important;bottom:0!important;top:auto!important;left:0!important;right:0!important}.modal-overlay,.modal-header,.modal-body,.modal-footer{position:static!important;width:auto!important;bottom:auto!important}.modal-overlay{align-items:flex-end!important}.modal-header,.modal-header-plain{padding:12px 16px!important;font-size:14px!important}.modal-title{font-size:16px!important}.modal-body{max-height:75vh!important;overflow-y:auto;padding:12px 16px!important}.modal-footer{padding:12px 16px!important;gap:8px!important}.modal-input,.modal-select,.modal-textarea{font-size:16px!important;padding:10px!important}.modal-footer{flex-direction:column!important}.modal-button{width:100%!important;min-height:44px!important}.modal-close{min-width:44px!important;min-height:44px!important}}@media (min-width: 361px) and (max-width: 480px){.modal,[role=dialog],[class*=Dialog]{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,.modal-header,.modal-body,.modal-footer{position:static!important;width:auto!important;bottom:auto!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;gap:10px}.modal-input,.modal-select,.modal-textarea{font-size:16px!important}.modal-button{min-height:44px!important;padding:12px 16px!important}.modal-close{min-width:44px;min-height:44px}}.properties-body::-webkit-scrollbar-thumb{background:#3a8c4566;border-radius:3px}.properties-body::-webkit-scrollbar-thumb:hover{background:#3a8c45b3}@media (max-width: 767px){.menu-item,.context-menu-item{-webkit-tap-highlight-color:rgba(58,140,69,.1)}.menu-item svg,.context-menu-item svg{width:18px;height:18px}}@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-wrapper{touch-action:pan-x pan-y}.react-flow-wrapper{width:100%;height:100%;position:relative;transition:opacity .3s ease}.animate-fade-in{animation:fadeIn .4s ease-out forwards}:root{--bg-dark: #020617}body{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}.app-main,#root .app-main,main.app-main{padding:0!important;height:calc(100vh - var(--app-header-height, 70px) - var(--app-footer-height, 24px))!important;overflow:hidden!important}.app:not(.nav-collapsed) .app-main{margin-left:180px!important}.react-flow__attribution{display:none!important}[style*="position: fixed"]>div[style*="width: 100%"]{animation:slideIn .3s ease-out!important}.react-flow__pane,.react-flow__renderer{z-index:auto!important}:root{--passport-type-page-title-size: var(--font-size-2xl, 32px);--passport-type-page-title-weight: var(--font-weight-bold, 700);--passport-type-page-title-line-height: var(--line-height-normal, 1.5);--passport-type-page-subtitle-size: var(--font-size-sm, 14px);--passport-type-page-subtitle-weight: var(--font-weight-normal, 400);--passport-type-section-heading-size: var(--font-size-lg, 20px);--passport-type-section-heading-weight: var(--font-weight-semibold, 600);--passport-type-modal-title-weight: var(--font-weight-bold, 700);--passport-type-table-header-size: var(--font-size-sm, 14px);--passport-type-table-header-weight: var(--font-weight-semibold, 600);--passport-type-table-body-size: var(--font-size-base, 16px);--passport-type-table-body-weight: var(--font-weight-normal, 400);--passport-type-table-emphasis-weight: var(--font-weight-semibold, 600);--passport-type-form-label-size: var(--font-size-sm, 14px);--passport-type-form-label-weight: var(--font-weight-semibold, 600);--passport-type-input-size: var(--font-size-base, 16px);--passport-type-button-size: var(--font-size-base, 16px);--passport-type-button-weight: var(--font-weight-semibold, 600);--passport-type-badge-size: var(--font-size-xs, 12px);--passport-type-badge-weight: var(--font-weight-semibold, 600);--passport-type-caption-size: var(--font-size-xs, 12px);--passport-type-body-small-size: var(--font-size-sm, 14px);--passport-type-empty-title-size: var(--font-size-lg, 20px);--passport-type-empty-title-weight: var(--font-weight-semibold, 600);--passport-type-empty-body-size: var(--font-size-sm, 14px);--passport-type-stat-value-size: var(--font-size-3xl, 48px);--passport-type-stat-value-weight: var(--font-weight-bold, 700)}.admin-page-header{margin-bottom:var(--spacing-lg)}.admin-page-title{font-size:var(--passport-type-page-title-size);font-weight:var(--passport-type-page-title-weight);line-height:var(--passport-type-page-title-line-height);color:var(--color-text);margin:0 0 var(--spacing-xs) 0}.admin-page-subtitle{font-size:var(--passport-type-page-subtitle-size);font-weight:var(--passport-type-page-subtitle-weight);color:var(--color-text-secondary);margin:0}.admin-page-header--with-actions{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--spacing-md, 16px)}.admin-page-header__actions{display:flex;align-items:center;gap:var(--spacing-sm, 8px);flex-shrink:0}.admin-text-emphasis{font-weight:var(--passport-type-table-emphasis-weight)}.admin-text-caption{font-size:var(--passport-type-caption-size)}.admin-text-small{font-size:var(--passport-type-body-small-size)}.admin-stat-value{font-size:var(--passport-type-stat-value-size);font-weight:var(--passport-type-stat-value-weight);color:var(--color-primary);line-height:1}.admin-text-mono{font-family:var(--font-mono, monospace)}.page-container{width:100%;box-sizing:border-box}.page-header{margin-bottom:var(--spacing-lg, 1.5rem)}.page-title{font-size:var(--passport-type-page-title-size, var(--font-size-2xl, 1.5rem));font-weight:var(--passport-type-page-title-weight, 700);color:var(--color-text, #f0f0f0);margin:0 0 var(--spacing-xs, .25rem) 0}.page-subtitle{font-size:var(--passport-type-page-subtitle-size, var(--font-size-sm, .875rem));color:var(--color-text-secondary, #b0b0b0);margin:0}.page-card{background-color:var(--color-bg-secondary, #242424);border:1px solid var(--color-border, #3d3d3d);border-radius:var(--border-radius-md, 8px);box-shadow:var(--shadow-sm, 0 2px 8px rgba(0,0,0,.15));overflow:hidden}.page-card+.page-card{margin-top:var(--spacing-md, 1rem)}.page-card-header{padding:var(--spacing-md, 1rem) var(--spacing-lg, 1.5rem);border-bottom:1px solid var(--color-border, #3d3d3d);display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-md, 1rem)}.page-card-title{font-size:var(--passport-type-section-heading-size, var(--font-size-lg, 1.125rem));font-weight:var(--passport-type-section-heading-weight, 600);color:var(--color-text, #f0f0f0);margin:0}.page-card-subtitle{font-size:var(--font-size-sm, .875rem);color:var(--color-text-secondary, #b0b0b0);margin:var(--spacing-xs, .25rem) 0 0 0}.page-card-body{padding:var(--spacing-lg, 1.5rem)}.page-card-body--flush{padding:0}.page-avatar{width:72px;height:72px;border-radius:50%;background-color:var(--color-primary, #309B48);color:#fff;display:flex;align-items:center;justify-content:center;font-size:2rem;font-weight:700;flex-shrink:0;-webkit-user-select:none;user-select:none}.page-table-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch}.page-table{width:100%;border-collapse:collapse;min-width:480px}.page-table thead{background-color:var(--color-bg-tertiary, #2d2d2d);border-bottom:2px solid var(--color-border, #3d3d3d)}.page-table th{padding:var(--spacing-sm, .5rem) var(--spacing-md, 1rem);text-align:left;font-size:var(--font-size-sm, .875rem);font-weight:600;color:var(--color-text, #f0f0f0);text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}.page-table td{padding:var(--spacing-sm, .5rem) var(--spacing-md, 1rem);color:var(--color-text, #f0f0f0);font-size:var(--font-size-base, 1rem);border-bottom:1px solid var(--color-border, #3d3d3d);vertical-align:middle}.page-table tbody tr:last-child td{border-bottom:none}.page-table tbody tr:hover{background-color:var(--color-bg-tertiary, #2d2d2d)}.page-table tbody tr.row-current{border-left:3px solid var(--color-primary, #309B48)}.page-info-table th,.page-info-table td{text-align:left;vertical-align:top}.page-info-table th{width:200px;font-size:var(--font-size-sm, .875rem);font-weight:600;color:var(--color-text-secondary, #b0b0b0);text-transform:none;letter-spacing:0;background:none;border-bottom:1px solid var(--color-border, #3d3d3d);padding:var(--spacing-sm, .5rem) var(--spacing-md, 1rem)}.page-btn{display:inline-flex;align-items:center;gap:var(--spacing-xs, .25rem);padding:var(--spacing-sm, .5rem) var(--spacing-md, 1rem);border:none;border-radius:var(--border-radius-sm, 4px);font-size:var(--font-size-base, 1rem);font-weight:600;font-family:inherit;cursor:pointer;transition:background-color .15s,box-shadow .15s,transform .1s;text-decoration:none}.page-btn:disabled{opacity:.6;cursor:not-allowed}.page-btn:focus-visible{outline:2px solid var(--color-primary, #309B48);outline-offset:2px}.page-btn-primary{background-color:var(--color-primary, #309B48);color:#fff}.page-btn-primary:hover:not(:disabled){background-color:var(--color-primary-hover, #288740);box-shadow:0 4px 12px var(--color-primary-glow, rgba(48,155,72,.3))}.page-btn-secondary{background-color:var(--color-bg-tertiary, #2d2d2d);color:var(--color-text, #f0f0f0);border:1px solid var(--color-border, #3d3d3d)}.page-btn-secondary:hover:not(:disabled){background-color:var(--color-border, #3d3d3d)}.page-btn-danger{background-color:var(--color-error, #e74c3c);color:#fff}.page-btn-danger:hover:not(:disabled){background-color:#c0392b;box-shadow:0 4px 12px #e74c3c4d}.page-btn-sm{padding:var(--spacing-xs, .25rem) var(--spacing-sm, .5rem);font-size:var(--font-size-sm, .875rem)}.page-btn-group{display:flex;gap:var(--spacing-sm, .5rem);flex-wrap:wrap;align-items:center}.page-action-btn{padding:var(--spacing-xs, .25rem) var(--spacing-sm, .5rem);font-size:var(--font-size-sm, .875rem);border:none;border-radius:var(--border-radius-sm, 4px);cursor:pointer;background-color:transparent;color:var(--color-primary, #309B48);transition:background-color .15s;font-family:inherit}.page-action-btn:hover{background-color:var(--color-primary-light, rgba(48,155,72,.1))}.page-action-btn.danger{color:var(--color-error, #e74c3c)}.page-action-btn.danger:hover{background-color:#e74c3c1a}.page-action-btn:disabled{opacity:.6;cursor:not-allowed}.page-form{display:flex;flex-direction:column;gap:var(--spacing-md, 1rem)}.page-form-group{display:flex;flex-direction:column;gap:var(--spacing-xs, .25rem)}.page-form-label{font-size:var(--font-size-sm, .875rem);font-weight:600;color:var(--color-text, #f0f0f0)}.page-form-label.required:after{content:" *";color:var(--color-error, #e74c3c)}.page-form-input{padding:var(--spacing-sm, .5rem) var(--spacing-md, 1rem);border:1px solid var(--color-border, #3d3d3d);border-radius:var(--border-radius-sm, 4px);background-color:var(--color-bg-tertiary, #2d2d2d);color:var(--color-text, #f0f0f0);font-size:var(--font-size-base, 1rem);font-family:inherit;max-width:400px;width:100%;transition:border-color .15s,box-shadow .15s;box-sizing:border-box}.page-form-input:focus{outline:none;border-color:var(--color-primary, #309B48);box-shadow:0 0 0 3px var(--color-primary-light, rgba(48,155,72,.2))}.page-form-input:disabled{opacity:.6;cursor:not-allowed}.page-form-help{font-size:var(--font-size-sm, .875rem);color:var(--color-text-secondary, #b0b0b0);margin:0}.page-form-error{font-size:var(--font-size-sm, .875rem);color:var(--color-error, #e74c3c);margin:0}.page-alert{display:flex;align-items:flex-start;gap:var(--spacing-md, 1rem);padding:var(--spacing-md, 1rem);border-radius:var(--border-radius-md, 8px);border-left:4px solid;margin-bottom:var(--spacing-md, 1rem)}.page-alert-success{background-color:var(--color-success-light, rgba(39,174,96,.12));border-left-color:var(--color-success, #27ae60);color:var(--color-success, #27ae60)}.page-alert-error{background-color:var(--color-error-light, rgba(231,76,60,.12));border-left-color:var(--color-error, #e74c3c);color:var(--color-error, #e74c3c)}.page-alert-warning{background-color:var(--color-warning-light, rgba(243,156,18,.12));border-left-color:var(--color-warning, #f39c12);color:var(--color-warning, #f39c12)}.page-alert-info{background-color:var(--color-info-light, rgba(52,152,219,.12));border-left-color:var(--color-info, #3498db);color:var(--color-info, #3498db)}.page-alert-message{font-size:var(--font-size-sm, .875rem);color:var(--color-text, #f0f0f0)}.page-alert-title{font-weight:600;margin:0 0 var(--spacing-xs, .25rem) 0;color:var(--color-text, #f0f0f0)}.page-alert-close{background:none;border:none;font-size:1.25rem;cursor:pointer;color:var(--color-text-secondary, #b0b0b0);padding:0;line-height:1;margin-left:auto;flex-shrink:0}.page-alert-close:hover{color:var(--color-text, #f0f0f0)}.page-badge{display:inline-flex;align-items:center;padding:2px var(--spacing-sm, .5rem);border-radius:999px;font-size:var(--passport-type-badge-size, var(--font-size-xs, .75rem));font-weight:var(--passport-type-badge-weight, 600);text-transform:uppercase;letter-spacing:.4px}.page-badge-primary{background-color:var(--color-primary-light, rgba(48,155,72,.15));color:var(--color-primary, #309B48)}.page-badge-success{background-color:#27ae6026;color:var(--color-success, #27ae60)}.page-badge-secondary{background-color:var(--color-bg-tertiary, #2d2d2d);color:var(--color-text-secondary, #b0b0b0);border:1px solid var(--color-border, #3d3d3d)}.page-badge-error{background-color:#e74c3c26;color:var(--color-error, #e74c3c)}.page-empty{padding:var(--spacing-xl, 2rem);text-align:center;color:var(--color-text-secondary, #b0b0b0)}.page-empty-title{font-size:var(--passport-type-empty-title-size, var(--font-size-lg, 1.125rem));font-weight:var(--passport-type-empty-title-weight, 600);color:var(--color-text, #f0f0f0);margin:0 0 var(--spacing-xs, .25rem) 0}.page-empty-text{font-size:var(--font-size-sm, .875rem);margin:0}.page-text-muted{color:var(--color-text-secondary, #b0b0b0)}.page-text-mono{font-family:monospace;font-size:var(--font-size-sm, .875rem)}:root{--hil-overlay-bg: rgba(0, 0, 0, .6);--hil-panel-bg: #1e1e1e;--hil-panel-border: #333333;--hil-panel-radius: 12px;--hil-panel-shadow: 0 20px 60px rgba(0, 0, 0, .5);--hil-font-family: inherit;--hil-text-primary: #e0e0e0;--hil-text-secondary: #9ca3af;--hil-text-muted: #6b7280;--hil-action-primary-bg: #3b82f6;--hil-action-primary-text: #ffffff;--hil-action-danger-bg: #ef4444;--hil-action-danger-text: #ffffff;--hil-action-neutral-bg: #374151;--hil-action-neutral-text: #e5e7eb;--hil-action-warning-bg: #d69e2e;--hil-action-warning-text: #1a202c;--hil-action-success-bg: #16a34a;--hil-action-success-bg-hover: #22c55e;--hil-action-success-text: #ffffff;--hil-progress-fill: #3b82f6;--hil-progress-track: #374151;--hil-countdown-normal: #9ca3af;--hil-countdown-warning: #d69e2e;--hil-countdown-danger: #ef4444;--hil-badge-approval-bg: #1e3a5f;--hil-badge-approval-text: #93c5fd;--hil-badge-form-bg: #1a3a2a;--hil-badge-form-text: #86efac;--hil-badge-chat-bg: #3b2f5f;--hil-badge-chat-text: #c4b5fd;--hil-input-border: #4b5563;--hil-input-focus: #3b82f6;--hil-input-bg: #374151;--hil-error-bg: #3d2020;--hil-error-border: #5d3030;--hil-error-text: #ff6b6b}[data-theme=light]{--hil-overlay-bg: rgba(0, 0, 0, .5);--hil-panel-bg: #ffffff;--hil-panel-border: #e2e8f0;--hil-panel-shadow: 0 20px 60px rgba(0, 0, 0, .15);--hil-text-primary: #1f2937;--hil-text-secondary: #4b5563;--hil-text-muted: #9ca3af;--hil-action-primary-bg: #3b82f6;--hil-action-primary-text: #ffffff;--hil-action-danger-bg: #ef4444;--hil-action-danger-text: #ffffff;--hil-action-neutral-bg: #f3f4f6;--hil-action-neutral-text: #1f2937;--hil-action-warning-bg: #f59e0b;--hil-action-warning-text: #1a202c;--hil-progress-fill: #3b82f6;--hil-progress-track: #e5e7eb;--hil-countdown-normal: #6b7280;--hil-countdown-warning: #d69e2e;--hil-countdown-danger: #ef4444;--hil-badge-approval-bg: #dbeafe;--hil-badge-approval-text: #1e40af;--hil-badge-form-bg: #dcfce7;--hil-badge-form-text: #166534;--hil-badge-chat-bg: #ede9fe;--hil-badge-chat-text: #5b21b6;--hil-input-border: #d1d5db;--hil-input-focus: #3b82f6;--hil-input-bg: #ffffff;--hil-error-bg: #fee2e2;--hil-error-border: #fecaca;--hil-error-text: #dc2626}.hil-overlay-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--hil-overlay-bg);z-index:999;display:flex;align-items:flex-end;justify-content:flex-end;padding:24px}.hil-panel{background:var(--hil-panel-bg);border:1px solid var(--hil-panel-border);border-radius:var(--hil-panel-radius);box-shadow:var(--hil-panel-shadow);font-family:var(--hil-font-family);color:var(--hil-text-primary);width:480px;max-width:100%;max-height:80vh;display:flex;flex-direction:column;overflow:hidden}.hil-panel-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--hil-panel-border);flex-shrink:0}.hil-panel-title{font-size:15px;font-weight:600;color:var(--hil-text-primary);margin:0;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hil-panel-close{background:none;border:none;cursor:pointer;color:var(--hil-text-secondary);padding:4px;border-radius:4px;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-left:8px}.hil-panel-close:hover{background:var(--hil-action-neutral-bg);color:var(--hil-text-primary)}.hil-panel-body{flex:1;overflow-y:auto;padding:20px}.hil-panel-footer{padding:12px 20px;border-top:1px solid var(--hil-panel-border);flex-shrink:0}.hil-badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:99px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-right:8px}.hil-badge--approval{background:var(--hil-badge-approval-bg);color:var(--hil-badge-approval-text)}.hil-badge--form{background:var(--hil-badge-form-bg);color:var(--hil-badge-form-text)}.hil-badge--chat{background:var(--hil-badge-chat-bg);color:var(--hil-badge-chat-text)}.hil-badge--info{background:var(--hil-action-neutral-bg);color:var(--hil-text-secondary)}.hil-description{font-size:13px;color:var(--hil-text-secondary);margin:0 0 16px;line-height:1.5}.hil-step-content{display:flex;flex-direction:column;gap:12px}.hil-prompt{font-size:14px;color:var(--hil-text-primary);margin:0 0 12px;line-height:1.5}.hil-label{display:block;font-size:12px;font-weight:600;color:var(--hil-text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px}.hil-textarea{width:100%;min-height:80px;padding:10px 12px;border:1px solid var(--hil-input-border);border-radius:6px;background:var(--hil-input-bg);font-family:var(--hil-font-family);font-size:14px;color:var(--hil-text-primary);resize:vertical;box-sizing:border-box;transition:border-color .15s}.hil-textarea:focus{outline:none;border-color:var(--hil-input-focus)}.hil-action-bar{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}.hil-action-btn{padding:8px 16px;border:none;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:opacity .15s,transform .1s;font-family:var(--hil-font-family)}.hil-action-btn:disabled{opacity:.5;cursor:not-allowed}.hil-action-btn:not(:disabled):hover{opacity:.9}.hil-action-btn:not(:disabled):active{transform:scale(.98)}.hil-action-btn--primary{background:var(--hil-action-primary-bg);color:var(--hil-action-primary-text)}.hil-action-btn--danger{background:var(--hil-action-danger-bg);color:var(--hil-action-danger-text)}.hil-action-btn--neutral{background:var(--hil-action-neutral-bg);color:var(--hil-action-neutral-text)}.hil-action-btn--warning{background:var(--hil-action-warning-bg);color:var(--hil-action-warning-text)}.hil-action-btn--success{background:var(--hil-action-success-bg);color:var(--hil-action-success-text)}.hil-action-btn--success:not(:disabled):hover{background:var(--hil-action-success-bg-hover);opacity:1}.hil-progress-bar{display:flex;align-items:center;gap:8px;margin-bottom:16px}.hil-progress-track{flex:1;height:4px;background:var(--hil-progress-track);border-radius:99px;overflow:hidden}.hil-progress-fill{height:100%;background:var(--hil-progress-fill);border-radius:99px;transition:width .3s ease}.hil-progress-label{font-size:11px;color:var(--hil-text-muted);white-space:nowrap}.hil-countdown{font-size:12px;font-weight:600;color:var(--hil-countdown-normal);font-variant-numeric:tabular-nums}.hil-countdown--warning{color:var(--hil-countdown-warning)}.hil-countdown--danger{color:var(--hil-countdown-danger);animation:hil-pulse 1s ease-in-out infinite}@keyframes hil-pulse{0%,to{opacity:1}50%{opacity:.5}}.hil-error-banner{background:var(--hil-error-bg);border:1px solid var(--hil-error-border);color:var(--hil-error-text);border-radius:6px;padding:10px 14px;font-size:13px;display:flex;align-items:flex-start;gap:8px;margin-bottom:12px}.hil-error-banner__message{flex:1;line-height:1.4}.hil-error-banner__close{background:none;border:none;cursor:pointer;color:var(--hil-error-text);padding:0;font-size:14px;line-height:1;flex-shrink:0}.hil-pending-count{font-size:12px;color:var(--hil-text-muted);text-align:center}.hil-info-block{background:var(--hil-input-bg);border:1px solid var(--hil-panel-border);border-radius:8px;padding:16px}.hil-info-block p{margin:0 0 8px;font-size:14px;color:var(--hil-text-primary);line-height:1.5}.hil-info-block p:last-child{margin-bottom:0}:root{--hil-chat-bubble-user-bg: var(--hil-action-primary-bg, #3b82f6);--hil-chat-bubble-user-text: var(--hil-action-primary-text, #ffffff);--hil-chat-bubble-system-bg: var(--hil-action-neutral-bg, #374151);--hil-chat-bubble-system-text: var(--hil-action-neutral-text, #e5e7eb);--hil-chat-bg: var(--hil-panel-bg, #1e1e1e);--hil-chat-border: var(--hil-panel-border, #333333)}.hil-chat-overlay-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--hil-overlay-bg, rgba(0, 0, 0, .6));z-index:999;display:flex;align-items:flex-end;justify-content:flex-end;padding:24px}.hil-chat-panel{background:var(--hil-chat-bg);border:1px solid var(--hil-chat-border);border-radius:var(--hil-panel-radius, 12px);box-shadow:var(--hil-panel-shadow, 0 20px 60px rgba(0, 0, 0, .5));color:var(--hil-text-primary, #e0e0e0);width:480px;max-width:100%;max-height:80vh;display:flex;flex-direction:column;overflow:hidden}.hil-chat-panel__header{display:flex;align-items:center;gap:8px;padding:16px 20px;border-bottom:1px solid var(--hil-chat-border);flex-shrink:0}.hil-chat-panel__title{font-size:15px;font-weight:600;margin:0;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hil-chat-panel__controls{display:flex;gap:4px}.hil-chat-panel__icon{background:none;border:none;cursor:pointer;padding:4px 8px;border-radius:4px}.hil-chat-panel__icon:disabled{opacity:.35;cursor:not-allowed}.hil-chat-transcript{flex:1;overflow-y:auto;padding:16px 20px;display:flex;flex-direction:column;gap:10px}.hil-chat-transcript--empty{align-items:center;justify-content:center}.hil-chat-transcript__empty-state{color:var(--hil-text-muted, #6b7280);font-size:13px}.hil-chat-bubble{display:flex;gap:8px;max-width:85%}.hil-chat-bubble--user{align-self:flex-end;flex-direction:row-reverse}.hil-chat-bubble--system{align-self:flex-start}.hil-chat-bubble__avatar{width:24px;height:24px;border-radius:50%;background:var(--hil-action-neutral-bg, #374151);color:var(--hil-action-neutral-text, #e5e7eb);display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:600;flex-shrink:0}.hil-chat-bubble__content{border-radius:12px;padding:8px 12px}.hil-chat-bubble--user .hil-chat-bubble__content{background:var(--app-var-color-primary, var(--hil-chat-bubble-user-bg));color:var(--app-var-text-inverse, var(--hil-chat-bubble-user-text))}.hil-chat-bubble--system .hil-chat-bubble__content{background:var(--app-var-bg-panel, var(--hil-chat-bubble-system-bg));color:var(--app-var-text, var(--hil-chat-bubble-system-text))}.hil-chat-bubble__text{margin:0;font-size:14px;line-height:1.4;white-space:pre-wrap}.hil-chat-bubble__timestamp{display:block;font-size:10px;opacity:.65;margin-top:2px}.hil-chat-bubble__status{display:block;font-size:11px;margin-top:4px;opacity:.85}.hil-chat-bubble__status--failed{display:flex;align-items:center;gap:6px}.hil-chat-bubble__retry{background:none;border:1px solid currentColor;border-radius:4px;font-size:11px;padding:1px 6px;cursor:pointer;color:inherit}.hil-chat-composer{border-top:1px solid var(--app-var-border, var(--hil-chat-border));padding:12px 20px;flex-shrink:0;display:flex;flex-direction:column;gap:8px}.hil-chat-composer__error{color:var(--hil-error-text, #ff6b6b);font-size:12px}.hil-chat-composer__input{min-height:40px}.hil-chat-preset-row{display:flex;gap:6px;flex-wrap:wrap}.hil-chat-preset-chip{background:var(--hil-action-neutral-bg, #374151);color:var(--hil-action-neutral-text, #e5e7eb);border:none;border-radius:99px;padding:4px 12px;font-size:12px;cursor:pointer}.hil-chat-preset-chip:disabled{opacity:.5;cursor:not-allowed}.af-form-renderer input:focus,.af-form-renderer select:focus,.af-form-renderer textarea:focus{border-color:#309b48!important;box-shadow:0 0 0 3px #309b4826}.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__header{width:100%;margin:0 0 16px;padding-bottom:10px;border-bottom:1px solid #d1d5db;font-weight:600;line-height:1.3;color:#111827}.control__header:is(h1){font-size:clamp(1.5rem,4vw,2rem)}.control__header:is(h2){font-size:clamp(1.25rem,3vw,1.5rem)}.control__header:is(h3){font-size:clamp(1.1rem,2.5vw,1.25rem)}.control__header:is(h4){font-size:clamp(1rem,2vw,1.125rem)}.control__header:is(h5){font-size:clamp(.9rem,1.8vw,1rem)}.control__header:is(h6){font-size:.875rem;font-weight:500;color:#6b7280;border-bottom:none}.dark .control__header{color:#f1f5f9;border-bottom-color:#ffffff1f}.dark .control__header:is(h6){color:#94a3b8}.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-article-control{margin:0 0 8px}.af-article-control__body h1,.af-article-control__body h2,.af-article-control__body h3,.af-article-control__body h4,.af-article-control__body h5,.af-article-control__body h6{margin:14px 0 4px;font-weight:600;color:inherit;line-height:1.3}.af-article-control__body h1{font-size:16px}.af-article-control__body h2{font-size:15px}.af-article-control__body h3{font-size:14px}.af-article-control__body h4,.af-article-control__body h5,.af-article-control__body h6{font-size:13px}.af-article-control__body p{margin:4px 0;font-size:13px;line-height:1.5}.af-article-control__body ul,.af-article-control__body ol{margin:4px 0;padding-left:20px}.af-article-control__body li{font-size:13px;line-height:1.6;margin:2px 0}.af-article-control__body code{font-family:Consolas,Courier New,monospace;font-size:12px;background:#ffffff12;border-radius:3px;padding:1px 4px}.af-article-control__body br{display:block;margin:6px 0;content:""}.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}.af-file-upload-view{display:flex;flex-direction:column;gap:8px}.af-file-upload-view__label{font-weight:700;font-size:15px;color:var(--af-text-primary, #333);margin-bottom:12px;display:block;opacity:1}.af-file-upload-view--dark .af-file-upload-view__label{color:#e0e0e0}.af-file-upload-view__empty{padding:12px 16px;background:var(--af-bg-secondary, #f5f5f5);border-radius:6px;color:var(--af-text-secondary, #999);font-size:14px;text-align:center}.af-file-upload-view--dark .af-file-upload-view__empty{background:#2a2a2a;color:#888}.af-file-upload-view__error{padding:12px 16px;background:#fee;border:1px solid #fcc;border-radius:6px;color:#c33;font-size:13px}.af-file-upload-view--dark .af-file-upload-view__error{background:#3a2020;border-color:#552020;color:#ff6b6b}.af-file-upload-view__files{display:flex;flex-direction:column;gap:8px}.af-file-upload-view__file-item{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:var(--af-bg-secondary, #f9f9f9);border:1px solid var(--af-border, #e0e0e0);border-radius:6px;transition:all .2s ease;gap:12px}.af-file-upload-view__file-item:hover{background:var(--af-bg-hover, #f0f0f0);border-color:var(--af-primary, #007bff);box-shadow:0 1px 4px #00000014}.af-file-upload-view--dark .af-file-upload-view__file-item{background:#1e1e1e;border-color:#444}.af-file-upload-view--dark .af-file-upload-view__file-item:hover{background:#2a2a2a;border-color:#0d6efd;box-shadow:0 1px 4px #0000004d}.af-file-upload-view__file-info{display:flex;align-items:flex-start;gap:12px;flex:1;min-width:0}.af-file-upload-view__file-icon{flex-shrink:0;margin-top:2px;display:flex;align-items:center;justify-content:center;width:24px;height:24px;color:var(--af-text-secondary, #999)}.af-file-upload-view__file-icon svg{width:20px;height:20px;stroke-width:2}.af-file-upload-view__file-details{display:flex;flex-direction:column;gap:4px;flex:1;min-width:0}.af-file-upload-view__file-name{font-weight:500;font-size:14px;color:var(--af-text-primary, #333);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;word-break:break-word}.af-file-upload-view--dark .af-file-upload-view__file-name{color:#e0e0e0}.af-file-upload-view__file-meta{font-size:12px;color:var(--af-text-secondary, #999)}.af-file-upload-view--dark .af-file-upload-view__file-meta{color:#888}.af-file-upload-view__action-buttons{flex-shrink:0;display:flex;gap:8px;align-items:center}.af-file-upload-view__action-btn{flex-shrink:0;padding:8px;background:transparent;border:1px solid var(--af-border, #e0e0e0);border-radius:4px;cursor:pointer;transition:all .2s ease;-webkit-user-select:none;user-select:none;display:flex;align-items:center;justify-content:center;width:36px;height:36px}.af-file-upload-view__action-btn svg{width:18px;height:18px;stroke-width:2}.af-file-upload-view__loading-spinner{font-size:16px}.af-file-upload-view__action-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 2px 8px #0000001a}.af-file-upload-view__action-btn:active:not(:disabled){transform:translateY(0)}.af-file-upload-view__action-btn:disabled{opacity:.6;cursor:not-allowed}.af-file-upload-view__action-btn--view{color:#64748b}.af-file-upload-view__action-btn--view:hover:not(:disabled){background:#f1f5f9;border-color:#64748b}.af-file-upload-view--dark .af-file-upload-view__action-btn--view{color:#94a3b8;border-color:#475569}.af-file-upload-view--dark .af-file-upload-view__action-btn--view:hover:not(:disabled){background:#1e293b;border-color:#94a3b8}.af-file-upload-view__action-btn--download{background:#22c55e;color:#fff;border-color:#22c55e;font-weight:600}.af-file-upload-view__action-btn--download:hover:not(:disabled){background:#16a34a;border-color:#16a34a;box-shadow:0 2px 8px #22c55e4d}.af-file-upload-view__action-btn--download:active:not(:disabled){box-shadow:0 1px 4px #22c55e4d}.af-file-upload-view--dark .af-file-upload-view__action-btn--download{background:#22c55e;border-color:#22c55e}.af-file-upload-view--dark .af-file-upload-view__action-btn--download:hover:not(:disabled){background:#16a34a;border-color:#16a34a;box-shadow:0 2px 8px #22c55e66}@media (max-width: 768px){.af-file-upload-view__file-item{flex-wrap:wrap;padding:10px 12px}.af-file-upload-view__file-info{width:100%;min-width:0}.af-file-upload-view__action-buttons{width:100%;justify-content:flex-start}}@media (max-width: 480px){.af-file-upload-view__file-item{flex-direction:column;align-items:stretch}.af-file-upload-view__file-info{width:100%}.af-file-upload-view__action-buttons{width:100%;justify-content:center;gap:12px;padding-top:8px}.af-file-upload-view__action-btn{flex:1;min-width:44px}.af-file-upload-view__file-name{max-width:100%}}.af-file-upload-view__download-btn:focus-visible{outline:2px solid var(--af-primary, #007bff);outline-offset:2px}.af-file-upload-view--dark .af-file-upload-view__download-btn:focus-visible{outline-color:#0d6efd}@media (prefers-contrast: more){.af-file-upload-view__file-item{border-width:2px}.af-file-upload-view__download-btn{border:1px solid currentColor}}@media (prefers-reduced-motion: reduce){.af-file-upload-view__file-item,.af-file-upload-view__download-btn{transition:none}.af-file-upload-view__download-btn:active:not(:disabled){transform:none}}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-row{display:flex;align-items:center;gap:4px;width:100%}.af-form-lookup-row .af-form-lookup{flex:1;min-width:0}.af-form-lookup__gear-btn{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:1px solid #d1d5db;border-radius:5px;background:#fff;color:#475569;cursor:pointer}.af-form-lookup__gear-btn:hover:not(:disabled){border-color:#6b7280;color:#1e293b}.af-form-lookup__gear-btn:disabled{opacity:.4;cursor:not-allowed}[data-theme=dark] .af-form-lookup__gear-btn{background:#ffffff0d;border-color:#ffffff1f;color:#94a3b8}[data-theme=dark] .af-form-lookup__gear-btn:hover:not(:disabled){border-color:#ffffff4d;color:#e2e8f0}.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__cancel-row{border-bottom:none;border-top:1px solid #f1f5f9}[data-theme=dark] .af-form-lookup__cancel-row{border-top-color:#ffffff0f}.af-form-lookup__cancel-switch{width:100%;padding:5px 8px;border:none;background:none;color:#6b7280;font-size:12px;cursor:pointer;text-align:center}.af-form-lookup__cancel-switch:hover{color:#1e293b}.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__load-more{display:block;width:100%;padding:7px 12px;border:none;border-top:1px solid #f1f5f9;background:none;color:#2563eb;font-size:12px;font-weight:600;cursor:pointer;text-align:center}.af-form-lookup__load-more:hover:not(:disabled){background:#f0f7ff}.af-form-lookup__load-more:disabled{color:#9ca3af;cursor:not-allowed}[data-theme=dark] .af-form-lookup__load-more{border-top-color:#ffffff0f;color:#60a5fa}[data-theme=dark] .af-form-lookup__load-more:hover:not(:disabled){background:#2563eb26}[data-theme=dark] .af-form-lookup__load-more:disabled{color:#ffffff4d}.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-form-lookup-two-mode{width:100%}.af-form-lookup-two-mode__resolved{border:1px solid #d1d5db;border-radius:6px;overflow:hidden}[data-theme=dark] .af-form-lookup-two-mode__resolved{border-color:#ffffff1f}.af-form-lookup-two-mode__header{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:7px 8px;background:#f9fafb;border-bottom:1px solid #e5e7eb}[data-theme=dark] .af-form-lookup-two-mode__header{background:#ffffff0a;border-bottom-color:#ffffff14}.af-form-lookup-two-mode__label{font-size:12px;font-weight:600;color:#1e293b;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}[data-theme=dark] .af-form-lookup-two-mode__label{color:#e2e8f0}.af-form-lookup-two-mode__buttons{display:flex;gap:4px;flex-shrink:0}.af-form-lookup-two-mode__btn{padding:3px 8px;font-size:11px;border:1px solid #d1d5db;border-radius:4px;background:#fff;color:#374151;cursor:pointer}.af-form-lookup-two-mode__btn:hover{border-color:#6b7280}.af-form-lookup-two-mode__btn--clear{color:#ef4444}.af-form-lookup-two-mode__btn--clear:hover{border-color:#ef4444;background:#ef44440f}[data-theme=dark] .af-form-lookup-two-mode__btn{background:#ffffff0d;border-color:#ffffff1f;color:#cbd5e1}[data-theme=dark] .af-form-lookup-two-mode__btn:hover{border-color:#ffffff4d}.af-form-lookup-two-mode__content{padding:0}.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:28px 24px;margin-bottom:28px}.af-form-renderer__fields>.af-control{min-width:0}.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%;margin:0 auto}.af-form-content-style-web-content{max-width:960px;width:100%;margin:0 auto}.af-form-content-style-dashboard,.af-form-content-style-data{max-width:100%;width:100%}.form-section{margin-bottom:28px}.form-section:last-child{margin-bottom:0}.form-section__header{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:14px;padding-bottom:8px;border-bottom:1px solid #e5e7eb}.form-section__title{margin:0;font-size:17px;font-weight:700;letter-spacing:-.01em;color:#0f172a}.form-section__description{margin:4px 0 0;font-size:12px;color:#6b7280;flex-basis:100%}.form-section__toggle{flex:0 0 auto;padding:4px 10px;border-radius:6px;border:1px solid #d1d5db;background:transparent;color:#374151;font-size:12px;font-weight:600;cursor:pointer}.form-section__toggle:hover{background:#f3f4f6}.form-section__controls .af-form-renderer__fields{margin-bottom:0}[data-af-theme=dark] .form-section__header{border-bottom-color:#ffffff1a}[data-af-theme=dark] .form-section__title{color:#f8fafc}[data-af-theme=dark] .form-section__description{color:#94a3b8}[data-af-theme=dark] .form-section__toggle{border-color:#ffffff26;color:#cbd5e1}[data-af-theme=dark] .form-section__toggle:hover{background:#ffffff0f}@media (prefers-color-scheme: dark){.form-section__header{border-bottom-color:#ffffff1a}.form-section__title{color:#f8fafc}.form-section__description{color:#94a3b8}.form-section__toggle{border-color:#ffffff26;color:#cbd5e1}.form-section__toggle:hover{background:#ffffff0f}}.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-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}}.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;min-width:0;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:#6b7280;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.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-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}.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-form-lookup-select-wrapper{display:flex;flex-direction:column;gap:8px}.af-form-lookup-select-label{font-size:13px;color:#6b7879;font-weight:500;display:flex;align-items:center;gap:4px}.af-form-lookup-select-label .required{color:#e74c3c;font-weight:600}.af-form-lookup-select-container{position:relative;display:flex;align-items:center;gap:4px}.af-form-lookup-select-button{flex:1;padding:10px 12px;background:#fff;border:1px solid #ddd;border-radius:4px;color:#333;font-size:13px;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:8px;transition:all .2s ease;text-align:left}.af-form-lookup-select-button:hover:not(:disabled){border-color:#309b48;background:#f9fafb}.af-form-lookup-select-button:focus{outline:none;border-color:#309b48;box-shadow:0 0 0 3px #309b481a}.af-form-lookup-select-button:disabled{opacity:.6;cursor:not-allowed;background:#f5f5f5}.af-form-lookup-select-button.open{border-color:#309b48;background:#f9fafb;box-shadow:0 0 0 3px #309b481a}.af-form-lookup-select-button.input-error{border-color:#e74c3c}.af-form-lookup-select-text{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:inherit}.af-form-lookup-select-icon{font-size:12px;color:#999;flex-shrink:0;transition:transform .2s ease}.af-form-lookup-select-button.open .af-form-lookup-select-icon{transform:rotate(180deg)}.af-form-lookup-clear-button{padding:8px 6px;background:transparent;border:1px solid #ddd;border-radius:4px;color:#999;font-size:12px;cursor:pointer;display:flex;align-items:center;justify-content:center;width:32px;height:40px;transition:all .2s ease;flex-shrink:0}.af-form-lookup-clear-button:hover{border-color:#e74c3c;color:#e74c3c;background:#e74c3c1a}.af-form-lookup-dropdown-menu{position:absolute;top:100%;left:0;right:0;margin-top:4px;background:#fff;border:1px solid #ddd;border-radius:4px;box-shadow:0 4px 12px #00000026;z-index:1000;max-height:400px;overflow-y:auto;min-width:250px}.af-form-lookup-search-input-wrapper{padding:8px;border-bottom:1px solid #eee;display:flex;align-items:center;gap:6px;position:sticky;top:0;background:#fff}.af-form-lookup-search-input{flex:1;padding:8px 12px;background:#f9fafb;border:1px solid #ddd;border-radius:4px;color:#333;font-size:13px;outline:none;transition:all .2s ease}.af-form-lookup-search-input:focus{border-color:#309b48;box-shadow:0 0 0 3px #309b481a}.af-form-lookup-search-input::placeholder{color:#999}.af-form-lookup-search-clear{padding:4px 8px;background:transparent;border:none;color:#999;font-size:12px;cursor:pointer;transition:color .2s ease}.af-form-lookup-search-clear:hover{color:#333}.af-form-lookup-menu-message{padding:16px 12px;text-align:center;color:#999;font-size:13px;display:flex;flex-direction:column;align-items:center;gap:8px}.af-form-lookup-menu-message.af-form-lookup-error{color:#e74c3c}.af-form-lookup-menu-options{max-height:320px;overflow-y:auto;display:flex;flex-direction:column}.af-form-lookup-menu-option{padding:12px;background:transparent;border:none;border-bottom:1px solid #eee;color:#333;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}.af-form-lookup-menu-option:hover{background:#309b4814;color:#309b48}.af-form-lookup-menu-option.selected{background:#309b4826;color:#309b48;font-weight:500}.af-form-lookup-menu-option:last-child{border-bottom:none}.af-form-lookup-option-info{flex:1;display:flex;flex-direction:column;gap:2px;overflow:hidden}.af-form-lookup-option-name{font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.af-form-lookup-option-code{font-size:11px;color:#999;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.af-form-lookup-menu-option:hover .af-form-lookup-option-code{color:#666}.af-form-lookup-option-checkmark{color:#309b48;font-weight:600;flex-shrink:0}.af-form-lookup-menu-more{padding:8px 12px;background:#f9fafb;border-top:1px solid #eee;text-align:center;color:#999;font-size:11px}.af-form-lookup-error-text{color:#e74c3c;font-size:12px;display:block;margin-top:4px}.af-form-lookup-dropdown-menu::-webkit-scrollbar{width:6px}.af-form-lookup-dropdown-menu::-webkit-scrollbar-track{background:transparent}.af-form-lookup-dropdown-menu::-webkit-scrollbar-thumb{background:#ddd;border-radius:3px}.af-form-lookup-dropdown-menu::-webkit-scrollbar-thumb:hover{background:#999}.dark .af-form-lookup-select-label,[data-theme=dark] .af-form-lookup-select-label{color:#94a3b8}.dark .af-form-lookup-select-button,[data-theme=dark] .af-form-lookup-select-button{background:#0f172acc;border-color:#334155;color:#e2e8f0}.dark .af-form-lookup-select-button:hover:not(:disabled),[data-theme=dark] .af-form-lookup-select-button:hover:not(:disabled){background:#1e293be6;border-color:#22c55e}.dark .af-form-lookup-select-button.open,[data-theme=dark] .af-form-lookup-select-button.open{background:#1e293be6;border-color:#22c55e;box-shadow:0 0 0 3px #22c55e1a}.dark .af-form-lookup-select-button:disabled,[data-theme=dark] .af-form-lookup-select-button:disabled{background:#0f172a66}.dark .af-form-lookup-select-icon,[data-theme=dark] .af-form-lookup-select-icon{color:#64748b}.dark .af-form-lookup-clear-button,[data-theme=dark] .af-form-lookup-clear-button{background:transparent;border-color:#334155;color:#64748b}.dark .af-form-lookup-clear-button:hover,[data-theme=dark] .af-form-lookup-clear-button:hover{border-color:#e74c3c;color:#e74c3c;background:#e74c3c1a}.dark .af-form-lookup-dropdown-menu,[data-theme=dark] .af-form-lookup-dropdown-menu{background:#1e293b;border-color:#334155;box-shadow:0 4px 12px #0006}.dark .af-form-lookup-search-input-wrapper,[data-theme=dark] .af-form-lookup-search-input-wrapper{background:#1e293b;border-bottom-color:#334155}.dark .af-form-lookup-search-input,[data-theme=dark] .af-form-lookup-search-input{background:#0f172acc;border-color:#334155;color:#e2e8f0}.dark .af-form-lookup-search-input:focus,[data-theme=dark] .af-form-lookup-search-input:focus{border-color:#22c55e;box-shadow:0 0 0 3px #22c55e1a}.dark .af-form-lookup-search-input::placeholder,[data-theme=dark] .af-form-lookup-search-input::placeholder{color:#475569}.dark .af-form-lookup-search-clear,[data-theme=dark] .af-form-lookup-search-clear{color:#475569}.dark .af-form-lookup-search-clear:hover,[data-theme=dark] .af-form-lookup-search-clear:hover{color:#e2e8f0}.dark .af-form-lookup-menu-message,[data-theme=dark] .af-form-lookup-menu-message{color:#64748b}.dark .af-form-lookup-menu-message.af-form-lookup-error,[data-theme=dark] .af-form-lookup-menu-message.af-form-lookup-error{color:#f87171}.dark .af-form-lookup-menu-option,[data-theme=dark] .af-form-lookup-menu-option{border-bottom-color:#1e293b;color:#e2e8f0}.dark .af-form-lookup-menu-option:hover,[data-theme=dark] .af-form-lookup-menu-option:hover{background:#22c55e1a;color:#22c55e}.dark .af-form-lookup-menu-option.selected,[data-theme=dark] .af-form-lookup-menu-option.selected{background:#22c55e26;color:#22c55e}.dark .af-form-lookup-option-code,[data-theme=dark] .af-form-lookup-option-code{color:#475569}.dark .af-form-lookup-menu-option:hover .af-form-lookup-option-code,[data-theme=dark] .af-form-lookup-menu-option:hover .af-form-lookup-option-code{color:#86efac}.dark .af-form-lookup-menu-more,[data-theme=dark] .af-form-lookup-menu-more{background:#0f172a;border-top-color:#334155;color:#475569}.dark .af-form-lookup-dropdown-menu::-webkit-scrollbar-thumb,[data-theme=dark] .af-form-lookup-dropdown-menu::-webkit-scrollbar-thumb{background:#334155}.dark .af-form-lookup-dropdown-menu::-webkit-scrollbar-thumb:hover,[data-theme=dark] .af-form-lookup-dropdown-menu::-webkit-scrollbar-thumb:hover{background:#475569}.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{display:flex;align-items:center;gap:5px;width:100%;background:none;border:none;border-bottom:1px solid #e5e7eb;padding:0 0 6px;margin:0;cursor:pointer;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#6b7280;text-align:left}.af-property-editor__section-title:hover{color:#374151}.af-property-editor__section-title--open{margin-bottom:10px}.af-property-editor__section-chevron{font-size:10px;line-height:1}.af-property-editor__section-body{display:contents}.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-property-editor__section-title:hover,[data-theme=dark] .af-property-editor__section-title:hover{color:#e2e8f0}.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:0rem;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}.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 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}.fe-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fe-fade-in .2s ease-out}@keyframes fe-fade-in{0%{opacity:0}to{opacity:1}}.fe-modal{background-color:#fff;border-radius:8px;box-shadow:0 10px 40px #0003;width:90%;max-width:1200px;max-height:90vh;display:flex;flex-direction:column;animation:fe-slide-up .3s ease-out}@media (prefers-color-scheme: dark){.fe-modal{background-color:#1f2937}}@keyframes fe-slide-up{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.fe-modal-header{padding:20px 24px;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;align-items:center;flex-shrink:0}@media (prefers-color-scheme: dark){.fe-modal-header{border-bottom-color:#374151}}.fe-modal-title{margin:0;font-size:18px;font-weight:600;color:#111827}@media (prefers-color-scheme: dark){.fe-modal-title{color:#f3f4f6}}.fe-modal-close{background:transparent;border:none;font-size:28px;cursor:pointer;color:#6b7280;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s}.fe-modal-close:hover:not(:disabled){background-color:#f3f4f6;color:#111827}@media (prefers-color-scheme: dark){.fe-modal-close{color:#9ca3af}.fe-modal-close:hover:not(:disabled){background-color:#374151;color:#f3f4f6}}.fe-modal-close:disabled{opacity:.5;cursor:not-allowed}.fe-modal-body{flex:1;overflow-y:auto;padding:24px;position:relative}.fe-modal-footer{padding:16px 24px;border-top:1px solid #e5e7eb;display:flex;justify-content:flex-end;gap:12px;flex-shrink:0}@media (prefers-color-scheme: dark){.fe-modal-footer{border-top-color:#374151}}.fe-embedded-editor{display:flex;flex-direction:column;gap:16px;width:100%;height:100%}.fe-inline-editor{display:flex;flex-direction:column;gap:16px;width:100%}.fe-inline-footer{display:flex;justify-content:flex-end;gap:12px;padding:16px 0;border-top:1px solid #e5e7eb}@media (prefers-color-scheme: dark){.fe-inline-footer{border-top-color:#374151}}.fe-btn{padding:10px 16px;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap;font-family:inherit}.fe-btn:disabled{opacity:.5;cursor:not-allowed}.fe-btn--primary{background-color:#2563eb;color:#fff;min-width:120px}.fe-btn--primary:hover:not(:disabled){background-color:#1d4ed8}.fe-btn--primary:active:not(:disabled){background-color:#1e40af}.fe-btn--secondary{background-color:#f3f4f6;color:#111827;border:1px solid #e5e7eb}.fe-btn--secondary:hover:not(:disabled){background-color:#e5e7eb}@media (prefers-color-scheme: dark){.fe-btn--secondary{background-color:#374151;color:#f3f4f6;border-color:#4b5563}.fe-btn--secondary:hover:not(:disabled){background-color:#4b5563}}.fe-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:#6b7280;text-align:center}@media (prefers-color-scheme: dark){.fe-loading{color:#9ca3af}}.fe-spinner{width:40px;height:40px;border:4px solid #e5e7eb;border-top-color:#2563eb;border-radius:50%;animation:fe-spin .8s linear infinite;margin-bottom:16px}@media (prefers-color-scheme: dark){.fe-spinner{border-color:#374151}}@keyframes fe-spin{to{transform:rotate(360deg)}}.fe-loading p{margin:0;font-size:14px}.fe-error-message{background-color:#fee2e2;color:#dc2626;padding:12px 16px;border-radius:6px;border:1px solid #fecaca;font-size:14px;line-height:1.5}@media (prefers-color-scheme: dark){.fe-error-message{background-color:#dc26261a;border-color:#ef44444d;color:#fecaca}}@media (max-width: 768px){.fe-modal{width:95%;max-height:95vh}.fe-modal-header{flex-wrap:wrap;gap:12px}.fe-modal-body{padding:16px}.fe-modal-footer,.fe-inline-footer{flex-direction:column-reverse}.fe-btn{flex:1}}.form-picker-group{position:relative}.fpc-wrapper{display:flex;gap:8px;align-items:center;position:relative}.fpc-search-container{flex:1;position:relative}.fpc-search-input{width:100%;padding:8px 36px;border:1px solid #334155;border-radius:6px;background-color:#1e293b;color:#f1f5f9;font-size:14px;font-family:inherit;transition:all .2s ease}.fpc-search-input:focus{outline:none;border-color:#10b981;background-color:#0f172a;box-shadow:0 0 0 3px #10b9811a}.fpc-search-input::placeholder{color:#64748b}.fpc-search-input:disabled{opacity:.6;cursor:not-allowed;background-color:#1e293b}.fpc-search-clear{position:absolute;right:8px;top:50%;transform:translateY(-50%);width:20px;height:20px;padding:0;border:none;background-color:transparent;color:#94a3b8;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:600;transition:all .2s ease;border-radius:4px}.fpc-search-clear:hover{color:#f1f5f9;background-color:#22c55e26}.fpc-search-clear:active{color:#22c55e;background-color:#22c55e33}.fpc-dropdown{position:absolute;top:100%;left:0;right:0;margin-top:4px;border:1px solid #334155;border-radius:6px;background-color:#1e293b;box-shadow:0 10px 30px #0000004d;z-index:1000;max-height:300px;overflow-y:auto;pointer-events:auto}.fpc-dropdown__item{padding:10px 12px;border-bottom:1px solid #334155;color:#cbd5e1;cursor:pointer;transition:all .2s ease;display:flex;gap:8px;align-items:center;white-space:nowrap}.fpc-dropdown__item:last-child{border-bottom:none}.fpc-dropdown__item:hover{background-color:#334155;color:#f1f5f9}.fpc-dropdown__item--selected{background-color:#10b981;color:#fff;font-weight:600;border-left:4px solid #059669;padding-left:8px}.fpc-dropdown__item-id{font-weight:600;color:inherit;flex-shrink:0}.fpc-dropdown__item-name{flex:1;overflow:hidden;text-overflow:ellipsis}.fpc-dropdown__state{padding:16px 12px;text-align:center;color:#94a3b8;font-size:13px}.fpc-field--disabled{opacity:.6;pointer-events:none}.fpc-btn-edit{width:36px;height:36px;padding:0;border:2px solid rgb(34,197,94);border-radius:6px;background-color:transparent;color:#22c55e;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;flex-shrink:0;font-weight:600}.fpc-btn-edit:hover:not(:disabled){background-color:#22c55e1a;border-color:#22c55e;color:#22c55e;box-shadow:0 4px 12px #22c55e33}.fpc-btn-edit:active:not(:disabled){background-color:#22c55e26;border-color:#22c55e}.fpc-btn-edit:disabled{opacity:.5;cursor:not-allowed}.fpc-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#000000b3;display:flex;align-items:center;justify-content:center;z-index:9998;animation:fpc-fade-in .2s ease-out;pointer-events:auto}@keyframes fpc-fade-in{0%{opacity:0}to{opacity:1}}.fpc-modal{background-color:#0f172a;border-radius:0;box-shadow:none;border:none;width:100vw;height:100vh;display:flex;flex-direction:column;animation:fpc-slide-up .3s ease-out;z-index:9999;pointer-events:auto}@keyframes fpc-slide-up{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.fpc-modal__header{padding:12px 16px;border-bottom:1px solid #1e293b;display:flex;justify-content:space-between;align-items:center;flex-shrink:0;background-color:#0f172a;position:relative;z-index:1;pointer-events:auto;gap:12px}.fpc-modal__header-content{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.fpc-modal__header-meta{display:flex;align-items:center;gap:12px;font-size:10px;font-weight:500;color:#94a3b8;text-transform:uppercase;letter-spacing:.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fpc-modal__form-id{white-space:nowrap;flex-shrink:0}.fpc-modal__form-name{color:#cbd5e1;text-transform:none;letter-spacing:normal;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fpc-modal__header-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.fpc-modal__title{margin:0;font-size:24px;font-weight:700;color:#f1f5f9;letter-spacing:-.5px}.fpc-modal__close{background:transparent;border:none;padding:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#64748b;border-radius:6px;transition:all .2s;flex-shrink:0}.fpc-modal__close:hover{background-color:#1e293b;color:#f1f5f9}.fpc-modal__close:active{background-color:#334155}.fpc-modal__body{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;background-color:#0f172a;display:flex;flex-direction:column;pointer-events:auto;z-index:9999;padding:0;margin:0;scrollbar-width:thin;scrollbar-color:transparent transparent}.fpc-modal__body::-webkit-scrollbar{width:6px}.fpc-modal__body::-webkit-scrollbar-track{background:transparent}.fpc-modal__body::-webkit-scrollbar-thumb{background:transparent;border-radius:3px}.fpc-modal__body:hover::-webkit-scrollbar-thumb{background:#334155}.fpc-modal__body .af-form-builder{display:flex;flex-direction:column;height:100%;width:100%;min-height:600px;margin:0;padding:0;pointer-events:auto}.fpc-modal__body .af-form-builder *{pointer-events:auto}.fpc-modal__body .af-form-builder{overflow:visible}.fpc-modal__body .af-form-builder__content{min-height:0;flex:1}.fpc-modal__loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:#94a3b8;text-align:center;gap:12px}.fpc-modal__loading p{margin:0;font-size:14px;color:#cbd5e1}.fpc-modal__error{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;padding:40px 20px;text-align:center;color:#ef4444}.fpc-modal__error p{margin:0 0 16px;font-size:14px;font-weight:500}.fpc-modal__error details{width:100%;max-width:600px;text-align:left;background-color:#1e293b;border:1px solid #334155;border-radius:6px;padding:12px;margin-top:16px}.fpc-modal__error summary{cursor:pointer;color:#cbd5e1;font-size:12px;font-weight:500}.fpc-modal__error pre{margin:8px 0 0;font-size:11px;color:#94a3b8;overflow-x:auto;background-color:#0f172a;padding:8px;border-radius:4px;border:1px solid #1e293b}.fpc-spinner{width:48px;height:48px;border:4px solid #1e293b;border-top-color:#10b981;border-radius:50%;animation:fpc-spin .8s linear infinite}@keyframes fpc-spin{to{transform:rotate(360deg)}}.fpc-btn{padding:8px 16px;border:none;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap;font-family:inherit;justify-content:center;display:flex;align-items:center}.fpc-btn-small{padding:6px 12px;font-size:12px;font-weight:500;min-width:auto}.fpc-btn:disabled{opacity:.5;cursor:not-allowed}.fpc-btn--primary{background-color:transparent;color:#10b981;border:2px solid #10b981;font-weight:600}.fpc-btn--primary:hover:not(:disabled){background-color:#10b9811a;border-color:#059669;color:#059669;box-shadow:0 4px 12px #10b98133}.fpc-btn--primary:active:not(:disabled){background-color:#10b98133;border-color:#047857;color:#047857}.fpc-btn--secondary{background-color:#1e293b;color:#e2e8f0;border:1px solid #334155}.fpc-btn--secondary:hover:not(:disabled){background-color:#334155;border-color:#475569}.fpc-btn--secondary:active:not(:disabled){background-color:#475569}@media (max-width: 768px){.fpc-modal{width:100vw;height:100vh}.fpc-modal__header{padding:10px 12px;flex-wrap:wrap}.fpc-modal__header-meta{font-size:9px}.fpc-btn-small{padding:5px 10px;font-size:11px}.fpc-wrapper{flex-wrap:wrap}.fpc-btn-edit{width:32px;height:32px}}.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:#309b4838;border-color:#309b4899;color:#6ee89a}.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-emoji{font-style:normal;line-height:1}.af-grid__btn-icon{display:inline-block;width:12px;height:12px;flex-shrink:0;background-color:currentColor;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-position:center;mask-position:center}.af-grid__btn-icon.icon-plus{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M6 1v10M1 6h10' stroke='black' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M6 1v10M1 6h10' stroke='black' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E")}.af-grid__btn-icon.icon-trash{width:15px;height:15px;-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' fill='none'%3E%3Cpath d='M2 3h8' stroke='black' stroke-width='1.2' stroke-linecap='round'/%3E%3Cpath d='M4.5 3V2h3v1' stroke='black' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M3 3.5l.5 6h5l.5-6' stroke='black' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' fill='none'%3E%3Cpath d='M2 3h8' stroke='black' stroke-width='1.2' stroke-linecap='round'/%3E%3Cpath d='M4.5 3V2h3v1' stroke='black' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M3 3.5l.5 6h5l.5-6' stroke='black' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}.af-grid__btn-icon.icon-edit{width:15px;height:15px;-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' fill='none'%3E%3Cpath d='M8.5 1.5l2 2-7 7H1.5v-2l7-7z' stroke='black' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' fill='none'%3E%3Cpath d='M8.5 1.5l2 2-7 7H1.5v-2l7-7z' stroke='black' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}.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::placeholder{color:#94a3b899;font-style:italic}.af-grid__cell-input--error,.af-grid__cell-select--error{border-color:#f87171}.af-grid__cell-toggle-wrapper{display:flex;align-items:center;gap:6px;cursor:pointer;width:100%}.af-grid__cell-toggle{cursor:pointer;width:14px;height:14px;flex-shrink:0;accent-color:#309b48}.af-grid__cell-toggle-hint{color:#94a3b899;font-style:italic;font-size:12px;pointer-events:none;-webkit-user-select:none;user-select:none}.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__cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px;padding:14px}.af-grid__cards--gallery{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.af-grid__cards-empty{padding:32px 16px;text-align:center;color:#475569;font-size:13px;font-style:italic}.af-grid__card{position:relative;display:flex;flex-direction:column;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:8px;overflow:hidden;transition:border-color .15s,background .15s}.af-grid__card:hover{border-color:#ffffff29;background:#ffffff0d}.af-grid__card--selected{border-color:#309b4899;background:#309b4814}.af-grid__card-select{position:absolute;top:8px;left:8px;z-index:2;display:flex;padding:4px;background:#0f121ca6;border-radius:5px;cursor:pointer}.af-grid__card-image{width:100%;aspect-ratio:16 / 9;background:#00000040;overflow:hidden;flex-shrink:0}.af-grid__cards--gallery .af-grid__card-image{aspect-ratio:4 / 3}.af-grid__card-image img{width:100%;height:100%;object-fit:cover;display:block}.af-grid__card-image--placeholder{background:repeating-linear-gradient(135deg,#ffffff08,#ffffff08 10px,#ffffff0f 10px,#ffffff0f 20px)}.af-grid__card-body{display:flex;flex-direction:column;gap:4px;padding:12px;flex:1}.af-grid__card-title{font-size:14px;font-weight:600;color:#e2e8f0;line-height:1.35}.af-grid__cards--gallery .af-grid__card-title{font-size:13px;font-weight:600}.af-grid__card-subtitle{font-size:12px;color:#94a3b8}.af-grid__card-description{font-size:12px;color:#cbd5e1;line-height:1.5;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;margin-top:2px}.af-grid__card-meta{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}.af-grid__card-meta-chip{display:inline-block;padding:2px 8px;border-radius:10px;font-size:11px;font-weight:600;background:#ffffff14;color:#94a3b8}.af-grid__card-actions{display:flex;flex-wrap:wrap;align-items:center;gap:6px;padding:10px 12px;border-top:1px solid rgba(255,255,255,.07);background:#ffffff05}.light .af-grid__cards-empty{color:#9ca3af}.light .af-grid__card{background:#fff;border-color:#e5e7eb}.light .af-grid__card:hover{border-color:#d1d5db;background:#f9fafb}.light .af-grid__card--selected{border-color:#309b4880;background:#309b480f}.light .af-grid__card-select{background:#ffffffd9;box-shadow:0 1px 3px #00000026}.light .af-grid__card-image{background:#f3f4f6}.light .af-grid__card-image--placeholder{background:repeating-linear-gradient(135deg,#f3f4f6,#f3f4f6 10px,#e5e7eb 10px,#e5e7eb 20px)}.light .af-grid__card-title{color:#111827}.light .af-grid__card-subtitle{color:#6b7280}.light .af-grid__card-description{color:#374151}.light .af-grid__card-meta-chip{background:#f1f5f9;color:#475569}.light .af-grid__card-actions{border-top-color:#e5e7eb;background:#f9fafb}.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__dialog--wide{max-width:1100px}.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;padding:20px 18px;display:flex;flex-direction:column;gap:14px}.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:#309b4826;border-color:#309b4859;color:#166534}.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:disabled{opacity:.45;cursor:not-allowed;filter:grayscale(.4)}.af-grid__link-btn:disabled:hover{background:inherit;border-color:inherit}.af-grid__link-text:disabled{opacity:.45;cursor:not-allowed;filter:grayscale(.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;background-color:currentColor;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain}.af-grid__link-icon.icon-edit{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' fill='none'%3E%3Cpath d='M8.5 1.5l2 2-7 7H1.5v-2l7-7z' stroke='black' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' fill='none'%3E%3Cpath d='M8.5 1.5l2 2-7 7H1.5v-2l7-7z' stroke='black' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}.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}.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,.flow-footer[data-theme=dark]{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-x:auto;overflow-y:hidden;white-space:nowrap;-webkit-overflow-scrolling:touch}.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 2px 24px}@media (max-width: 360px){.app-breadcrumbs{padding:0 6px;font-size:10px;height:20px}.breadcrumb-sep{margin:0 3px}.breadcrumb-link,.breadcrumb-current{font-size:10px}.app-main{padding:6px!important}}@media (min-width: 361px) and (max-width: 424px){.app-breadcrumbs{padding:0 10px;font-size:11px;height:22px}.app-main{padding:8px!important}}@media (min-width: 425px) and (max-width: 480px){.app-breadcrumbs{padding:0 12px;font-size:11px}.app-main{padding:10px!important}}@media (max-width: 768px){.app{padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}.app-header{padding-top:env(safe-area-inset-top)}.app-main{padding-bottom:env(safe-area-inset-bottom)}.app-breadcrumbs{scrollbar-width:thin}.app-breadcrumbs::-webkit-scrollbar{width:4px;height:4px}.app-breadcrumbs::-webkit-scrollbar-thumb{background:#3a8c4580;border-radius:2px}.app-breadcrumbs::-webkit-scrollbar-thumb:hover{background:#3a8c45cc}}@media (max-width: 768px){.app,.app-main,body{overflow-x:hidden!important;max-width:100vw!important}.app-main,main.app-main{margin-left:0!important;margin-right:0!important;width:100%!important;max-width:100vw!important;box-sizing:border-box!important}.app{width:100%!important;max-width:100vw!important;box-sizing:border-box!important}*{max-width:100vw!important;box-sizing:border-box!important}.app-main>*{max-width:100%!important;overflow-x:hidden!important}}@media (max-width: 768px){.app-nav,nav.app-nav,.app .app-nav,.app nav.app-nav,.app:not(.nav-collapsed) .app-nav,.app:not(.nav-collapsed) nav.app-nav,.app:not(.nav-collapsed) [class*=AppSidebar],.app:not(.nav-collapsed) [class*=sidebar]:not(.app-breadcrumbs){position:fixed!important;left:0!important;top:60px!important;bottom:0!important;right:auto!important;width:min(240px,70vw)!important;min-width:unset!important;max-width:240px!important;height:calc(100vh - 60px)!important;min-height:unset!important;max-height:calc(100vh - 60px)!important;overflow-y:auto!important;overflow-x:hidden!important;box-sizing:border-box!important;z-index:1000!important;box-shadow:4px 0 12px #00000080!important;animation:slideInLeft .3s ease!important}.app-main,main.app-main{position:relative!important;z-index:1!important}}@media (min-width: 1024px){.app:not(.nav-collapsed) .app-main{margin-left:240px!important}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInLeft{0%{transform:translate(-100%)}to{transform:translate(0)}}.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;padding-top:16px;padding-bottom:0;border-top:1px solid rgba(255,255,255,.1);flex-shrink:0}.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=dark] .form-select option{background-color:#1e293b;color:#f8fafc}[data-theme=dark] .form-select option:checked{background:linear-gradient(#3a8c45,#3a8c45) #3a8c45;color:#f8fafc}[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}[data-theme=dark] .form-select--primary,[data-theme=light] .form-select--primary{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#3a8c45;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 d='M1 1l5 5 5-5' stroke='%23ffffff' stroke-width='1.5' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;border:1px solid #2d7038;color:#fff;padding-right:36px}[data-theme=dark] .form-select--primary:hover:not(:disabled),[data-theme=light] .form-select--primary:hover:not(:disabled){background-color:#4aab57;border-color:#3a8c45}.form-select--primary:disabled{opacity:.6;cursor:not-allowed}[data-theme=dark] .form-select--primary option,[data-theme=light] .form-select--primary option{background-color:#1e293b;color:#f8fafc}@media (max-width: 767px){[data-theme=dark] .form-select--primary,[data-theme=light] .form-select--primary{width:100%;max-width:100%;box-sizing:border-box;text-overflow:ellipsis}}.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}.project-name{font-size:20px;font-weight:600;margin-bottom:8px;display:block;white-space:normal;word-break:break-word;overflow-wrap:anywhere;-webkit-hyphens:auto;hyphens:auto;width:100%;box-sizing:border-box;line-height:1.4}[data-theme=dark] .project-name{color:#f8fafc}[data-theme=light] .project-name{color:#111827}@media (max-width: 360px){.project-name{font-size:16px!important}}@media (min-width: 361px) and (max-width: 480px){.project-name{font-size:18px}}@media (prefers-reduced-motion: reduce){.project-name{transition:none}}.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--back{display:inline-flex;align-items:center;gap:6px;background:transparent;border:1px solid rgba(255,255,255,.1);color:#e5e7eb;padding:8px 16px;border-radius:6px;cursor:pointer;margin-bottom:16px;transition:border-color .2s}.ud-btn--back:hover{border-color:#3a8c4599}[data-theme=light] .ud-btn--back{border-color:#e5e7eb;color:#111827}[data-theme=light] .ud-btn--back:hover{border-color:#3a8c4580}.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;width:100%;min-width:0;box-sizing:border-box}.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}@media (max-width: 360px){.ud-card{padding:12px!important;gap:8px!important}.ud-card__description{font-size:12px!important;-webkit-line-clamp:2!important}.ud-card__badge{font-size:10px!important;padding:3px 8px!important}.ud-card__nav-label{font-size:10px!important;padding:2px 8px!important}.ud-btn--action,.ud-btn--danger{font-size:11px!important;padding:6px!important}.ud-card__actions{gap:4px!important;flex-wrap:wrap!important}.ud-btn--header-action{font-size:10px!important;padding:3px 10px!important}}@media (min-width: 361px) and (max-width: 480px){.ud-card{padding:16px}.ud-card__description{font-size:12px}.ud-btn--action,.ud-btn--danger{min-height:44px;min-width:44px;padding:8px 10px}}@media (max-width: 767px){.ud-card{cursor:pointer;-webkit-tap-highlight-color:rgba(58,140,69,.1)}.ud-btn--action,.ud-btn--danger,.ud-btn--header-action{min-height:44px;min-width:44px}.ud-card__nav-label{min-height:32px;padding:6px 12px}.ud-card:active{transform:scale(.98);transition:transform .1s}}@media (min-width: 768px) and (max-width: 1023px){.ud-card{padding:18px}}@media (min-width: 768px){.unified-dashboard__grid{grid-template-columns:repeat(2,1fr)!important}}@media (min-width: 1024px){.unified-dashboard__grid{grid-template-columns:repeat(3,1fr)!important}}.unified-dashboard__grid--narrow{grid-template-columns:1fr!important}@media (min-width: 1024px){.unified-dashboard__grid--narrow{grid-template-columns:repeat(3,1fr)!important}}@media (min-width: 768px) and (max-width: 1023px){.unified-dashboard__grid--narrow{grid-template-columns:repeat(2,1fr)!important}}@media (max-width: 767px){.unified-dashboard__grid--narrow{grid-template-columns:1fr!important}}.fop-docked{display:flex;flex-direction:column;width:100%;flex-shrink:0;max-height:100%;min-height:0;overflow:visible;box-sizing:border-box;background:#111827;border-top:1px solid rgba(255,255,255,.08);color:#d1d5db;position:relative;z-index:1100;--fop-bg-primary: #0f172a;--fop-text-primary: #d1d5db;--fop-text-secondary: #9ca3af;--fop-text-tertiary: #6b7280}.fop-docked .fop-content{overflow:hidden}[data-theme=light] .fop-docked{background:#f8fafc;border-top:1px solid #e2e8f0;color:#374151;--fop-bg-primary: #f8fafc;--fop-text-primary: #1f2937;--fop-text-secondary: #4b5563;--fop-text-tertiary: #6b7280}.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:inline;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;position:relative;z-index:1100}[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;--fop-bg-primary: #0f172a;--fop-text-primary: #d1d5db;--fop-text-secondary: #9ca3af;--fop-text-tertiary: #6b7280}[data-theme=light] .fop-fullscreen{background:#f8fafc;color:#374151;--fop-bg-primary: #f8fafc;--fop-text-primary: #1f2937;--fop-text-secondary: #4b5563;--fop-text-tertiary: #6b7280}.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;overflow:visible;position:relative}.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;overflow:visible}.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);pointer-events:auto;visibility:visible}.fop-docked .fop-tabbar{overflow:visible!important}.fop-docked .fop-dropdown,.fop-docked .fop-overflow-menu{top:calc(100% + 2px);bottom:auto}.fop-collapsed .fop-tabbar{overflow:visible!important}.fop-collapsed .fop-dropdown,.fop-collapsed .fop-overflow-menu{top:auto;bottom:calc(100% + 2px)}.fop-fullscreen .fop-tabbar{overflow:visible!important}.fop-fullscreen .fop-dropdown,.fop-fullscreen .fop-overflow-menu{top:calc(100% + 2px);bottom:auto}.fop-floating .fop-tabbar{overflow:visible!important}.fop-floating .fop-dropdown,.fop-floating .fop-overflow-menu{top:calc(100% + 2px);bottom:auto;z-index:10001}[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;min-height:0;overflow:auto;position:relative;background:#111827;color:#d1d5db}[data-theme=light] .fop-content{background:#f8fafc;color:#374151}.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;background:var(--fop-bg-primary)}.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;width:26px;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;width:90px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fop-log-stage{color:#a78bfa;flex-shrink:0;font-size:10px;width:80px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:500}.fop-log-substage{color:#6b7280;flex-shrink:0;font-size:10px;width:44px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fop-log-message{flex:1;min-width:0;font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}[data-theme=light] .fop-log-stage{color:#7c3aed}[data-theme=light] .fop-log-substage{color:#9ca3af}.fop-log-header-row{display:flex;align-items:center;padding:4px 8px;border-bottom:1px solid rgba(255,255,255,.08);font-size:10px;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.02em;-webkit-user-select:none;user-select:none}.fop-log-header-cell{position:relative;flex-shrink:0;padding-right:6px;box-sizing:border-box;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.fop-log-header-cell--flex{flex:1;min-width:0}.fop-log-header-cell__resize{position:absolute;top:0;right:0;bottom:0;width:6px;cursor:col-resize;transform:translate(3px)}.fop-log-header-cell__resize:hover{background:#4ade8066}.fop-log-cell{flex-shrink:0;box-sizing:border-box;padding-right:6px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:11px;color:#d1d5db}.fop-log-icons{display:flex;align-items:center;gap:2px;overflow:visible}[data-theme=light] .fop-log-header-row{border-color:#e2e8f0;color:#94a3b8}[data-theme=light] .fop-log-cell{color:#374151}.fop-logs-toolbar__spacer{flex:1}.fop-logs-count-group{display:flex;align-items:center;gap:8px}.fop-logs-count{font-size:11px;opacity:.6}.fop-logs-copy-all{padding:2px 8px;font-size:11px;font-weight:500;background:#3b82f633;border:1px solid rgba(59,130,246,.5);color:#3b82f6;border-radius:3px;cursor:pointer;transition:all .15s}.fop-logs-copy-all:hover{background:#3b82f64d;border-color:#3b82f6cc}.fop-logs-copy-all:active{transform:scale(.95)}[data-theme=light] .fop-logs-copy-all{background:#2563eb1a;border-color:#2563eb4d;color:#2563eb}[data-theme=light] .fop-logs-copy-all:hover{background:#2563eb26;border-color:#2563eb80}.fop-logs-split{display:flex;flex:1;min-height:0;overflow:hidden}.fop-logs-split__list{flex:0 0 20%;min-width:0;display:flex;flex-direction:column;overflow:hidden;border-right:1px solid rgba(255,255,255,.08)}[data-theme=light] .fop-logs-split__list{border-right:1px solid #e2e8f0}.fop-logs-split__detail{flex:1;min-width:0;overflow-y:auto}.fop-log-entry--clickable{cursor:pointer;border:none;text-align:left;transition:background .1s,box-shadow .1s;box-sizing:border-box;overflow:hidden}.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:0 5px;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:0 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}}.fop-exec-status{display:flex;flex-direction:column;gap:16px;padding:16px;overflow-y:auto;height:100%}.fop-status-header{display:flex;flex-direction:column;gap:12px;padding-bottom:12px;border-bottom:1px solid rgba(255,255,255,.1)}.fop-state-badge{display:inline-block;padding:8px 16px;border-radius:6px;font-weight:600;font-size:13px;letter-spacing:.5px;text-align:center;width:fit-content}.fop-state-badge--idle{background:#6b728033;color:#d1d5db}.fop-state-badge--running{background:#3b82f633;color:#60a5fa;animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.fop-state-badge--completed{background:#10b98133;color:#6ee7b7}.fop-state-badge--failed{background:#ef444433;color:#fca5a5}.fop-state-badge--cancelled{background:#f59e0b33;color:#fbbf24}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.fop-current-node{display:flex;gap:8px;align-items:center}.fop-label{font-size:12px;font-weight:600;color:#9ca3af;text-transform:uppercase;letter-spacing:.5px}.fop-value{font-size:13px;color:#d1d5db;word-break:break-word}.fop-section{display:flex;flex-direction:column;gap:12px}.fop-section-title{font-size:12px;font-weight:700;color:#f3f4f6;text-transform:uppercase;letter-spacing:.5px;margin:0;padding:0 0 8px;border-bottom:2px solid rgba(59,130,246,.3)}.fop-section-title--error{border-bottom-color:#ef44444d;color:#fca5a5}.fop-progress-container{display:flex;align-items:center;gap:12px}.fop-progress-bar{flex:1;height:12px;background:#ffffff1a;border-radius:6px;overflow:hidden;border:1px solid rgba(255,255,255,.05)}.fop-progress-fill{height:100%;background:linear-gradient(90deg,#3b82f6,#60a5fa);border-radius:6px;transition:width .3s ease;box-shadow:0 0 12px #3b82f680}.fop-progress-text{font-size:13px;font-weight:600;color:#60a5fa;min-width:35px;text-align:right}.fop-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:12px}.fop-stat-card{background:linear-gradient(135deg,#1f293780,#11182780);border:1px solid rgba(255,255,255,.08);border-radius:8px;padding:12px;text-align:center;transition:all .3s ease}.fop-stat-card:hover{border-color:#3b82f633;background:linear-gradient(135deg,#1f2937b3,#111827b3);box-shadow:0 4px 12px #3b82f61a}.fop-stat-label{font-size:11px;font-weight:600;color:#9ca3af;text-transform:uppercase;letter-spacing:.5px;display:block;margin-bottom:6px}.fop-stat-value{font-size:18px;font-weight:700;color:#f3f4f6;font-family:Monaco,Menlo,monospace}.fop-stat-value--primary{color:#60a5fa}.fop-stat-value--success{color:#6ee7b7}.fop-stat-value--error{color:#fca5a5}.fop-stat-value--warn{color:#fbbf24}.fop-timing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:12px}.fop-timing-row{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;background:#1f29374d;border-radius:6px;border:1px solid rgba(255,255,255,.05)}.fop-timing-row .fop-label{margin:0}.fop-timing-row .fop-value{font-family:Monaco,Menlo,monospace;font-size:12px}.fop-error-section{border:1px solid rgba(239,68,68,.3);border-radius:8px;padding:12px;background:linear-gradient(135deg,#7f1d1d1a,#991b1b0d)}.fop-error-message{color:#fca5a5;font-size:13px;line-height:1.5;word-break:break-word}.fop-empty{display:flex;align-items:center;justify-content:center;height:100%;color:#9ca3af;font-size:14px}[data-theme=light] .fop-stat-card{background:linear-gradient(135deg,#f3f4f680,#f0f1f380);border-color:#e5e7eb}[data-theme=light] .fop-stat-card:hover{border-color:#2563eb33;background:linear-gradient(135deg,#f3f4f6b3,#f0f1f3b3)}[data-theme=light] .fop-stat-value{color:#1f2937}[data-theme=light] .fop-timing-row{background:#f3f4f64d;border-color:#e5e7eb}[data-theme=light] .fop-status-header{border-bottom:1px solid #e5e7eb}[data-theme=light] .fop-section-title{color:#1f2937;border-bottom-color:#2563eb33}[data-theme=light] .fop-section-title--error{color:#dc2626;border-bottom-color:#ef444433}[data-theme=light] .fop-progress-text{color:#2563eb}[data-theme=light] .fop-error-message{color:#dc2626}[data-theme=light] .fop-label{color:#6b7280}[data-theme=light] .fop-value{color:#374151}.wjf-props{display:flex;flex-direction:column}.wjf-prop{display:flex;align-items:baseline;gap:12px;padding:4px 12px;border-bottom:1px solid rgba(255,255,255,.03);font-family:var(--fop-font-sans, system-ui, -apple-system, sans-serif)}.wjf-prop:last-child{border-bottom:none}.wjf-prop:hover{background:#ffffff05}[data-theme=light] .wjf-prop:hover{background:#f9fafb}[data-theme=light] .wjf-prop{border-bottom-color:#f1f5f9}.wjf-prop__label{width:108px;flex-shrink:0;font-size:11px;font-weight:500;color:#6b7280}[data-theme=light] .wjf-prop__label{color:#9ca3af}.wjf-prop__value{flex:1;min-width:0;font-size:11px;color:#e2e8f0;word-break:break-word}[data-theme=light] .wjf-prop__value{color:#1f2937}.wjf-panel{border-top:1px solid rgba(255,255,255,.04)}.wjf-panel:first-child{border-top:none}[data-theme=light] .wjf-panel{border-top-color:#f1f5f9}.wjf-panel__hdr{display:flex;align-items:center;gap:6px;width:100%;text-align:left;border:none;background:#ffffff06;cursor:pointer;padding:5px 12px;color:#9ca3af;font-size:11px;font-family:var(--fop-font-sans, system-ui, sans-serif);transition:background .1s}.wjf-panel__hdr:hover{background:#ffffff0b}[data-theme=light] .wjf-panel__hdr{background:#f9fafb;color:#6b7280}[data-theme=light] .wjf-panel__hdr:hover{background:#f1f5f9}.wjf-panel__arrow{font-size:9px;color:#6b7280;width:10px;flex-shrink:0;line-height:1}.wjf-panel__name{font-size:11px;font-weight:600;color:#d1d5db;font-family:var(--fop-font-sans, system-ui, sans-serif)}.wjf-panel__count{font-size:10px;color:#6b7280;margin-left:auto;font-style:italic}[data-theme=light] .wjf-panel__name{color:#374151}.wjf-panel__body{border-left:2px solid rgba(255,255,255,.07);margin-left:18px}[data-theme=light] .wjf-panel__body{border-left-color:#e2e8f0}.wjf-str{color:#e2e8f0}.wjf-num{color:#7dd3fc}.wjf-bool{color:#86efac}.wjf-null{color:#6b7280;font-style:italic}[data-theme=light] .wjf-str{color:#374151}[data-theme=light] .wjf-num{color:#0369a1}[data-theme=light] .wjf-bool{color:#059669}[data-theme=light] .wjf-null{color:#9ca3af}.detail-pane{display:flex;flex-direction:column;height:100%;background:#1a1f2e;color:#d1d5db;border:1px solid rgba(255,255,255,.08);border-radius:4px;overflow:hidden}[data-theme=light] .detail-pane{background:#f8fafc;color:#1f2937;border-color:#e2e8f0}.detail-pane--empty{display:flex;align-items:center;justify-content:center;color:#64748b}[data-theme=light] .detail-pane--empty{color:#9ca3af}.detail-pane__header{display:flex;justify-content:space-between;align-items:center;padding:6px 12px;border-bottom:1px solid rgba(255,255,255,.08);background:#0f172a}[data-theme=light] .detail-pane__header{background:#f1f5f9;border-bottom-color:#e2e8f0}.detail-pane__title{font-weight:600;font-size:12px;color:#e5e7eb}[data-theme=light] .detail-pane__title{color:#1f2937}.detail-pane__controls{display:flex;gap:12px;align-items:center}.detail-pane__view-toggle{display:flex;gap:4px;background:transparent;border:1px solid rgba(255,255,255,.12);border-radius:4px;padding:2px}[data-theme=light] .detail-pane__view-toggle{border-color:#d1d5db}.detail-pane__view-btn{padding:3px 8px;background:transparent;border:none;cursor:pointer;font-size:11px;color:#64748b;border-radius:3px;transition:all .15s}[data-theme=light] .detail-pane__view-btn{color:#64748b}.detail-pane__view-btn:hover{color:#e5e7eb}[data-theme=light] .detail-pane__view-btn:hover{color:#1f2937}.detail-pane__view-btn.active{background:#3a8c45;color:#fff}.detail-pane__close{width:20px;height:20px;padding:0;background:transparent;border:none;cursor:pointer;font-size:18px;color:#64748b;display:flex;align-items:center;justify-content:center;transition:color .15s}[data-theme=light] .detail-pane__close{color:#9ca3af}.detail-pane__close:hover{color:#e5e7eb}[data-theme=light] .detail-pane__close:hover{color:#1f2937}.detail-pane__content{flex:1;overflow-y:auto;padding:8px;background:#1a1f2e}[data-theme=light] .detail-pane__content{background:#f8fafc}.detail-pane__formatted{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:8px}@media (max-width: 768px){.detail-pane__formatted{grid-template-columns:1fr}}.detail-pane__box{background:#0f172a;border:1px solid rgba(255,255,255,.08);border-radius:4px;padding:8px}[data-theme=light] .detail-pane__box{background:#f1f5f9;border-color:#e2e8f0}.detail-pane__box-title{font-weight:600;font-size:11px;margin-bottom:8px;color:#e5e7eb;padding-bottom:6px;border-bottom:1px solid rgba(255,255,255,.08)}[data-theme=light] .detail-pane__box-title{color:#1f2937;border-bottom-color:#e2e8f0}.detail-pane__box-title--error{color:#d32f2f;border-bottom-color:#ffcdd2}.detail-pane__property{display:flex;justify-content:space-between;align-items:center;padding:4px 0;border-bottom:1px solid rgba(255,255,255,.04);font-size:12px}[data-theme=light] .detail-pane__property{border-bottom-color:#e5e7eb}.detail-pane__property:last-child{border-bottom:none}.detail-pane__label{font-weight:500;color:#9ca3af;flex:0 0 40%}[data-theme=light] .detail-pane__label{color:#6b7280}.detail-pane__label--error{color:#d32f2f}.detail-pane__label--warn{color:#f57c00}.detail-pane__value{color:#d1d5db;flex:1;text-align:right;word-break:break-word;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}[data-theme=light] .detail-pane__value{color:#1f2937}.detail-pane__value--error{color:#d32f2f}.detail-pane__value--warn{color:#f57c00;font-weight:600}.detail-pane__badge{display:inline-flex;align-items:center;justify-content:center;padding:2px 8px;border-radius:3px;font-size:11px;font-weight:600;letter-spacing:.5px}.detail-pane__badge--running{background:#3b82f633;color:#60a5fa}.detail-pane__badge--completed{background:#10b98133;color:#6ee7b7}.detail-pane__badge--failed{background:#ef444433;color:#fca5a5}.detail-pane__badge--cancelled,.detail-pane__badge--warn{background:#f59e0b33;color:#fbbf24}[data-theme=light] .detail-pane__badge--running{background:#e3f2fd;color:#1976d2}[data-theme=light] .detail-pane__badge--completed{background:#e8f5e9;color:#388e3c}[data-theme=light] .detail-pane__badge--failed{background:#ffebee;color:#d32f2f}[data-theme=light] .detail-pane__badge--cancelled,[data-theme=light] .detail-pane__badge--warn{background:#fff3e0;color:#f57c00}.detail-pane__json-container{display:flex;flex-direction:column;gap:4px;height:100%}.detail-pane__json-header{display:flex;justify-content:flex-end}.detail-pane__json-copy{padding:3px 8px;background:#3a8c45;color:#fff;border:none;border-radius:3px;cursor:pointer;font-size:11px;font-weight:600;transition:background .2s}.detail-pane__json-copy:hover{background:#4aab57}.detail-pane__json{flex:1;background:#0000004d;border:1px solid rgba(255,255,255,.08);border-radius:4px;padding:8px;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:11px;overflow:auto;color:#d1d5db}[data-theme=light] .detail-pane__json{background:#f1f5f9;border-color:#e2e8f0;color:#1f2937}.detail-pane__empty-state{text-align:center;font-size:14px;color:#64748b}[data-theme=light] .detail-pane__empty-state{color:#9ca3af}.fop-msdd{position:relative;display:inline-block}.fop-msdd__trigger{display:flex;align-items:center;gap:6px;padding:5px 9px;border-radius:4px;border:1px solid rgba(255,255,255,.08);background:#1f2937;color:#d1d5db;font-size:12px;cursor:pointer;white-space:nowrap}.fop-msdd__trigger:hover{border-color:#4ade8066}.fop-msdd__trigger--active{border-color:#4ade80;color:#4ade80}.fop-msdd__caret{font-size:9px;color:#6b7280}.fop-msdd__popover{position:absolute;top:100%;left:0;margin-top:4px;min-width:200px;max-height:260px;display:flex;flex-direction:column;background:#111827;border:1px solid rgba(255,255,255,.08);border-radius:6px;box-shadow:0 8px 16px #0006;z-index:1000}.fop-msdd__actions{display:flex;gap:6px;padding:6px 8px;border-bottom:1px solid rgba(255,255,255,.08)}.fop-msdd__actions button{flex:1;padding:4px 6px;font-size:11px;border-radius:3px;border:1px solid rgba(255,255,255,.08);background:transparent;color:#9ca3af;cursor:pointer}.fop-msdd__actions button:hover:not(:disabled){color:#4ade80;border-color:#4ade80}.fop-msdd__actions button:disabled{opacity:.4;cursor:not-allowed}.fop-msdd__options{overflow-y:auto;padding:4px}.fop-msdd__empty{padding:10px;font-size:11px;color:#6b7280;text-align:center}.fop-msdd__option{display:flex;align-items:center;gap:6px;padding:4px 6px;font-size:12px;color:#d1d5db;border-radius:3px;cursor:pointer}.fop-msdd__option:hover{background:#4ade8014}.fop-msdd__option input{cursor:pointer}[data-theme=light] .fop-msdd__trigger{background:#f9fafb;color:#374151;border-color:#e2e8f0}[data-theme=light] .fop-msdd__trigger:hover{border-color:#3a8c45}[data-theme=light] .fop-msdd__trigger--active{border-color:#3a8c45;color:#3a8c45}[data-theme=light] .fop-msdd__popover{background:#fff;border-color:#e2e8f0;box-shadow:0 8px 16px #0000001f}[data-theme=light] .fop-msdd__actions{border-color:#e2e8f0}[data-theme=light] .fop-msdd__actions button{color:#64748b;border-color:#e2e8f0}[data-theme=light] .fop-msdd__actions button:hover:not(:disabled){color:#3a8c45;border-color:#3a8c45}[data-theme=light] .fop-msdd__option{color:#374151}[data-theme=light] .fop-msdd__option:hover{background:#3a8c4514}.fop-filterbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:6px 12px;border-bottom:1px solid rgba(255,255,255,.08)}.fop-filterbar__execute{padding:6px 14px;border-radius:4px;border:1px solid #4ade80;background:#4ade801f;color:#4ade80;font-size:12px;font-weight:600;cursor:pointer}.fop-filterbar__execute:hover{background:#4ade8033}.fop-filterbar__reset{padding:6px 10px;border-radius:4px;border:1px solid rgba(255,255,255,.08);background:transparent;color:#9ca3af;font-size:12px;cursor:pointer}.fop-filterbar__reset:hover:not(:disabled){color:#ef4444;border-color:#ef4444}.fop-filterbar__reset:disabled{opacity:.4;cursor:not-allowed}.fop-filterbar__badge{font-size:11px;color:#4ade80}[data-theme=light] .fop-filterbar{border-color:#e2e8f0}[data-theme=light] .fop-filterbar__execute{border-color:#3a8c45;background:#3a8c451a;color:#3a8c45}[data-theme=light] .fop-filterbar__execute:hover{background:#3a8c452e}[data-theme=light] .fop-filterbar__reset{color:#64748b;border-color:#e2e8f0}[data-theme=light] .fop-filterbar__badge{color:#3a8c45}.fop-dashboard{display:flex;flex-direction:column;height:100%;background:transparent;color:var(--color-text-primary, #d1d5db);overflow-y:auto;padding:16px;gap:20px}.fop-dashboard__metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px}.fop-dashboard__metric-card{background:linear-gradient(135deg,#1f2937,#111827);border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:16px;box-shadow:0 4px 6px #0000004d;transition:all .3s ease}.fop-dashboard__metric-card:hover{border-color:#3b82f64d;box-shadow:0 8px 16px #3b82f633;transform:translateY(-2px)}.fop-dashboard__metric-label{font-size:11px;font-weight:600;color:#9ca3af;text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px;display:block}.fop-dashboard__metric-value{font-size:24px;font-weight:700;color:#f3f4f6;font-family:Monaco,Menlo,monospace}.fop-dashboard__metric-value--idle{color:#9ca3af}.fop-dashboard__metric-value--running{color:#60a5fa}.fop-dashboard__metric-value--completed{color:#34d399}.fop-dashboard__metric-value--failed{color:#f87171}.fop-dashboard__charts{display:grid;grid-template-columns:repeat(auto-fit,minmax(500px,1fr));gap:16px;flex:1}@media (max-width: 1200px){.fop-dashboard__charts{grid-template-columns:repeat(auto-fit,minmax(400px,1fr))}}@media (max-width: 768px){.fop-dashboard__charts{grid-template-columns:1fr}.fop-dashboard__metrics{grid-template-columns:repeat(2,1fr)}}.fop-dashboard__chart-container{background:linear-gradient(135deg,#1f293780,#11182780);border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:16px;box-shadow:0 4px 12px #0003;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease}.fop-dashboard__chart-container:hover{border-color:#3b82f633;background:linear-gradient(135deg,#1f2937b3,#111827b3);box-shadow:0 8px 20px #3b82f626}.fop-dashboard__chart-container--full{grid-column:1 / -1}.fop-dashboard__chart-title{font-size:14px;font-weight:600;color:#f3f4f6;margin-bottom:12px;padding-bottom:8px;border-bottom:2px solid rgba(59,130,246,.3)}.fop-dashboard svg text{font-family:Monaco,Menlo,Ubuntu Mono,monospace}.recharts-surface{background:transparent!important}.recharts-cartesian-axis-tick text{fill:#9ca3af;font-size:12px}.recharts-cartesian-axis-line{stroke:#ffffff1a}.recharts-legend-wrapper text{color:#d1d5db!important;fill:#d1d5db!important}.recharts-tooltip-wrapper{outline:none}.recharts-default-tooltip{background:#111827f2!important;border:1px solid rgba(255,255,255,.1)!important;border-radius:6px;box-shadow:0 4px 12px #0006}.recharts-tooltip-label{color:#d1d5db!important;font-weight:600}.recharts-tooltip-item{color:#d1d5db!important}.fop-loading{display:flex;align-items:center;justify-content:center;height:100%;color:#9ca3af;font-size:14px;font-weight:500}.fop-error{display:flex;align-items:center;justify-content:space-between;background:linear-gradient(135deg,#7f1d1d33,#991b1b1a);color:#fca5a5;padding:12px 16px;border-radius:6px;border:1px solid rgba(239,68,68,.3);gap:12px;font-size:13px}.fop-error__retry{padding:6px 12px;background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:12px;font-weight:600;transition:all .2s;white-space:nowrap}.fop-error__retry:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);transform:translateY(-1px)}[data-theme=light] .fop-dashboard__metric-card{background:linear-gradient(135deg,#f3f4f6,#f0f1f3);border-color:#e5e7eb}[data-theme=light] .fop-dashboard__metric-card:hover{border-color:#2563eb4d;box-shadow:0 8px 16px #2563eb26}[data-theme=light] .fop-dashboard__metric-label{color:#6b7280}[data-theme=light] .fop-dashboard__metric-value{color:#1f2937}[data-theme=light] .fop-dashboard__chart-container{background:linear-gradient(135deg,#f3f4f6b3,#f0f1f3b3);border-color:#e5e7eb}[data-theme=light] .fop-dashboard__chart-container:hover{border-color:#2563eb33;background:linear-gradient(135deg,#f3f4f6e6,#f0f1f3e6)}[data-theme=light] .fop-dashboard__chart-title{color:#1f2937;border-bottom-color:#2563eb33}[data-theme=light] .recharts-cartesian-axis-tick text{fill:#6b7280}[data-theme=light] .recharts-legend-wrapper text{color:#374151!important;fill:#374151!important}[data-theme=light] .recharts-cartesian-axis-line{stroke:#0000001a}[data-theme=light] .recharts-default-tooltip{background:#fffffffa!important;border:1px solid #e2e8f0!important}[data-theme=light] .recharts-tooltip-label{color:#1f2937!important}[data-theme=light] .recharts-tooltip-item{color:#374151!important}.fop-fullscreen-panel{display:flex;flex-direction:column;height:100%;min-height:0}.fop-fullscreen-panel__header{display:flex;align-items:center;padding:4px 8px;flex-shrink:0}.fop-fullscreen-panel__title{font-size:12px;font-weight:600;color:#9ca3af}.fop-fullscreen-panel__spacer{flex:1}.fop-fullscreen-panel__toggle{background:none;border:none;color:#9ca3af;cursor:pointer;font-size:15px;padding:2px 6px}.fop-fullscreen-panel__toggle:hover{color:#4ade80}.fop-fullscreen-panel__body{flex:1;min-height:0;overflow:auto}[data-theme=light] .fop-fullscreen-panel__title,[data-theme=light] .fop-fullscreen-panel__toggle{color:#64748b}[data-theme=light] .fop-fullscreen-panel__toggle:hover{color:#3a8c45}.fop-node-detail{display:flex;flex-direction:column;height:100%;min-height:0}.fop-node-detail__tabs{display:flex;align-items:center;gap:2px;padding:4px 8px 0;border-bottom:1px solid rgba(255,255,255,.08);flex-shrink:0;flex-wrap:wrap}.fop-node-detail__tab{padding:6px 10px;border:none;border-bottom:2px solid transparent;background:transparent;color:#9ca3af;font-size:12px;cursor:pointer;white-space:nowrap}.fop-node-detail__tab:hover{color:#d1d5db}.fop-node-detail__tab--active{color:#4ade80;border-bottom-color:#4ade80;font-weight:600}.fop-node-detail__content{flex:1;min-height:0;overflow:auto;padding:8px 12px}.fop-node-detail__side-by-side{display:flex;gap:16px}.fop-node-detail__side-by-side>div{flex:1;min-width:0}.fop-node-detail__all{display:flex;gap:16px}.fop-node-detail__all>div{flex:1;min-width:0}.fop-node-detail__pane-title{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.02em;color:#6b7280;margin-bottom:6px}[data-theme=light] .fop-node-detail__tabs{border-color:#e2e8f0}[data-theme=light] .fop-node-detail__tab{color:#64748b}[data-theme=light] .fop-node-detail__tab:hover{color:#374151}[data-theme=light] .fop-node-detail__tab--active{color:#3a8c45;border-bottom-color:#3a8c45}[data-theme=light] .fop-node-detail__pane-title{color:#94a3b8}.nodes-hierarchy{width:100%;height:100%;display:flex;flex-direction:column;background:var(--fop-bg-primary, #0f172a)}.nodes-hierarchy__container{flex:1 1 auto;min-height:0;overflow-y:auto;padding:8px 0;font-size:13px}.nodes-hierarchy__detail-divider{flex-shrink:0;height:4px;cursor:row-resize;background:#ffffff0f;transition:background .15s}.nodes-hierarchy__detail-divider:hover{background:#4ade80}.tree-node{-webkit-user-select:none;user-select:none}.tree-node__header{display:flex;align-items:center;gap:6px;padding:6px 4px;cursor:pointer;transition:background-color .15s ease;color:var(--fop-text-secondary, #9ca3af)}.tree-node__header:hover{background-color:#ffffff0d}.tree-node__toggle{width:12px;height:12px;display:inline-flex;align-items:center;justify-content:center;font-size:8px;color:var(--fop-text-tertiary, #6b7280);transition:transform .15s ease;flex-shrink:0}.tree-node__toggle.open{transform:rotate(90deg)}.tree-node__toggle.placeholder{visibility:hidden}.tree-node__status-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}.tree-node__name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--fop-text-primary, #d1d5db)}.tree-node__type{font-size:10px;color:var(--fop-text-tertiary, #6b7280);padding:2px 6px;background:#ffffff0d;border-radius:3px;flex-shrink:0}.tree-node__timing{font-size:11px;color:var(--fop-text-tertiary, #6b7280);flex-shrink:0}.tree-node__children{margin-left:0}.nodes-hierarchy__load-more{color:var(--fop-text-tertiary, #6b7280);font-size:12px;cursor:pointer}.nodes-hierarchy__load-more:disabled{cursor:not-allowed;opacity:.6}.nodes-hierarchy__historical-detail{flex-shrink:0;overflow-y:auto;padding:8px 12px}.nodes-hierarchy__historical-detail__header{display:flex;align-items:center;justify-content:space-between;font-size:12px;font-weight:600;color:var(--fop-text-secondary, #9ca3af);margin-bottom:6px}.nodes-hierarchy__historical-detail__header button{background:none;border:none;color:var(--fop-text-tertiary, #6b7280);cursor:pointer;font-size:15px;padding:0 4px}[data-theme=light] .nodes-hierarchy{background:#f8fafc}[data-theme=light] .nodes-hierarchy__historical-detail{border-color:#e2e8f0}[data-theme=light] .nodes-hierarchy__historical-detail__header{color:#64748b}[data-theme=light] .tree-node__header{color:#374151}[data-theme=light] .tree-node__header:hover{background-color:#0000000a}[data-theme=light] .tree-node__toggle{color:#9ca3af}[data-theme=light] .tree-node__name{color:#1f2937}[data-theme=light] .tree-node__type{color:#6b7280;background:#0000000f}[data-theme=light] .tree-node__timing{color:#6b7280}.hil-dashboard{display:flex;flex-direction:column;gap:16px;padding:16px;height:100%;overflow-y:auto;background:var(--fop-bg-primary, #0f172a)}.hil-dashboard__metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px}.hil-dashboard__metric-card{padding:12px 16px;border-radius:8px;background:#3b82f60d;border:1px solid rgba(59,130,246,.2);display:flex;flex-direction:column;gap:4px}.hil-dashboard__metric-label{font-size:11px;color:var(--fop-text-tertiary, #6b7280);text-transform:uppercase;letter-spacing:.5px}.hil-dashboard__metric-value{font-size:24px;font-weight:700;color:var(--fop-text-primary, #d1d5db)}.hil-dashboard__metric-value--pending{color:#f59e0b}.hil-dashboard__metric-value--success{color:#10b981}.hil-dashboard__metric-value--error{color:#ef4444}.hil-dashboard__content{display:grid;grid-template-columns:1fr 1fr;gap:16px;flex:1}@media (max-width: 1200px){.hil-dashboard__content{grid-template-columns:1fr}}.hil-dashboard__chart{padding:12px;border-radius:8px;background:#ffffff05;border:1px solid rgba(255,255,255,.08)}.hil-dashboard__chart-title{font-size:12px;font-weight:600;color:var(--fop-text-secondary, #9ca3af);margin:0 0 8px;text-transform:uppercase;letter-spacing:.5px}.hil-dashboard__list{display:flex;flex-direction:column;gap:8px;min-height:300px;border-radius:8px;background:#ffffff05;border:1px solid rgba(255,255,255,.08);padding:12px}.hil-dashboard__actions-scroll{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:8px;padding-right:4px}.hil-dashboard__actions-scroll::-webkit-scrollbar{width:6px}.hil-dashboard__actions-scroll::-webkit-scrollbar-track{background:transparent}.hil-dashboard__actions-scroll::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}.hil-dashboard__actions-scroll::-webkit-scrollbar-thumb:hover{background:#fff3}.hil-dashboard__action-card{padding:8px 12px;border-radius:6px;background:#ffffff08;border:1px solid rgba(255,255,255,.06);display:flex;flex-direction:column;gap:6px;font-size:12px}.hil-dashboard__action-card:hover{background:#ffffff0d;border-color:#ffffff1a}.hil-dashboard__action-header{display:flex;align-items:center;justify-content:space-between;gap:8px}.hil-dashboard__action-name{font-weight:600;color:var(--fop-text-primary, #d1d5db);flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hil-dashboard__action-status{font-size:10px;font-weight:700;padding:2px 8px;border-radius:12px;flex-shrink:0}.hil-dashboard__action-status--pending{background:#f59e0b33;color:#f59e0b}.hil-dashboard__action-status--completed{background:#10b98133;color:#10b981}.hil-dashboard__action-status--failed{background:#ef444433;color:#ef4444}.hil-dashboard__action-node,.hil-dashboard__action-timing{display:flex;align-items:center;gap:4px}.hil-dashboard__label{color:var(--fop-text-tertiary, #6b7280);font-weight:500}.hil-dashboard__value{color:var(--fop-text-secondary, #9ca3af)}.hil-dashboard__action-ui{display:flex;flex-direction:column;gap:4px}.hil-dashboard__ui-tags{display:flex;flex-wrap:wrap;gap:4px}.hil-dashboard__ui-tag{padding:2px 8px;border-radius:4px;background:#3b82f633;color:#3b82f6;font-size:10px;font-weight:500}[data-theme=light] .hil-dashboard{background:#f8fafc}[data-theme=light] .hil-dashboard__metric-label{color:#4b5563}[data-theme=light] .hil-dashboard__metric-value{color:#1f2937}[data-theme=light] .hil-dashboard__metric-card{background:#3b82f614;border-color:#3b82f633}[data-theme=light] .hil-dashboard__chart{background:#00000008;border-color:#e5e7eb}[data-theme=light] .hil-dashboard__chart-title{color:#4b5563}[data-theme=light] .hil-dashboard__list,[data-theme=light] .hil-dashboard__action-card{background:#00000008;border-color:#e5e7eb}[data-theme=light] .hil-dashboard__action-card:hover{background:#0000000d;border-color:#d1d5db}[data-theme=light] .hil-dashboard__action-name{color:#1f2937}[data-theme=light] .hil-dashboard__label{color:#6b7280}[data-theme=light] .hil-dashboard__value{color:#374151}[data-theme=light] .hil-dashboard__actions-scroll::-webkit-scrollbar-thumb{background:#0000001a}[data-theme=light] .hil-dashboard__actions-scroll::-webkit-scrollbar-thumb:hover{background:#0003}.error-dashboard{display:flex;flex-direction:column;gap:16px;padding:16px;height:100%;overflow-y:auto;background:var(--fop-bg-primary, #0f172a)}.error-dashboard__summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px}.error-dashboard__summary-card{padding:12px 16px;border-radius:8px;background:#ef44440d;border:1px solid rgba(239,68,68,.2);display:flex;flex-direction:column;gap:4px}.error-dashboard__summary-label{font-size:11px;color:var(--fop-text-tertiary, #6b7280);text-transform:uppercase;letter-spacing:.5px}.error-dashboard__summary-value{font-size:24px;font-weight:700;color:#ef4444}.error-dashboard__filters{display:flex;gap:16px;flex-wrap:wrap}.error-dashboard__filter-group{display:flex;align-items:center;gap:8px}.error-dashboard__filter-label{font-size:12px;color:var(--fop-text-secondary, #9ca3af);font-weight:500}.error-dashboard__filter-select{padding:6px 10px;border-radius:4px;border:1px solid rgba(255,255,255,.1);background:#ffffff0d;color:var(--fop-text-primary, #d1d5db);font-size:12px;cursor:pointer;transition:all .2s ease}.error-dashboard__filter-select:hover{border-color:#fff3;background:#ffffff14}.error-dashboard__filter-select:focus{outline:none;border-color:#ef4444;background:#ffffff1a}.error-dashboard__charts{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:12px}.error-dashboard__chart{padding:12px;border-radius:8px;background:#ffffff05;border:1px solid rgba(255,255,255,.08)}.error-dashboard__chart-title{font-size:12px;font-weight:600;color:var(--fop-text-secondary, #9ca3af);margin:0 0 8px;text-transform:uppercase;letter-spacing:.5px}.error-dashboard__details{display:flex;flex-direction:column;gap:8px;min-height:300px;border-radius:8px;background:#ffffff05;border:1px solid rgba(255,255,255,.08);padding:12px}.error-dashboard__table-scroll{flex:1;overflow-x:auto;overflow-y:auto}.error-dashboard__table{width:100%;border-collapse:collapse;font-size:12px}.error-dashboard__table thead{position:sticky;top:0;background:#ffffff0d;border-bottom:1px solid rgba(255,255,255,.1)}.error-dashboard__table th{padding:8px 12px;text-align:left;color:var(--fop-text-secondary, #9ca3af);font-weight:600;text-transform:uppercase;font-size:11px;letter-spacing:.5px}.error-dashboard__table td{padding:8px 12px;border-bottom:1px solid rgba(255,255,255,.05);color:var(--fop-text-primary, #d1d5db)}.error-dashboard__table tbody tr:hover{background:#ffffff08}.error-dashboard__table-message{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.error-dashboard__table-time{color:var(--fop-text-tertiary, #6b7280);font-size:11px;white-space:nowrap}.error-dashboard__details-btn{padding:3px 10px;border-radius:4px;border:1px solid rgba(239,68,68,.3);background:#ef444414;color:#f87171;font-size:11px;cursor:pointer}.error-dashboard__details-btn:hover{background:#ef444426}.error-dashboard__detail-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;background:#0009;display:flex;align-items:center;justify-content:center}.error-dashboard__detail-modal{background:#1e293b;border:1px solid rgba(100,116,139,.3);border-radius:8px;width:80vw;max-width:800px;max-height:80vh;display:flex;flex-direction:column;overflow:hidden}.error-dashboard__detail-modal__header{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;border-bottom:1px solid rgba(100,116,139,.2);color:#e2e8f0;font-size:13px;font-weight:500;flex-shrink:0}.error-dashboard__detail-modal__header button{background:none;border:none;color:#94a3b8;cursor:pointer;font-size:16px;padding:2px 8px}.error-dashboard__detail-modal__body{flex:1;overflow:auto;padding:12px 14px}[data-theme=light] .error-dashboard__detail-modal{background:#fff;border-color:#e2e8f0}[data-theme=light] .error-dashboard__detail-modal__header{color:#1f2937;border-color:#e2e8f0}[data-theme=light] .error-dashboard__detail-modal__header button{color:#64748b}.error-dashboard__table-scroll::-webkit-scrollbar{width:6px;height:6px}.error-dashboard__table-scroll::-webkit-scrollbar-track{background:transparent}.error-dashboard__table-scroll::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}.error-dashboard__table-scroll::-webkit-scrollbar-thumb:hover{background:#fff3}.error-dashboard__filter-select option{background:#1f2937;color:#d1d5db}[data-theme=light] .error-dashboard{background:#f8fafc}[data-theme=light] .error-dashboard__summary-label{color:#4b5563}[data-theme=light] .error-dashboard__summary-value{color:#dc2626}[data-theme=light] .error-dashboard__summary-card{background:#ef444414;border-color:#ef444433}[data-theme=light] .error-dashboard__filter-label{color:#374151}[data-theme=light] .error-dashboard__filter-select{border-color:#0000001a;background:#0000000d;color:#1f2937}[data-theme=light] .error-dashboard__filter-select:hover{border-color:#0003;background:#00000014}[data-theme=light] .error-dashboard__filter-select option{background:#fff;color:#1f2937}[data-theme=light] .error-dashboard__chart{background:#00000008;border-color:#e5e7eb}[data-theme=light] .error-dashboard__chart-title{color:#4b5563}[data-theme=light] .error-dashboard__details{background:#00000008;border-color:#e5e7eb}[data-theme=light] .error-dashboard__table thead{background:#00000008;border-bottom-color:#e5e7eb}[data-theme=light] .error-dashboard__table th{color:#4b5563}[data-theme=light] .error-dashboard__table td{color:#1f2937;border-bottom-color:#f3f4f6}[data-theme=light] .error-dashboard__table tbody tr:hover{background:#00000008}[data-theme=light] .error-dashboard__table-time{color:#9ca3af}[data-theme=light] .error-dashboard__table-scroll::-webkit-scrollbar-thumb{background:#0000001a}[data-theme=light] .error-dashboard__table-scroll::-webkit-scrollbar-thumb:hover{background:#0003}.fop-cl{display:flex;flex-direction:column;height:100%;overflow:hidden;font-size:12px;font-family:var(--fop-font-mono, "Consolas", "Menlo", monospace)}.fop-cl-gate{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:8px;color:#9ca3af;padding:24px;text-align:center}.fop-cl-gate__icon{color:#6b7280;margin-bottom:4px}.fop-cl-gate__msg{font-size:13px;font-weight:500;color:#d1d5db;margin:0}.fop-cl-gate__sub{font-size:11px;color:#6b7280;max-width:300px;margin:0;line-height:1.5}.fop-cl-gate__btn{margin-top:8px;padding:5px 14px;border-radius:5px;border:1px solid #3A8C45;background:#3a8c451f;color:#4ade80;cursor:pointer;font-size:12px;font-weight:500;transition:background .15s}.fop-cl-gate__btn:hover{background:#3a8c453d}[data-theme=light] .fop-cl-gate__msg{color:#1f2937}[data-theme=light] .fop-cl-gate__sub{color:#6b7280}[data-theme=light] .fop-cl-gate__btn{color:#3a8c45}.fop-cl-toolbar{display:flex;align-items:center;gap:2px;padding:0 6px;height:28px;border-bottom:1px solid rgba(255,255,255,.08);flex-shrink:0;overflow:hidden}[data-theme=light] .fop-cl-toolbar{border-bottom-color:#e2e8f0}.fop-cl-subtab{display:flex;align-items:center;gap:4px;padding:2px 8px;border:none;background:transparent;color:#9ca3af;cursor:pointer;font-size:11px;font-weight:500;border-bottom:2px solid transparent;height:100%;transition:color .1s}.fop-cl-subtab:hover{color:#d1d5db}.fop-cl-subtab--active{color:#4ade80;border-bottom-color:#4ade80}[data-theme=light] .fop-cl-subtab--active{color:#3a8c45;border-bottom-color:#3a8c45}.fop-cl-subtab__count{background:#ffffff14;border-radius:8px;padding:0 5px;font-size:10px}.fop-cl-subtab__err{background:#ef444440;color:#f87171;border-radius:8px;padding:0 5px;font-size:10px;font-weight:700}.fop-cl-recording{display:flex;align-items:center;gap:4px;font-size:10px;color:#6b7280;padding:0 4px}.fop-cl-recording__dot{width:6px;height:6px;border-radius:50%;background:#ef4444;animation:fop-cl-blink 1.2s ease-in-out infinite}@keyframes fop-cl-blink{0%,to{opacity:1}50%{opacity:.25}}.fop-cl-btn{padding:2px 8px;border:1px solid rgba(255,255,255,.1);border-radius:3px;background:transparent;color:#9ca3af;cursor:pointer;font-size:10px;transition:background .1s}.fop-cl-btn:hover{background:#ffffff0f;color:#d1d5db}.fop-cl-btn--muted{opacity:.6}.fop-cl-btn--muted:hover{opacity:1}[data-theme=light] .fop-cl-btn{border-color:#e2e8f0;color:#6b7280}[data-theme=light] .fop-cl-btn:hover{background:#f1f5f9;color:#374151}.fop-cl-body{display:flex;flex:1;min-height:0;overflow:hidden}.fop-cl-list{display:flex;flex-direction:column;min-width:0;overflow:hidden;border-right:1px solid rgba(255,255,255,.06)}[data-theme=light] .fop-cl-list{border-right-color:#e2e8f0}.fop-cl-detail-pane{flex:1;min-width:0;min-height:0;overflow:hidden;display:flex;flex-direction:column}.fop-cl-header-row{display:flex;align-items:center;gap:0;padding:0 6px;height:20px;border-bottom:1px solid rgba(255,255,255,.06);font-size:10px;color:#6b7280;flex-shrink:0;font-weight:600;text-transform:uppercase;letter-spacing:.04em}[data-theme=light] .fop-cl-header-row{border-bottom-color:#e2e8f0;color:#9ca3af}.fop-cl-scroll{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden}.fop-cl-row{display:flex;align-items:center;gap:0;padding:0 6px;border:none;background:transparent;color:#d1d5db;cursor:pointer;text-align:left;width:100%;font-size:11px;font-family:inherit;border-bottom:1px solid rgba(255,255,255,.03);transition:background .08s}.fop-cl-row:hover{background:#ffffff0a}.fop-cl-row--selected{background:#4ade8014}.fop-cl-row--err{color:#fca5a5}[data-theme=light] .fop-cl-row{color:#374151;border-bottom-color:#f1f5f9}[data-theme=light] .fop-cl-row:hover{background:#f8fafc}[data-theme=light] .fop-cl-row--selected{background:#3a8c450f}[data-theme=light] .fop-cl-row--err{color:#dc2626}.fop-cl-time{width:72px;flex-shrink:0;color:#6b7280;font-size:10px}.fop-cl-transport{width:32px;flex-shrink:0;color:#60a5fa;font-size:10px;text-transform:uppercase}.fop-cl-method{width:40px;flex-shrink:0;font-weight:600}.fop-cl-dur{width:46px;flex-shrink:0;text-align:right;color:#6b7280;font-size:10px}.fop-cl-url{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:0 6px}.fop-cl-dir{width:20px;flex-shrink:0;text-align:center;font-weight:700}.fop-cl-dir--incoming{color:#60a5fa}.fop-cl-dir--outgoing{color:#a78bfa}.fop-cl-event{width:140px;flex-shrink:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fop-cl-topic{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#9ca3af;padding-left:6px}.fop-cl-sk-node{width:110px;flex-shrink:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#e2e8f0;padding:0 4px}.fop-cl-sk-id{width:48px;flex-shrink:0;text-align:right;color:#6b7280;font-size:10px;padding-right:6px}.fop-cl-sk-stage{width:80px;flex-shrink:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#a78bfa;font-size:10px}.fop-cl-sk-substage{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#6b7280;font-size:10px;padding-left:4px}[data-theme=light] .fop-cl-sk-node{color:#1f2937}[data-theme=light] .fop-cl-sk-id{color:#9ca3af}[data-theme=light] .fop-cl-sk-stage{color:#7c3aed}[data-theme=light] .fop-cl-sk-substage{color:#9ca3af}.fop-cl-status{width:36px;flex-shrink:0;text-align:center;border-radius:3px;padding:0 2px;font-size:10px;font-weight:700;margin-right:4px}.fop-cl-status--ok{color:#4ade80}.fop-cl-status--redirect{color:#facc15}.fop-cl-status--err{color:#f87171}.fop-cl-detail{display:flex;flex-direction:column;height:100%;overflow:hidden}.fop-cl-detail__header{display:flex;align-items:center;justify-content:space-between;padding:4px 8px;border-bottom:1px solid rgba(255,255,255,.08);flex-shrink:0;min-height:26px}[data-theme=light] .fop-cl-detail__header{border-bottom-color:#e2e8f0}.fop-cl-detail__title{font-size:11px;font-weight:500;color:#d1d5db;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;min-width:0}[data-theme=light] .fop-cl-detail__title{color:#1f2937}.fop-cl-detail__close{flex-shrink:0;background:transparent;border:none;color:#6b7280;cursor:pointer;font-size:12px;padding:2px 4px;border-radius:3px;line-height:1}.fop-cl-detail__close:hover{color:#d1d5db;background:#ffffff0f}.fop-cl-detail__body{flex:1;min-height:0;overflow:auto;padding:8px;margin:0;font-size:11px;font-family:inherit;color:#d1d5db;white-space:pre-wrap;word-break:break-all;line-height:1.5}[data-theme=light] .fop-cl-detail__body{color:#374151}.fop-cl-footer{height:20px;padding:0 8px;display:flex;align-items:center;border-top:1px solid rgba(255,255,255,.06);font-size:10px;color:#6b7280;flex-shrink:0}[data-theme=light] .fop-cl-footer{border-top-color:#e2e8f0}.fop-cl-typebadge{width:36px;flex-shrink:0;font-size:9px;font-weight:700;text-align:center;border-radius:3px;padding:1px 3px;letter-spacing:.03em;margin-right:4px}.fop-cl-typebadge--fetch{background:#60a5fa26;color:#60a5fa;border:1px solid rgba(96,165,250,.3)}.fop-cl-typebadge--ws{background:#a78bfa26;color:#a78bfa;border:1px solid rgba(167,139,250,.3)}[data-theme=light] .fop-cl-typebadge--fetch{background:#eff6ff;color:#3b82f6;border-color:#bfdbfe}[data-theme=light] .fop-cl-typebadge--ws{background:#f5f3ff;color:#7c3aed;border-color:#ddd6fe}.fop-cl-detail__tabs{display:flex;gap:0;border-bottom:1px solid rgba(255,255,255,.08);flex-shrink:0}[data-theme=light] .fop-cl-detail__tabs{border-bottom-color:#e2e8f0}.fop-cl-dtab{padding:4px 12px;border:none;border-bottom:2px solid transparent;background:transparent;color:#6b7280;font-size:11px;font-weight:500;cursor:pointer;transition:color .1s}.fop-cl-dtab:hover{color:#d1d5db}.fop-cl-dtab--active{color:#4ade80;border-bottom-color:#4ade80}[data-theme=light] .fop-cl-dtab:hover{color:#374151}[data-theme=light] .fop-cl-dtab--active{color:#3a8c45;border-bottom-color:#3a8c45}.fop-cl-fmt{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;padding:8px;display:flex;flex-direction:column;gap:8px;font-family:var(--fop-font-sans, system-ui, -apple-system, sans-serif)}.fop-cl-panel{flex-shrink:0;border:1px solid rgba(255,255,255,.1);border-radius:6px;overflow:hidden}[data-theme=light] .fop-cl-panel{border-color:#e2e8f0}.fop-cl-panel__hdr{display:flex;align-items:center;padding:6px 12px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:#9ca3af;background:#ffffff0a;border-bottom:1px solid rgba(255,255,255,.08);border-left:3px solid #4ade80}[data-theme=light] .fop-cl-panel__hdr{background:#f8fafc;border-bottom-color:#e2e8f0;border-left-color:#3a8c45;color:#6b7280}.fop-cl-panel__body{padding:4px 0}.fop-cl-jv-str{color:#e2e8f0}.fop-cl-jv-num{color:#7dd3fc}.fop-cl-jv-bool{color:#86efac}.fop-cl-jv-null{color:#6b7280;font-style:italic}.fop-cl-jv-empty{color:#6b7280}[data-theme=light] .fop-cl-jv-str{color:#374151}[data-theme=light] .fop-cl-jv-num{color:#0369a1}[data-theme=light] .fop-cl-jv-bool{color:#059669}[data-theme=light] .fop-cl-jv-null{color:#9ca3af}.fop-cl-fmt__url{color:#93c5fd;word-break:break-all}.fop-cl-fmt__method{font-weight:700;color:#fbbf24}.fop-cl-fmt__error{color:#f87171}.fop-cl-fmt__event{color:#e2e8f0;font-weight:500}.fop-cl-fmt__dir--incoming{color:#60a5fa;font-weight:600}.fop-cl-fmt__dir--outgoing{color:#a78bfa;font-weight:600}.fop-cl-fmt__subtype{font-family:var(--fop-font-mono, monospace);font-size:10px;background:#ffffff0f;padding:1px 5px;border-radius:3px;color:#a78bfa}[data-theme=light] .fop-cl-fmt__url{color:#2563eb}[data-theme=light] .fop-cl-fmt__method{color:#d97706}[data-theme=light] .fop-cl-fmt__error{color:#dc2626}[data-theme=light] .fop-cl-fmt__event{color:#1f2937}[data-theme=light] .fop-cl-fmt__subtype{background:#f5f3ff;color:#7c3aed}.fop-cl-fmt__raw{margin:6px 12px;padding:8px;font-size:10px;font-family:var(--fop-font-mono, monospace);color:#9ca3af;background:#0003;border-radius:4px;white-space:pre-wrap;word-break:break-all;overflow:auto}[data-theme=light] .fop-cl-fmt__raw{background:#f8fafc;color:#6b7280}.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:4px 16px;border:0px solid rgba(148,163,184,.2);background:transparent;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:12px;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}}.json-editor-container{display:flex;flex-direction:column;gap:6px;width:100%}.json-editor-fill,.json-editor-fill .json-editor-wrapper{flex:1;min-height:0}.json-editor-fill .json-editor-textarea{flex:1}.json-editor-fill .json-viewer-root{flex:1;min-height:0}.json-editor-label{font-size:14px;font-weight:600;color:#f8fafc;display:block}.json-editor-wrapper{display:flex;flex-direction:column;gap:6px;position:relative}.json-editor-topbar{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:24px;flex-shrink:0}.json-editor-tab-group{display:flex;align-items:center}.json-editor-actions{display:flex;align-items:center;gap:6px}.json-view-tab{padding:2px 10px;font-size:11px;font-weight:500;background:transparent;border:1px solid rgba(255,255,255,.12);color:#fff6;cursor:pointer;transition:all .15s;line-height:1.6}.json-view-tab:first-child{border-radius:4px 0 0 4px}.json-view-tab:last-child{border-radius:0 4px 4px 0;border-left:none}.json-view-tab.active{background:#3a8c4533;border-color:#3a8c45;color:#3a8c45}.json-view-tab:hover:not(.active){background:#ffffff0d;color:#ffffffa6}.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;min-height:312px;resize:vertical;transition:border-color .2s ease,box-shadow .2s ease;box-sizing:border-box}.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-format-btn{padding:3px 10px;background:#3a8c4526;border:1px solid rgba(58,140,69,.4);color:#3a8c45;border-radius:4px;cursor:pointer;font-size:11px;font-weight:500;transition:all .15s ease;line-height:1.6;white-space:nowrap}.json-format-btn:hover:not(:disabled){background:#3a8c454d;box-shadow:0 0 6px #3a8c4533}.json-format-btn:disabled{opacity:.4;cursor:not-allowed}.json-error{color:#ef4444;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:260px}.json-valid{color:#22c55e;font-size:11px;white-space:nowrap}.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%}.aaa-page{display:flex;flex-direction:column;gap:16px}.aaa-page-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px}.aaa-entity-picker{display:flex;flex-direction:column;gap:6px;position:relative}.aaa-entity-label{font-size:13px;font-weight:600;color:var(--color-text-primary, var(--text-primary, #e6edf3))}.aaa-entity-search-row{display:flex;align-items:center;gap:6px}.aaa-entity-picker-group{display:flex;flex-direction:column;border:1px solid var(--color-border, var(--border, #30363d));border-radius:8px;overflow:hidden;background:var(--color-bg-secondary, var(--bg-secondary, #1c1f26))}.aaa-entity-type-row{display:flex;align-items:center;gap:8px;padding:7px 10px;border-bottom:1px solid var(--color-border, var(--border, #30363d))}.aaa-entity-type-row .aaa-entity-type-tag{font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-secondary, var(--text-secondary, #8b949e));flex-shrink:0}.aaa-entity-type-row select{flex:1;min-width:0;border:none;background:transparent;outline:none;color:var(--color-text-primary, var(--text-primary, #e6edf3));font-size:13px;padding:3px 0;cursor:pointer}.aaa-entity-picker-group .aaa-entity-search-row{padding:6px}.aaa-entity-picker-group .aaa-entity-search-input-wrap{border:none;border-radius:0;background:transparent;padding:4px 6px 4px 4px}.aaa-entity-search-input-wrap{flex:1;display:flex;align-items:center;gap:8px;padding:6px 10px;border:1px solid var(--color-border, var(--border, #30363d));border-radius:6px;background:var(--color-bg-secondary, var(--bg-secondary, #1c1f26));color:var(--color-text-secondary, var(--text-secondary, #8b949e))}.aaa-entity-search-input-wrap input{flex:1;border:none;background:transparent;outline:none;color:var(--color-text-primary, var(--text-primary, #e6edf3));font-size:13px}.aaa-entity-dropdown{position:absolute;top:100%;left:0;right:0;z-index:20;margin-top:4px;max-height:260px;overflow-y:auto;border:1px solid var(--color-border, var(--border, #30363d));border-radius:6px;background:var(--color-bg-primary, var(--bg-primary, #0d1117));box-shadow:0 8px 24px #00000059}.aaa-entity-dropdown-item{display:flex;flex-direction:column;align-items:flex-start;width:100%;padding:8px 12px;border:none;background:transparent;color:var(--color-text-primary, var(--text-primary, #e6edf3));text-align:left;cursor:pointer;font-size:13px}.aaa-entity-dropdown-item:hover,.aaa-entity-dropdown-item.selected{background:var(--color-bg-secondary, var(--bg-secondary, #1c1f26))}.aaa-entity-dropdown-item-hint{font-size:11px;color:var(--color-text-secondary, var(--text-secondary, #8b949e))}.aaa-entity-dropdown-empty{padding:10px 12px;font-size:13px;color:var(--color-text-secondary, var(--text-secondary, #8b949e))}.aaa-entity-browse-btn{background-color:#309b4833;border-color:#309b4866;color:#309b48}.aaa-entity-browse-btn:hover:not(:disabled){background-color:#309b484d;border-color:#309b4899}.aaa-entity-create-btn{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;background-color:#309b4833;border:1px solid rgba(48,155,72,.4);border-radius:6px;color:#309b48;font-size:13px;font-weight:500;cursor:pointer;white-space:nowrap;transition:all .2s ease}.aaa-entity-create-btn:hover:not(:disabled){background-color:#309b484d;border-color:#309b4899}.aaa-entity-create-btn:disabled{opacity:.5;cursor:not-allowed}.aaa-btn{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;border-radius:6px;border:1px solid transparent;font-size:13px;font-weight:500;cursor:pointer}.aaa-btn-sm{padding:5px 10px;font-size:12px}.aaa-btn-primary{background:var(--color-accent, var(--accent, #309B48));color:#fff}.aaa-btn-primary:disabled{opacity:.5;cursor:not-allowed}.aaa-btn-default{background:transparent;border-color:var(--color-border, var(--border, #30363d));color:var(--color-text-primary, var(--text-primary, #e6edf3))}.aaa-btn-danger{background:transparent;border-color:#ef4444;color:#ef4444}.aaa-btn-danger:disabled{opacity:.5;cursor:not-allowed}.aaa-icon-btn{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:6px;border:1px solid var(--color-border, var(--border, #30363d));background:transparent;color:var(--color-text-primary, var(--text-primary, #e6edf3));cursor:pointer}.aaa-icon-btn:disabled{opacity:.4;cursor:not-allowed}.aaa-icon-btn-danger:hover:not(:disabled){border-color:#ef4444;color:#ef4444}.aaa-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;align-items:center;justify-content:center;background:#0000008c;padding:24px}.aaa-modal{width:100%;max-height:calc(100vh - 48px);display:flex;flex-direction:column;background:var(--color-bg-primary, var(--bg-primary, #0d1117));border:1px solid var(--color-border, var(--border, #30363d));border-radius:10px;box-shadow:0 16px 48px #00000073;overflow:hidden}.aaa-modal-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--color-border, var(--border, #30363d))}.aaa-modal-header h3{margin:0;font-size:16px;color:var(--color-text-primary, var(--text-primary, #e6edf3))}.aaa-modal-close{border:none;background:transparent;font-size:20px;line-height:1;cursor:pointer;color:var(--color-text-secondary, var(--text-secondary, #8b949e))}.aaa-modal-body{padding:20px;overflow-y:auto}.aaa-modal-footer{display:flex;justify-content:flex-end;gap:8px;padding:14px 20px;border-top:1px solid var(--color-border, var(--border, #30363d))}.aaa-editor{display:flex;flex-direction:column;gap:16px;max-height:70vh}.aaa-editor-tabs{display:flex;flex-wrap:wrap;gap:4px;border-bottom:1px solid var(--color-border, var(--border, #30363d))}.aaa-tab{padding:8px 12px;border:none;background:transparent;color:var(--color-text-secondary, var(--text-secondary, #8b949e));cursor:pointer;font-size:13px;border-bottom:2px solid transparent}.aaa-tab.active{color:var(--color-text-primary, var(--text-primary, #e6edf3));border-bottom-color:var(--color-accent, var(--accent, #309B48));font-weight:600}.aaa-tab-unverified-dot{display:inline-block;width:6px;height:6px;margin-left:6px;border-radius:50%;background:#f59e0b;vertical-align:middle}.aaa-unverified-banner{margin-bottom:12px;padding:10px 12px;border-radius:6px;border:1px solid rgba(245,158,11,.4);background:#f59e0b1f;color:#f59e0b;font-size:12px;line-height:1.5}.aaa-unverified-banner strong{color:inherit}.aaa-editor-body{overflow-y:auto;flex:1;padding-right:4px}.aaa-editor-loading,.aaa-editor-error{padding:12px;font-size:13px}.aaa-editor-error{color:#ef4444;background:#ef44441a;border-radius:6px}.aaa-editor-note{padding:10px 12px;font-size:12px;border-radius:6px;background:#f59e0b1f;color:#f59e0b}.aaa-editor-footer{display:flex;align-items:center;justify-content:space-between;padding-top:12px;border-top:1px solid var(--color-border, var(--border, #30363d))}.aaa-editor-footer-actions{display:flex;gap:8px}.aaa-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.aaa-form-group{display:flex;flex-direction:column;gap:4px}.aaa-form-group-full{grid-column:1 / -1}.aaa-form-group label{font-size:12px;font-weight:600;color:var(--color-text-secondary, var(--text-secondary, #8b949e))}.aaa-form-group input[type=text],.aaa-form-group input[type=number],.aaa-form-group input[type=password],.aaa-form-group textarea,.aaa-form-group select{padding:7px 10px;border-radius:6px;border:1px solid var(--color-border, var(--border, #30363d));background:var(--color-bg-secondary, var(--bg-secondary, #1c1f26));color:var(--color-text-primary, var(--text-primary, #e6edf3));font-size:13px}.aaa-form-group small{font-size:11px;color:var(--color-text-secondary, var(--text-secondary, #8b949e))}.aaa-fieldset{border:1px solid var(--color-border, var(--border, #30363d));border-radius:8px;padding:12px}.aaa-fieldset legend{font-size:12px;font-weight:600;color:var(--color-text-secondary, var(--text-secondary, #8b949e));padding:0 6px}.aaa-checkbox-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.aaa-checkbox{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--color-text-primary, var(--text-primary, #e6edf3))}.aaa-entity-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px}.aaa-entity-card{display:flex;flex-direction:column;gap:6px;padding:12px;border:1px solid var(--color-border, var(--border, #30363d));border-radius:8px;background:var(--color-bg-secondary, var(--bg-secondary, #1c1f26))}.aaa-entity-card-button{cursor:pointer;text-align:left;color:var(--color-text-primary, var(--text-primary, #e6edf3))}.aaa-entity-card-header{display:flex;align-items:center;justify-content:space-between}.aaa-entity-card-actions{display:flex;gap:6px;margin-top:4px}.aaa-entity-card p{margin:0;font-size:12px;color:var(--color-text-secondary, var(--text-secondary, #8b949e))}.aaa-badge{display:inline-block;padding:2px 8px;border-radius:999px;font-size:11px;font-weight:600}.aaa-badge-active{background:#309b482e;color:#309b48}.aaa-badge-inactive{background:#94a3b82e;color:#94a3b8}.aaa-table{width:100%;border-collapse:collapse;font-size:13px}.aaa-table th{text-align:left;font-size:11px;text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-secondary, var(--text-secondary, #8b949e));padding:8px 10px;border-bottom:1px solid var(--color-border, var(--border, #30363d))}.aaa-table td{padding:8px 10px;border-bottom:1px solid var(--color-border, var(--border, #30363d));color:var(--color-text-primary, var(--text-primary, #e6edf3))}.aaa-table td input[type=text]{padding:5px 8px;border-radius:5px;border:1px solid var(--color-border, var(--border, #30363d));background:var(--color-bg-secondary, var(--bg-secondary, #1c1f26));color:var(--color-text-primary, var(--text-primary, #e6edf3));font-size:12px;width:100%}.aaa-table-actions{display:flex;gap:6px;white-space:nowrap}.oauth-section,.oauth-button-wrapper{display:flex;flex-direction:column;gap:6px}.oauth-btn{display:inline-flex;align-items:center;gap:8px;padding:7px 14px;width:fit-content;border-radius:6px;border:1px solid transparent;background:var(--color-accent, var(--accent, #309B48));color:#fff;font-size:13px;font-weight:500;cursor:pointer}.oauth-btn:disabled{opacity:.5;cursor:not-allowed}.oauth-btn--connecting{cursor:default}.oauth-spinner{display:inline-block;width:12px;height:12px;border:2px solid rgba(255,255,255,.4);border-top-color:#fff;border-radius:50%;animation:aaa-oauth-spin .7s linear infinite}@keyframes aaa-oauth-spin{to{transform:rotate(360deg)}}.oauth-connected{display:inline-flex;align-items:center;gap:8px;width:fit-content;padding:7px 14px;border-radius:6px;background:#309b482e;color:#309b48;font-size:13px;font-weight:500}.oauth-connected-icon{font-weight:700}.oauth-error{margin:0;font-size:12px;color:#ef4444}.oauth-hint{margin:0;font-size:12px;color:var(--color-text-secondary, var(--text-secondary, #8b949e))}.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}.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}}.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}}.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}:root{--cc-bg-primary: rgba(15, 23, 42, .95);--cc-bg-secondary: rgba(30, 41, 59, .8);--cc-border-primary: rgba(255, 255, 255, .1);--cc-border-secondary: rgba(255, 255, 255, .07);--cc-input-border: rgba(255, 255, 255, .28);--cc-text-primary: #f8fafc;--cc-text-secondary: #94a3b8;--cc-text-subtle: #64748b;--cc-accent: #3A8C45;--cc-accent-light: rgba(58, 140, 69, .1);--cc-accent-bg: rgba(58, 140, 69, .05)}html[data-theme=dark],html:not([data-theme=light]){--cc-bg-primary: rgba(15, 23, 42, .95);--cc-bg-secondary: rgba(30, 41, 59, .8);--cc-border-primary: rgba(255, 255, 255, .1);--cc-border-secondary: rgba(255, 255, 255, .07);--cc-input-border: rgba(255, 255, 255, .28);--cc-text-primary: #f8fafc;--cc-text-secondary: #94a3b8;--cc-text-subtle: #64748b;--cc-accent: #3A8C45;--cc-accent-light: rgba(58, 140, 69, .1);--cc-accent-bg: rgba(58, 140, 69, .05)}html[data-theme=light]{--cc-bg-primary: #f8f9fa;--cc-bg-secondary: #ffffff;--cc-border-primary: #dee2e6;--cc-border-secondary: #e9ecef;--cc-input-border: #94a3b8;--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)}.connector-config-dialog .modal-header-plain{flex-direction:column;align-items:stretch;padding:14px 20px 0;gap:0}.modal-header-top-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.tabs-navigation{padding:0;display:flex;align-items:center;justify-content:flex-start;gap:0;background-color:transparent;overflow-x:auto;scrollbar-width:none}.tab-button{flex:none;padding:8px 14px;border:none;background-color:transparent;color:var(--cc-text-secondary);font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease;border-bottom:2px solid transparent;white-space:nowrap}.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);font-weight:600}.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,.connector-config-dialog .modal-title span{color:#f8fafc;font-weight:600}html[data-theme=light] .connector-config-dialog .modal-title,html[data-theme=light] .connector-config-dialog .modal-title span{color:#111827}.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:16px;padding:16px;flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;width:100%}.atlas-form-container{min-height:200px;width:100%!important;display:flex!important;flex-direction:column!important;gap:16px!important;grid-template-columns:none!important}.atlas-form-container>*{width:100%!important;max-width:100%!important;display:block!important;float:none!important;clear:both!important;margin-bottom:16px!important}.af-form-renderer,.form-content,.form-fields{display:flex!important;flex-direction:column!important;width:100%!important;grid-template-columns:none!important}.af-form-renderer>*,.form-content>*,.form-fields>*{width:100%!important;max-width:100%!important;display:block!important;margin-bottom:16px!important}.aaa-modal .atlas-form-container{min-height:0;gap:10px!important}.aaa-modal .atlas-form-container>*,.aaa-modal .af-form-renderer>*{margin-bottom:0!important}.credential-selector-section{margin:0!important;padding:16px!important;border:1px solid var(--cc-border-secondary)!important;background-color:var(--cc-bg-secondary)!important;border-radius:8px!important;width:100%!important;box-sizing:border-box!important}.credential-selector-section .credential-selector{margin:0;width:100%}.entity-selector-section{margin:0 0 16px!important;padding:16px!important;background-color:var(--cc-bg-secondary)!important;border:1px solid var(--cc-border-secondary)!important;border-radius:8px!important;width:100%!important;max-width:100%!important;box-sizing:border-box!important;display:block!important;float:none!important;clear:both!important}.entity-selector-section,.credential-selector-section,.documentation-panel,.primary-config-panel{flex:none!important;flex-basis:auto!important;flex-grow:0!important;grid-column:auto!important;grid-row:auto!important}.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:#1e293b;color:#f8fafc}.entity-select option:checked{background:linear-gradient(#309b48,#309b48);background-color:#309b48}html[data-theme=light] .entity-select option{background-color:#fff;color:#111827}html[data-theme=light] .entity-select option:checked{background:linear-gradient(#228b22,#228b22);background-color:#228b22;color:#fff}.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)!important;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)!important;background-color:var(--cc-bg-secondary)!important;border:1px solid var(--cc-input-border)!important;border-radius:6px!important;padding:8px 12px!important;box-sizing:border-box!important}.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)!important;border-color:var(--cc-accent)!important;outline:none!important;box-shadow:0 0 0 3px #3a8c4526!important}.connector-config-dialog .atlas-form-container input::placeholder,.connector-config-dialog .atlas-form-container textarea::placeholder{color:var(--cc-text-secondary)!important}.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-layout{display:flex;flex:1;min-height:0;overflow:hidden;margin:-16px}.config-form-sidebar{width:172px;flex-shrink:0;display:flex;flex-direction:column;border-right:1px solid var(--cc-border-primary);background-color:var(--cc-bg-secondary);overflow-y:auto;padding-top:8px}.config-form-main{flex:1;display:flex;flex-direction:column;min-width:0;overflow-y:auto}.config-form-description{padding:8px 16px;font-size:12px;color:var(--cc-text-secondary);background-color:var(--cc-accent-bg);border-bottom:1px solid var(--cc-border-secondary);flex-shrink:0;line-height:1.4}.config-form-sidebar-footer{margin-top:auto;padding:8px;border-top:1px solid var(--cc-border-secondary);flex-shrink:0}.config-form-designer-inline{padding:6px 0 4px;display:flex;justify-content:flex-start}.form-designer-btn{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;background:transparent;border:1px solid var(--cc-border-secondary);border-radius:4px;color:var(--cc-text-subtle);font-size:11px;font-weight:500;cursor:pointer;transition:all .15s ease;white-space:nowrap;width:100%;justify-content:center}.form-designer-btn:hover{color:var(--cc-accent);border-color:var(--cc-accent);background:var(--cc-accent-bg)}.config-form-tab{width:100%;padding:10px 12px 10px 14px;border:none;border-left:3px solid transparent;border-bottom:1px solid var(--cc-border-secondary);border-radius:0;background-color:transparent;color:var(--cc-text-secondary);cursor:pointer;font-size:12.5px;font-weight:500;text-align:left;transition:all .15s ease;white-space:normal;word-break:break-word}.config-form-tab:hover{background-color:var(--cc-accent-bg);color:var(--cc-text-primary)}.config-form-tab.active{color:var(--cc-accent)}.config-form-tab-title{font-size:12.5px;font-weight:inherit;color:inherit;line-height:1.3}.config-form-folder{display:flex;flex-direction:column}.config-form-folder-header{display:flex;align-items:center;gap:6px;width:100%;padding:10px 12px 10px 14px;border:none;border-bottom:1px solid var(--cc-border-secondary);background:var(--cc-accent);color:var(--cc-text-secondary);cursor:pointer;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.3px;text-align:left}.config-form-folder-header:hover{-webkit-backdrop-filter:brightness(.9);backdrop-filter:brightness(.9)}.config-form-folder-chevron{flex-shrink:0;transition:transform .15s ease}.config-form-folder-chevron.is-collapsed{transform:rotate(-90deg)}.config-form-folder-title{overflow:hidden;text-overflow:ellipsis}.config-form-folder-items .config-form-tab{padding-left:26px}.dialog-actions{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;margin:0;border-top:1px solid rgba(255,255,255,.08);background-color:#0f172af7}html[data-theme=light] .dialog-actions{background-color:#f8fafc;border-top:1px solid #e5e7eb}.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-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 .btn-default{background-color:#0f172a99;color:#94a3b8;border:1px solid #475569}.connector-config-dialog .btn-default:hover:not(:disabled){background-color:#1e293bcc;border-color:#64748b;color:#cbd5e1}.connector-config-dialog .btn-primary,.connector-config-dialog .btn-save{background:linear-gradient(135deg,#22c55e,#16a34a)!important;color:#fff!important;border:1px solid rgba(34,197,94,.6)!important}.connector-config-dialog .btn-primary:hover:not(:disabled),.connector-config-dialog .btn-save:hover:not(:disabled){background:linear-gradient(135deg,#34d67a,#1ea34f)!important;border-color:#22c55ecc!important}.connector-config-dialog .modal-body{flex:1;overflow-y:auto;overflow-x:hidden;padding:0;display:flex;flex-direction:column;width:100%}.connector-config-dialog .modal-body::-webkit-scrollbar{width:6px}.connector-config-dialog .modal-body::-webkit-scrollbar-track{background:#ffffff0a;border-radius:3px}.connector-config-dialog .modal-body::-webkit-scrollbar-thumb{background:#94a3b866;border-radius:3px}.connector-config-dialog .modal-body::-webkit-scrollbar-thumb:hover{background:#94a3b8b3}.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-input-border);border-radius:6px;color:var(--cc-text-primary);font-size:13px;padding:8px 10px;outline:none;resize:vertical;font-family:inherit;transition:border-color .15s;width:100%;box-sizing:border-box}.connector-config-dialog .doc-field-input:focus,.connector-config-dialog .doc-field-textarea:focus{border-color:var(--cc-accent);box-shadow:0 0 0 3px #3a8c4526}.connector-config-dialog .doc-field-input::placeholder,.connector-config-dialog .doc-field-textarea::placeholder{color:var(--cc-text-subtle)}.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}}.connector-config-dialog .atlas-form-container select,.connector-config-dialog .af-form-renderer select{background-color:var(--cc-bg-secondary)!important;color:var(--cc-text-primary)!important;border:1px solid var(--cc-input-border)!important;border-radius:6px!important;padding:8px 12px!important}.connector-config-dialog .atlas-form-container select option,.connector-config-dialog .af-form-renderer select option{background-color:#1e293b;color:#f8fafc;padding:4px 8px}.connector-config-dialog .atlas-form-container select option:checked,.connector-config-dialog .af-form-renderer select option:checked{background:linear-gradient(#309b48,#309b48) #309b48;color:#f8fafc}html[data-theme=light] .connector-config-dialog .atlas-form-container select option,html[data-theme=light] .connector-config-dialog .af-form-renderer select option{background-color:#fff;color:#111827}html[data-theme=light] .connector-config-dialog .atlas-form-container select option:checked,html[data-theme=light] .connector-config-dialog .af-form-renderer select option:checked{background:linear-gradient(#228b22,#228b22) #228b22;color:#fff}.af-form-renderer__fields{gap:10px 24px!important}.af-form-renderer [style*="border-top: 1px solid rgb(229, 231, 235)"]{display:none!important}[class*=form-fields],[class*=form-content],[class*=form-row],.af-form-renderer__fields{display:flex!important;flex-direction:column!important;width:100%!important;gap:16px!important;grid-template-columns:none!important}[class*=form-fields]>*,[class*=form-content]>*,[class*=form-row]>*{width:100%!important;display:block!important;margin-bottom:0!important;flex:none!important;max-width:100%!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}.af-form-content-style-input{max-width:none!important;width:100%!important}.af-form-renderer input,.af-form-renderer textarea,.af-form-renderer select,[class*=af-form][class*=input],[class*=form-content] input,[class*=form-content] textarea,[class*=form-content] select{max-width:none!important;width:100%!important;padding:8px 12px!important}.config-form-main>.atlas-form-container{padding-left:15px;padding-top:15px}.no-form-placeholder{padding:32px 24px;text-align:center;color:var(--cc-text-secondary);font-size:14px;line-height:1.6;border:1px dashed var(--cc-border-primary);border-radius:8px;margin:16px;background-color:var(--cc-accent-bg)}.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:150;overflow:visible}.workflow-panel-toggle{position:absolute;top:50%;transform:translateY(calc(-50% + 2px));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}.workflow-collapse-tab{position:absolute;top:0;transform:none;pointer-events:auto;cursor:pointer;display:flex;align-items:center;justify-content:center;width:18px;height:30px;padding:0;border:1px solid rgba(20,70,30,.85);background:linear-gradient(135deg,#1a4d2a99,#0d251699);color:#ffffffb3;outline:none;transition:all .2s ease;z-index:10;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.workflow-collapse-tab:hover{color:#fff;background:#3a8c4573;border-color:#3a8c45}.workflow-collapse-tab--left{top:2px;left:0;border-left:none;border-radius:0 4px 4px 0}.workflow-collapse-tab--left:hover{width:22px;background:linear-gradient(135deg,#256636cc,#132e1ccc)}.workflow-collapse-tab--left.is-open{left:-18px;border-left:1px solid rgba(20,70,30,.85);border-right:none;border-radius:4px 0 0 4px}.workflow-collapse-tab--right{right:0;border-right:none;border-radius:4px 0 0 4px}.workflow-collapse-tab--right.is-open{right:-18px;border-right:1px solid rgba(20,70,30,.85);border-left:none;border-radius:0 4px 4px 0}@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}}:root{--bg-primary: #ffffff;--bg-secondary: #f5f5f5;--bg-tertiary: #fafafa;--text-primary: #333333;--text-secondary: #666666;--border-color: #e0e0e0;--primary-color: #3a8c45;--danger-color: #cc0000;--success-color: #00aa00;--warning-color: #ff9900;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--font-family-base: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--line-height-base: 1.5;--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);--radius-sm: 3px;--radius-md: 4px;--radius-lg: 8px;--transition-fast: .15s ease-in-out;--transition-normal: .3s ease-in-out}body[data-theme=dark]{--bg-primary: #1e293b;--bg-secondary: #0f172a;--bg-tertiary: #263449;--text-primary: #e0e0e0;--text-secondary: #b0b0b0;--border-color: #334155}.observer-config-page{display:flex;flex-direction:column;height:100%;overflow:hidden;background:var(--app-bg, #f9fafb)}.observer-config-page__header{padding:14px 28px 12px;border-bottom:1px solid var(--border, #e5e7eb);background:var(--surface, #ffffff);flex-shrink:0}.observer-config-page__title-row{display:flex;align-items:center;justify-content:space-between;gap:16px}.observer-config-page__title{margin:0 0 4px;font-size:1.25rem;font-weight:700;color:var(--text-primary, #111827)}.observer-config-page__subtitle{margin:0;font-size:.875rem;color:var(--text-secondary, #6b7280)}.observer-config-page__actions{display:flex;gap:8px;align-items:center;flex-shrink:0}.observer-saveas-bar{display:flex;align-items:center;gap:8px;padding:10px 28px;background:var(--surface, #ffffff);border-bottom:1px solid var(--border, #e5e7eb);font-size:.875rem;color:var(--text-primary, #111827);flex-shrink:0}.observer-saveas-bar input{padding:6px 10px;border:1px solid var(--border, #e5e7eb);border-radius:6px;font-size:.875rem;width:220px;background:var(--app-bg, #f9fafb);color:var(--text-primary, #111827)}.observer-saveas-bar input:focus{outline:none;border-color:#3a8c45}.observer-config-page__body{flex:1;overflow-y:auto;padding:20px 28px;background:var(--app-bg, #f9fafb)}.obs-btn{padding:7px 14px;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;border:1px solid transparent;transition:all .15s ease;white-space:nowrap}.obs-btn--primary{background:#3a8c45;color:#fff;border-color:#3a8c45}.obs-btn--primary:hover:not(:disabled){background:#4aab57;border-color:#4aab57}.obs-btn--primary:disabled{opacity:.5;cursor:not-allowed}.obs-btn--secondary{background:#fff;color:#374151;border-color:#d1d5db}.obs-btn--secondary:hover{background:#f3f4f6}@media (max-width: 640px){.observer-config-page__header{padding:10px 16px;position:sticky;top:0;z-index:10}.observer-config-page__title-row{flex-direction:column;align-items:flex-start;gap:8px}.observer-config-page__title{font-size:1rem;margin-bottom:2px}.observer-config-page__subtitle{font-size:.75rem;max-width:100%}.observer-config-page__actions{width:100%;justify-content:flex-end}.obs-btn{padding:6px 10px;font-size:.8rem}.observer-config-page__body{padding:12px 16px}.observer-saveas-bar{padding:8px 16px;flex-wrap:wrap;gap:6px}.observer-saveas-bar input{flex:1;min-width:100px;width:auto}}[data-theme=dark] .observer-config-page{background:#111827}[data-theme=dark] .observer-config-page__body{background:#020617}[data-theme=dark] .observer-config-page__header{background:#020617;border-color:#374151}[data-theme=dark] .observer-saveas-bar{background:#1f2937;border-color:#374151}[data-theme=dark] .observer-config-page__title{color:#f9fafb}[data-theme=dark] .observer-config-page__subtitle{color:#9ca3af}[data-theme=dark] .obs-btn--secondary{background:#1f2937;color:#e5e7eb;border-color:#374151}[data-theme=dark] .obs-btn--secondary:hover{background:#374151}[data-theme=dark] .observer-saveas-bar input{background:#111827;color:#f9fafb;border-color:#374151}[data-theme=dark] .observer-saveas-bar{color:#e5e7eb}.basic-config-tab{border:none;padding:0}.basic-config-tab legend{display:none}.form-group{margin-bottom:20px}.form-group--enable{padding-bottom:20px;margin-bottom:24px;border-bottom:1px solid var(--border-color)}.form-group--row{display:grid;grid-template-columns:160px 1fr;column-gap:24px;align-items:start}.field-label{display:block;padding-top:7px;font-size:var(--font-size-sm);font-weight:500;color:var(--text-secondary);text-align:right;white-space:nowrap}.field-control{display:flex;flex-direction:column;gap:6px;min-width:0}.checkbox-label{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:var(--font-size-base);color:var(--text-primary)}.checkbox-label input[type=checkbox]{width:15px;height:15px;flex-shrink:0;align-self:center;margin:0 8px 0 0;cursor:pointer;accent-color:var(--primary-color, #3a8c45)}.checkbox-label input[type=checkbox]:disabled{opacity:.5}.checkbox-text{-webkit-user-select:none;user-select:none}.help-text{display:block;font-size:var(--font-size-sm);color:var(--text-secondary)}.help-text--indented{margin-left:23px}.basic-config-tab select{padding:var(--spacing-sm) var(--spacing-md);border:1px solid #e5e7eb;border-radius:12px;background:#fffc;box-shadow:0 1px 3px #0000001a;color:var(--text-primary);font-size:var(--font-size-base);cursor:pointer;width:100%;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}[data-theme=dark] .basic-config-tab select{background:#ffffff0d;border-color:#3a8c4533;box-shadow:0 4px 6px -1px #0000004d}.basic-config-tab select:disabled{opacity:.5}.basic-config-tab select:hover:not(:disabled){border-color:#3a8c4566}.basic-config-tab select:focus{outline:none;border-color:#3a8c4599;box-shadow:0 0 0 3px #3a8c4526}.preset-buttons{display:flex;gap:var(--spacing-md);flex-wrap:wrap}.preset-btn{padding:var(--spacing-sm) var(--spacing-lg);border:1px solid #e5e7eb;border-radius:12px;background:#fffc;box-shadow:0 1px 3px #0000001a;color:var(--text-primary);cursor:pointer;font-size:var(--font-size-sm);transition:all var(--transition-fast);white-space:nowrap;text-align:center}[data-theme=dark] .preset-btn{background:#ffffff0d;border-color:#3a8c4533;box-shadow:0 4px 6px -1px #0000004d}.preset-btn:hover:not(:disabled){background:#3a8c452e;border-color:#3a8c4566}.preset-btn:active:not(:disabled){background:#3a8c45;border-color:#3a8c45;color:#fff}.preset-btn:focus{outline:none;border-color:#3a8c4599;box-shadow:0 0 0 3px #3a8c4526}.preset-btn:disabled{opacity:.5;cursor:not-allowed}.quick-filters{display:flex;flex-direction:column;gap:10px}.info-box{padding:var(--spacing-md) var(--spacing-lg);background:#fffc;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px #0000001a;font-size:var(--font-size-sm);margin-top:8px}[data-theme=dark] .info-box{background:#ffffff0d;border-color:#3a8c4533;box-shadow:0 4px 6px -1px #0000004d}.info-box p{margin:0;color:var(--text-primary)}.entity-filters-tab{border:none;padding:0}.entity-filters-tab legend{margin-bottom:20px;font-size:var(--font-size-base);font-weight:600}.entity-filters-tab legend .toggle-advanced{font-size:var(--font-size-base);font-weight:600}.entity-section{margin-bottom:0}.entity-section+.entity-section,.entity-section+.entity-id-section{padding-top:20px;margin-top:20px;border-top:1px solid var(--border-color)}.entity-section__label{display:block;font-size:var(--font-size-base);font-weight:600;color:var(--text-primary);margin-bottom:12px}.entity-section__label--sub{color:var(--text-primary)}.entity-filters-tab .checkbox-label{display:flex;align-items:center;gap:8px;cursor:pointer;width:100%}.entity-filters-tab .checkbox-label input[type=checkbox]{flex-shrink:0;align-self:center;margin:0}.checkbox-row{display:grid;grid-template-columns:repeat(5,1fr);gap:12px 8px}@media (max-width: 1599px){.checkbox-row{grid-template-columns:repeat(4,1fr)}}@media (max-width: 1199px){.checkbox-row{grid-template-columns:repeat(2,1fr)}.entity-filters-tab{max-width:100%}}@media (max-width: 767px){.checkbox-row{grid-template-columns:1fr}}.entity-id-section{padding-top:20px;margin-top:20px;border-top:1px solid var(--border-color);margin-bottom:0}.entity-filters-tab--collapsed legend{margin-bottom:0}.entity-filters-tab--collapsed .entity-id-section{margin-top:8px;padding-top:8px;border-top:none}.toggle-advanced{background:none;border:none;padding:0;cursor:pointer;color:var(--primary-color);font-weight:600;font-size:var(--font-size-base);display:flex;align-items:center;gap:var(--spacing-sm)}.toggle-advanced:disabled{opacity:.5}.advanced-ids{margin-top:var(--spacing-md);padding:var(--spacing-md);background:var(--bg-secondary);border-radius:var(--radius-md)}.input-group{margin-bottom:var(--spacing-md)}.input-group:last-child{margin-bottom:0}.input-group label{display:block;margin-bottom:var(--spacing-sm);font-weight:500;font-size:var(--font-size-sm);color:var(--text-primary)}.input-group input{width:100%;padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-primary);color:var(--text-primary);font-size:var(--font-size-base);box-sizing:border-box;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.input-group input:disabled{opacity:.5}.input-group input:hover:not(:disabled){border-color:#3a8c4566}.input-group input:focus{outline:none;border-color:#3a8c4599;box-shadow:0 0 0 3px #3a8c4526}.input-group small{display:block;margin-top:var(--spacing-xs);font-size:var(--font-size-sm);color:var(--text-secondary)}.entity-filters-tab .info-box{margin-top:20px}.event-filters-tab{border:none;padding:0}.event-filters-tab legend{margin:0}.event-filters-tab .checkbox-label{display:flex;align-items:center;gap:8px;cursor:pointer;width:100%}.event-types-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:0 8px}@media (max-width: 1599px){.event-types-grid{grid-template-columns:repeat(4,1fr)}}@media (max-width: 1199px){.event-types-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 767px){.event-types-grid{grid-template-columns:1fr}}.event-filters-tab .checkbox-label input[type=checkbox]{flex-shrink:0;align-self:center;margin:0}.checkbox-label.highlight{padding:var(--spacing-md) var(--spacing-lg);font-size:var(--font-size-sm);background:#fffc;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px #0000001a}[data-theme=dark] .checkbox-label.highlight{background:#ffffff0d;border-color:#3a8c4533;box-shadow:0 4px 6px -1px #0000004d}.performance-filters-tab{border:none;padding:0}.performance-filters-tab input{transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.performance-filters-tab input:hover:not(:disabled){border-color:#3a8c4566}.performance-filters-tab input:focus{outline:none;border-color:#3a8c4599;box-shadow:0 0 0 3px #3a8c4526}.duration-example{margin-top:var(--spacing-lg);padding:var(--spacing-md);background:#fffc;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px #0000001a}[data-theme=dark] .duration-example{background:#ffffff0d;border-color:#3a8c4533;box-shadow:0 4px 6px -1px #0000004d}.duration-example strong{display:block;margin-bottom:var(--spacing-sm);font-size:var(--font-size-sm)}.duration-example ul{margin:0;padding-left:var(--spacing-lg);font-size:var(--font-size-sm);color:var(--text-secondary)}.duration-example li{margin-bottom:var(--spacing-xs)}.advanced-tab{border:none;padding:0}.description{font-size:var(--font-size-sm);color:var(--text-secondary);margin-top:var(--spacing-md);margin-bottom:var(--spacing-lg)}.json-editor-container{margin-bottom:var(--spacing-lg)}.json-editor{width:100%;padding:var(--spacing-md);border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px #0000001a;font-family:Courier New,monospace;font-size:12px;line-height:1.4;background:#fffc;color:var(--text-primary);resize:vertical;box-sizing:border-box;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}[data-theme=dark] .json-editor{background:#ffffff0d;border-color:#3a8c4533;box-shadow:0 4px 6px -1px #0000004d}.json-editor:disabled{opacity:.5}.json-editor:hover:not(:disabled):not(.error){border-color:#3a8c4566}.json-editor:focus:not(.error){outline:none;border-color:#3a8c4599;box-shadow:0 0 0 3px #3a8c4526}.json-editor.error{border-color:var(--danger-color);background:#cc00000d}.success-message{padding:var(--spacing-sm) var(--spacing-md);background:#00aa000d;border-left:3px solid var(--success-color);border-radius:var(--radius-md);color:var(--success-color);font-size:var(--font-size-sm);margin-bottom:var(--spacing-lg)}.error-message{padding:var(--spacing-sm) var(--spacing-md);background:#cc00000d;border-left:3px solid var(--danger-color);border-radius:var(--radius-md);color:var(--danger-color);font-size:var(--font-size-sm);margin-bottom:var(--spacing-lg)}.editor-buttons{display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.btn{padding:var(--spacing-sm) var(--spacing-md);border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px #0000001a;background:#fffc;color:var(--text-primary);cursor:pointer;font-size:var(--font-size-sm);transition:all var(--transition-fast)}[data-theme=dark] .btn{background:#ffffff0d;border-color:#3a8c4533;box-shadow:0 4px 6px -1px #0000004d}.btn:hover:not(:disabled){background:var(--primary-color);color:#fff;border-color:var(--primary-color)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--primary-color);color:#fff;border-color:var(--primary-color)}.btn-primary:hover:not(:disabled){opacity:.9}.btn-secondary{color:var(--text-primary)}.saved-configs-tab{border:none;padding:0}.empty-state{text-align:center;padding:var(--spacing-xl);margin-top:var(--spacing-md);background:#fffc;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px #0000001a;color:var(--text-secondary);font-style:italic}[data-theme=dark] .empty-state{background:#ffffff0d;border-color:#3a8c4533;box-shadow:0 4px 6px -1px #0000004d}.config-list{display:flex;flex-direction:column;gap:var(--spacing-md)}.config-item{padding:var(--spacing-md);background:#fffc;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px #0000001a}[data-theme=dark] .config-item{background:#ffffff0d;border-color:#3a8c4533;box-shadow:0 4px 6px -1px #0000004d}.config-header{margin-bottom:var(--spacing-sm)}.config-header h4{margin:0 0 var(--spacing-xs) 0;font-size:var(--font-size-base);font-weight:600}.config-desc{display:block;font-size:var(--font-size-sm);color:var(--text-secondary)}.config-meta{display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-sm);font-size:var(--font-size-sm);color:var(--text-secondary);flex-wrap:wrap}.meta-item{display:block}.config-preview{margin-bottom:var(--spacing-sm)}.config-preview small{font-size:.8em;color:var(--text-secondary)}.config-actions{display:flex;gap:var(--spacing-sm)}.btn-danger{background:var(--danger-color);color:#fff;border-color:var(--danger-color)}.btn-danger:hover:not(:disabled){opacity:.9}.console-tab{display:flex;flex-direction:column;gap:var(--spacing-md);padding:0}.console-controls{display:flex;justify-content:space-between;align-items:center;padding-bottom:var(--spacing-md);border-bottom:1px solid var(--border-color);flex-wrap:wrap;gap:var(--spacing-md)}.view-mode-toggle{display:flex;gap:var(--spacing-md)}.view-mode-toggle label{display:flex;align-items:center;gap:var(--spacing-sm);cursor:pointer;font-size:var(--font-size-sm)}.view-mode-toggle input[type=radio]{cursor:pointer}.view-mode-toggle input[type=radio]:disabled{opacity:.5}.console-stats{display:flex;gap:var(--spacing-lg);font-size:var(--font-size-sm)}.copy-all-buttons{display:flex;gap:var(--spacing-sm);margin-left:auto}.copy-all-btn{padding:var(--spacing-xs) var(--spacing-sm);background:var(--primary-color);color:#fff;border:none;border-radius:var(--radius-md);cursor:pointer;font-size:var(--font-size-sm);transition:opacity var(--transition-fast);white-space:nowrap}.copy-all-btn:hover:not(:disabled){opacity:.9}.copy-all-btn:disabled{opacity:.5;cursor:not-allowed}.stat{color:var(--text-secondary)}.stat.error{color:#c00;font-weight:600}.stat.warn{color:#f90;font-weight:600}.console-logs{background:#fffc;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px #0000001a;max-height:500px;overflow-y:auto;font-family:Courier New,monospace;font-size:12px;line-height:1.4}[data-theme=dark] .console-logs{background:#ffffff0d;border-color:#3a8c4533;box-shadow:0 4px 6px -1px #0000004d}.console-empty{padding:var(--spacing-lg);text-align:center;color:var(--text-secondary);font-style:italic}.console-log-item{border-bottom:1px solid var(--border-color)}.console-log-item:last-child{border-bottom:none}.console-log-header{padding:var(--spacing-md);cursor:pointer;display:flex;align-items:center;gap:var(--spacing-sm);transition:background-color var(--transition-fast);-webkit-user-select:none;user-select:none}.console-log-header:hover{background-color:#0066cc0d}.hierarchy-indicator{color:var(--text-secondary);opacity:.6;font-weight:600;min-width:24px}.hierarchy-workflow .hierarchy-indicator{color:#06c}.hierarchy-node .hierarchy-indicator{color:#0a0}.log-level{font-weight:700;min-width:70px}.log-time{color:var(--text-secondary);font-size:11px;min-width:80px}.log-message{flex:1;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.log-expand{color:var(--text-secondary);min-width:20px;text-align:center}.copy-icon-btn{background:none;border:none;color:var(--text-secondary);font-size:1em;cursor:pointer;opacity:0;transition:opacity var(--transition-fast),color var(--transition-fast);padding:0;margin-left:var(--spacing-sm);min-width:24px}.console-log-header:hover .copy-icon-btn{opacity:1}.copy-icon-btn:hover{color:var(--primary-color)}.copy-icon-btn:active{color:var(--success-color)}.console-log-content{padding:var(--spacing-md);background:var(--bg-primary);border-top:1px solid var(--border-color)}.log-data-container{display:flex;flex-direction:column;gap:var(--spacing-md)}.log-formatted,.log-raw{margin:0;padding:var(--spacing-md);background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);overflow-x:auto;max-height:300px;overflow-y:auto;color:var(--text-primary);white-space:pre-wrap;word-wrap:break-word}.copy-btn{padding:var(--spacing-sm) var(--spacing-md);background:var(--primary-color);color:#fff;border:none;border-radius:var(--radius-md);cursor:pointer;font-size:var(--font-size-sm);transition:opacity var(--transition-fast);align-self:flex-start}.copy-btn:hover{opacity:.9}.console-info{padding:var(--spacing-md);background:#fffc;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px #0000001a;font-size:var(--font-size-sm);color:var(--text-primary)}[data-theme=dark] .console-info{background:#ffffff0d;border-color:#3a8c4533;box-shadow:0 4px 6px -1px #0000004d}.console-info p{margin:0}.preview-section{background:#fffc;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px #0000001a;padding:var(--spacing-lg);margin-top:var(--spacing-lg)}[data-theme=dark] .preview-section{background:#ffffff0d;border-color:#3a8c4533;box-shadow:0 4px 6px -1px #0000004d}.preview-section h3{margin:0 0 var(--spacing-md) 0;font-size:var(--font-size-base);font-weight:600}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-md);margin:0 0 var(--spacing-lg) 0}@media (max-width: 768px){.stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 480px){.stats-grid{grid-template-columns:1fr}}.stat-card{background:var(--bg-primary)!important;border:1px solid var(--border-color);border-radius:12px;box-shadow:var(--shadow-sm);padding:var(--spacing-md);text-align:center}.stat-value{font-size:1.5em;font-weight:700;color:var(--primary-color);margin-bottom:var(--spacing-xs)}.stat-label{font-size:var(--font-size-sm);color:var(--text-secondary);margin-bottom:var(--spacing-xs)}.stat-subtext{font-size:.75em;color:var(--text-secondary);opacity:.7}.filter-summary{margin-bottom:var(--spacing-md)}.filter-summary h4{margin:0 0 var(--spacing-sm) 0;font-size:var(--font-size-sm);font-weight:600}.filter-list{list-style:none;padding:0;margin:0}.filter-item{display:block;padding:var(--spacing-xs) 0;font-size:var(--font-size-sm);color:var(--text-primary);border-bottom:1px solid var(--border-color)}.filter-list li:last-child .filter-item{border-bottom:none}.no-filters{font-size:var(--font-size-sm);color:var(--text-secondary);font-style:italic}.events-preview{margin-bottom:var(--spacing-md)}.events-preview h4{margin:0 0 var(--spacing-sm) 0;font-size:var(--font-size-sm);font-weight:600}.event-list{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:12px;box-shadow:var(--shadow-sm);padding:var(--spacing-md);max-height:200px;overflow-y:auto}.event-item{display:flex;gap:var(--spacing-md);padding:var(--spacing-sm) 0;border-bottom:1px solid var(--border-color);font-size:var(--font-size-sm)}.event-item:last-child{border-bottom:none}.event-item.placeholder{justify-content:center;color:var(--text-secondary);font-style:italic}.event-type{min-width:60px;font-weight:600;color:var(--primary-color)}.event-stage{flex:1;color:var(--text-primary)}.event-time{color:var(--text-secondary);font-size:.875em}.no-events{text-align:center;padding:var(--spacing-md);color:var(--text-secondary);font-style:italic}.preview-help{margin-top:0;padding:var(--spacing-sm) var(--spacing-md);background:#0066cc0f;border-left:3px solid var(--primary-color);border-radius:var(--radius-md);font-size:var(--font-size-sm);color:var(--text-secondary)}[data-theme=dark] .preview-help{background:#0066cc2e}.preview-help p{margin:0}.observer-config-editor{display:flex;flex-direction:column;gap:var(--spacing-md)}.validation-errors{padding:var(--spacing-md);background:#dc262626;border-left:4px solid var(--danger-color);border-radius:var(--radius-md);color:var(--danger-color)}.error-message{margin:var(--spacing-sm) 0}.observer-tabs{display:flex;gap:var(--spacing-sm);border-bottom:1px solid var(--border-color);flex-wrap:wrap}.tab-button{padding:var(--spacing-md) var(--spacing-lg);background:transparent;border:none;border-bottom:2px solid transparent;cursor:pointer;color:#94a3b8;font-weight:400;transition:all var(--transition-fast);display:flex;align-items:center;gap:var(--spacing-sm)}[data-theme=dark] .tab-button{color:#64748b}.tab-button:hover:not(.active){color:#64748b}[data-theme=dark] .tab-button:hover:not(.active){color:#94a3b8}.tab-button.active{border-bottom-color:#3a8c45;color:#3a8c45;font-weight:600}.tab-button:disabled{opacity:.5;cursor:not-allowed}.tab-icon{font-size:1.2em}.tab-label{font-size:var(--font-size-sm)}.tab-content{padding:var(--spacing-lg) 0;width:100%}@media (min-width: 1441px){.tab-content{max-width:1400px;margin:0 auto}}.loading{text-align:center;padding:var(--spacing-xl);color:var(--text-secondary)}@media (max-width: 1199px) and (min-width: 768px){.observer-tabs{gap:0}.tab-button{flex:0 0 auto}.tab-button.active{border-bottom-color:transparent;box-shadow:inset 0 -3px 0 var(--primary-color)}}@media (max-width: 767px){.observer-tabs{flex-wrap:wrap;overflow-x:visible;gap:0}.tab-button:nth-child(1),.tab-button:nth-child(2),.tab-button:nth-child(3){flex:0 0 33.33%;max-width:33.33%}.tab-button:nth-child(4),.tab-button:nth-child(5),.tab-button:nth-child(6),.tab-button:nth-child(7){flex:0 0 25%;max-width:25%}.tab-button{justify-content:center;padding:var(--spacing-sm) var(--spacing-xs)}.tab-button.active{border-bottom-color:transparent;box-shadow:inset 0 -3px 0 var(--primary-color)}.tab-label{font-size:.7rem;white-space:normal;line-height:1.15;text-align:center}.tab-icon{font-size:1em}}.hil-test-page{display:flex;height:100vh;overflow:hidden}.hil-test-left-panel{width:640px;flex-shrink:0;border-right:1px solid var(--panel-border)}.hil-test-right-panel{align-items:flex-end;justify-content:flex-start;padding:72px 110px 40px 40px}@media (min-width: 1441px){.hil-test-page{max-width:1600px;margin:0 auto}}@media (max-width: 1023px){.hil-test-page{flex-direction:column;height:auto;min-height:100vh;overflow:visible}.hil-test-left-panel{width:100%;flex-shrink:1;border-right:none;border-bottom:1px solid var(--panel-border)}.hil-test-right-panel{align-items:center;justify-content:flex-start;padding:32px 20px 40px}}.hil-btn:hover:not(:disabled){background:#22c55e!important;border-color:#22c55e!important;color:#fff!important}.hil-btn:active:not(:disabled){background:#15803d!important;border-color:#15803d!important;color:#fff!important}.hil-input:hover{border-color:#3a8c4566!important}.hil-input:focus{outline:none;border-color:#3a8c4599!important;box-shadow:0 0 0 3px #3a8c4526}.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{--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-2xl: 48px;--spacing-3xl: 64px}:root{--font-family: "Segoe UI Variable Text", "Segoe UI", -apple-system, BlinkMacSystemFont, "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;--font-mono: ui-monospace, "Cascadia Code", "Consolas", "Monaco", "Menlo", "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;--font-xs: var(--font-size-xs);--font-sm: var(--font-size-sm);--font-lg: var(--font-size-lg);--weight-light: var(--font-weight-light);--weight-normal: var(--font-weight-normal);--weight-medium: var(--font-weight-medium);--weight-semibold: var(--font-weight-semibold);--weight-bold: var(--font-weight-bold);--weight-extrabold: var(--font-weight-extrabold);--backdrop-blur: blur(10px);--app-header-height: 70px;--app-footer-height: 24px}: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)}:root{--shadow-none: none;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-base: 0 1px 3px rgba(0, 0, 0, .1), 0 1px 2px rgba(0, 0, 0, .06);--shadow-md: 0 4px 6px rgba(0, 0, 0, .1), 0 2px 4px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .1), 0 4px 6px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px rgba(0, 0, 0, .1), 0 10px 10px rgba(0, 0, 0, .04);--shadow-2xl: 0 25px 50px rgba(0, 0, 0, .25);--shadow-header: 0 2px 8px rgba(0, 0, 0, .1);--shadow-sidebar: inset -2px 0 8px rgba(0, 0, 0, .2);--shadow-modal: 0 20px 25px rgba(0, 0, 0, .15);--shadow-button-hover: 0 4px 12px rgba(0, 0, 0, .15)}[data-theme=dark]{--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-base: 0 1px 3px rgba(0, 0, 0, .3), 0 1px 2px rgba(0, 0, 0, .2);--shadow-md: 0 4px 6px rgba(0, 0, 0, .3), 0 2px 4px rgba(0, 0, 0, .2);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .3), 0 4px 6px rgba(0, 0, 0, .15);--shadow-header: 0 2px 8px rgba(0, 0, 0, .3);--shadow-sidebar: inset -2px 0 8px rgba(0, 0, 0, .4);--shadow-modal: 0 20px 25px rgba(0, 0, 0, .3)}:root{--z-index-base: 0;--z-index-sticky: 10;--z-index-fixed: 20;--z-index-sidebar: 100;--z-index-header: 101;--z-index-dropdown: 500;--z-index-header-mobile: 900;--z-index-drawer-backdrop: 910;--z-index-drawer-content: 920;--z-index-dropdown-mobile: 930;--z-index-modal-overlay: 1000;--z-index-modal-content: 1001;--z-index-tooltip: 1100;--z-index-notification: 1200;--z-modal-backdrop: 1040;--z-modal: 1050;--z-dropdown: 1000;--z-fixed: 1030;--z-sticky: 999;--z-tooltip: 1100;--z-popover: 1060}:root{--slate-50: #f8fafc;--slate-100: #f1f5f9;--slate-200: #e2e8f0;--slate-300: #cbd5e1;--slate-400: #94a3b8;--slate-500: #64748b;--slate-600: #475569;--slate-700: #334155;--slate-800: #1e293b;--slate-900: #0f172a;--slate-950: #020617;--midnight-base: var(--slate-950);--midnight-panel: rgba(15, 23, 42, .95);--midnight-panel-soft: rgba(15, 23, 42, .6);--midnight-raised: rgba(30, 41, 59, .8);--primary-dark: #15803d;--primary-darker: #166534;--primary-bright: #4aab57;--primary-tint: rgba(48, 155, 72, .12);--primary-tint-strong: rgba(48, 155, 72, .25);--primary-ring: rgba(48, 155, 72, .1);--node-trigger-from: #1a4d2a;--node-trigger-to: #0d2516;--node-http-from: #2e1f5c;--node-http-to: #1a1238;--node-database-from: #4a3210;--node-database-to: #2a1c08;--node-transform-from: #0d3d2e;--node-transform-to: #071e18;--node-logic-from: #1f2060;--node-logic-to: #12133a;--node-notification-from: #4a1a2e;--node-notification-to: #2a0e1a;--node-file-from: #17305c;--node-file-to: #0d1c38;--node-blockchain-from: #2d1a52;--node-blockchain-to: #180e30;--node-ai-agent-from: #1a4d2a;--node-ai-agent-to: #0d2516;--node-llm-from: #2d1a52;--node-llm-to: #180e30;--node-tool-from: #0d3d2e;--node-tool-to: #071e18;--node-ai-memory-from: #3d0d45;--node-ai-memory-to: #220728}:root{--gray-000000: #000000;--gray-0a0d14: #0a0d14;--gray-0e1110: #0e1110;--gray-1a1a1a: #1a1a1a;--gray-111827: #111827;--gray-1e1e1e: #1e1e1e;--gray-1a1a2e: #1a1a2e;--gray-1a1f2e: #1a1f2e;--gray-212529: #212529;--gray-1a2332: #1a2332;--gray-1f2937: #1f2937;--gray-2d2d2d: #2d2d2d;--gray-333333: #333333;--gray-2d3748: #2d3748;--gray-2d374b: #2d374b;--gray-3d3d3d: #3d3d3d;--gray-374151: #374151;--gray-3a4452: #3a4452;--gray-4d4d4d: #4d4d4d;--gray-4b5563: #4b5563;--gray-5d5d5d: #5d5d5d;--gray-606060: #606060;--gray-666666: #666666;--gray-6b7873: #6b7873;--gray-6c757d: #6c757d;--gray-6b7280: #6b7280;--gray-808080: #808080;--gray-7f8c8d: #7f8c8d;--gray-888888: #888888;--gray-999999: #999999;--gray-96a09b: #96a09b;--gray-95a5a6: #95a5a6;--gray-9ca3af: #9ca3af;--gray-aaaaaa: #aaaaaa;--gray-b0b0b0: #b0b0b0;--gray-adb5bd: #adb5bd;--gray-bbbbbb: #bbbbbb;--gray-cccccc: #cccccc;--gray-c8d2cd: #c8d2cd;--gray-cbd5e0: #cbd5e0;--gray-d1d5db: #d1d5db;--gray-dddddd: #dddddd;--gray-dce1de: #dce1de;--gray-e0e0e0: #e0e0e0;--gray-dee2e6: #dee2e6;--gray-e5e7eb: #e5e7eb;--gray-e8e8f0: #e8e8f0;--gray-e9ecef: #e9ecef;--gray-eeeeee: #eeeeee;--gray-f0f0f0: #f0f0f0;--gray-f0f1f3: #f0f1f3;--gray-f1f3f5: #f1f3f5;--gray-f3f4f6: #f3f4f6;--gray-f5f5f5: #f5f5f5;--gray-f9f9f9: #f9f9f9;--gray-f8f9fa: #f8f9fa;--gray-fafafa: #fafafa;--gray-f9fafb: #f9fafb;--red-3f1f1f: #3f1f1f;--red-5f2f2f: #5f2f2f;--red-721c24: #721c24;--red-7f1d1d: #7f1d1d;--red-7f1f1f: #7f1f1f;--red-991b1b: #991b1b;--red-b91c1c: #b91c1c;--red-ff0000: #ff0000;--red-cc3333: #cc3333;--red-dc2626: #dc2626;--red-d32f2f: #d32f2f;--red-dc3545: #dc3545;--red-e74c3c: #e74c3c;--red-f44336: #f44336;--red-ef4444: #ef4444;--red-f43f5e: #f43f5e;--red-f87171: #f87171;--red-ff6b6b: #ff6b6b;--red-fb7185: #fb7185;--red-ff7c7c: #ff7c7c;--red-fca5a5: #fca5a5;--red-f5c6cb: #f5c6cb;--red-fecaca: #fecaca;--red-ffcccc: #ffcccc;--red-ffcdd2: #ffcdd2;--red-ffdddd: #ffdddd;--red-fee2e2: #fee2e2;--red-ffebee: #ffebee;--red-ffeeee: #ffeeee;--red-fef2f2: #fef2f2;--orange-92400e: #92400e;--orange-b45309: #b45309;--orange-d97706: #d97706;--orange-f57c00: #f57c00;--orange-ea580c: #ea580c;--orange-ff9900: #ff9900;--orange-ff9800: #ff9800;--orange-f59e0b: #f59e0b;--orange-ffa502: #ffa502;--orange-f97316: #f97316;--orange-fb923c: #fb923c;--orange-ce9178: #ce9178;--orange-ffc658: #ffc658;--orange-ffd3b6: #ffd3b6;--orange-fff3e0: #fff3e0;--yellow-856404: #856404;--yellow-eab308: #eab308;--yellow-d69e2e: #d69e2e;--yellow-ffc107: #ffc107;--yellow-facc15: #facc15;--yellow-fbbf24: #fbbf24;--yellow-fde047: #fde047;--yellow-fcd34d: #fcd34d;--yellow-fef3c7: #fef3c7;--yellow-fff3cd: #fff3cd;--green-052e16: #052e16;--green-0d2e14: #0d2e14;--green-112e17: #112e17;--green-103018: #103018;--green-132e1c: #132e1c;--green-123821: #123821;--green-064e3b: #064e3b;--green-174020: #174020;--green-14461e: #14461e;--green-065f46: #065f46;--green-14532d: #14532d;--green-155724: #155724;--green-1a5228: #1a5228;--green-1e5028: #1e5028;--green-1e5c2e: #1e5c2e;--green-256030: #256030;--green-256636: #256636;--green-1a7a30: #1a7a30;--green-1a7f64: #1a7f64;--green-059669: #059669;--green-2d7038: #2d7038;--green-0d9668: #0d9668;--green-228b22: #228b22;--green-288740: #288740;--green-16a34a: #16a34a;--green-2d8f3d: #2d8f3d;--green-1ea34f: #1ea34f;--green-388e3c: #388e3c;--green-10b981: #10b981;--green-28a745: #28a745;--green-84cc16: #84cc16;--green-22c55e: #22c55e;--green-4a9d54: #4a9d54;--green-3ab456: #3ab456;--green-4caf50: #4caf50;--green-34d399: #34d399;--green-34d67a: #34d67a;--green-4ade80: #4ade80;--green-82c98a: #82c98a;--green-82ca9d: #82ca9d;--green-6ee7b7: #6ee7b7;--green-86efac: #86efac;--green-b4cea8: #b4cea8;--green-b5cea8: #b5cea8;--green-a8e6cf: #a8e6cf;--green-b7debb: #b7debb;--green-a5f3c0: #a5f3c0;--green-d1fae5: #d1fae5;--green-dcf0de: #dcf0de;--green-e8f5e9: #e8f5e9;--green-f1f8f4: #f1f8f4;--green-f0faf1: #f0faf1;--green-f0fdf4: #f0fdf4;--teal-0d2120: #0d2120;--teal-0c5460: #0c5460;--teal-10a37f: #10a37f;--teal-0891b2: #0891b2;--teal-14b8a6: #14b8a6;--teal-17a2b8: #17a2b8;--teal-06b6d4: #06b6d4;--teal-22d3ee: #22d3ee;--teal-4ecdc4: #4ecdc4;--teal-38bdf8: #38bdf8;--teal-67e8f9: #67e8f9;--teal-7dd3fc: #7dd3fc;--teal-a5f3fc: #a5f3fc;--blue-01030c: #01030c;--blue-010410: #010410;--blue-0f1223: #0f1223;--blue-141e30: #141e30;--blue-0c4a6e: #0c4a6e;--blue-004ba3: #004ba3;--blue-0369a1: #0369a1;--blue-1e3a8a: #1e3a8a;--blue-0056b3: #0056b3;--blue-0066cc: #0066cc;--blue-1e40af: #1e40af;--blue-1976d2: #1976d2;--blue-1d4ed8: #1d4ed8;--blue-007bff: #007bff;--blue-0080ff: #0080ff;--blue-0099ff: #0099ff;--blue-4338ca: #4338ca;--blue-2563eb: #2563eb;--blue-2196f3: #2196f3;--blue-4a90e2: #4a90e2;--blue-569cd6: #569cd6;--blue-4a56e2: #4a56e2;--blue-3b82f6: #3b82f6;--blue-7877c6: #7877c6;--blue-667eea: #667eea;--blue-6366f1: #6366f1;--blue-58a6ff: #58a6ff;--blue-60a5fa: #60a5fa;--blue-8884d8: #8884d8;--blue-93c5fd: #93c5fd;--blue-9cdcfe: #9cdcfe;--blue-a5b4fc: #a5b4fc;--blue-bfdbfe: #bfdbfe;--blue-dbeafe: #dbeafe;--blue-e3f2fd: #e3f2fd;--blue-eff6ff: #eff6ff;--blue-f0f7ff: #f0f7ff;--blue-f0f9ff: #f0f9ff;--violet-764ba2: #764ba2;--violet-7c3aed: #7c3aed;--violet-a855f7: #a855f7;--violet-8b5cf6: #8b5cf6;--violet-a78bfa: #a78bfa;--violet-e0aaff: #e0aaff;--violet-ddd6fe: #ddd6fe;--violet-f5f3ff: #f5f3ff;--pink-ec4899: #ec4899;--pink-d946ef: #d946ef;--pink-ff9ff3: #ff9ff3;--white-rgb: 255 255 255;--black-rgb: 0 0 0;--error-rgb: 239 68 68;--info-rgb: 59 130 246;--slate-900-rgb: 15 23 42;--slate-950-rgb: 2 6 23;--primary-rgb: 48 155 72;--slate-800-rgb: 30 41 59;--slate-500-rgb: 100 116 139;--green-500-rgb: 34 197 94;--success-rgb: 16 185 129;--warning-rgb: 245 158 11;--slate-400-rgb: 148 163 184;--info-600-rgb: 37 99 235;--rose-rgb: 244 63 94;--slate-700-rgb: 51 65 85;--gray-dce1de-rgb: 220 225 222;--yellow-fbbf24-rgb: 251 191 36;--teal-17a2b8-rgb: 23 162 184;--red-dc3545-rgb: 220 53 69;--green-4ade80-rgb: 74 222 128;--blue-6366f1-rgb: 99 102 241;--blue-141e30-rgb: 20 30 48;--red-d32f2f-rgb: 211 47 47;--blue-0066cc-rgb: 0 102 204;--gray-1f2937-rgb: 31 41 55;--gray-111827-rgb: 17 24 39;--gray-f3f4f6-rgb: 243 244 246;--gray-f0f1f3-rgb: 240 241 243;--blue-58a6ff-rgb: 88 166 255;--slate-200-rgb: 226 232 240;--gray-96a09b-rgb: 150 160 155;--green-28a745-rgb: 40 167 69;--violet-8b5cf6-rgb: 139 92 246;--blue-60a5fa-rgb: 96 165 250;--red-7f1d1d-rgb: 127 29 29;--red-991b1b-rgb: 153 27 27;--green-14461e-rgb: 20 70 30;--red-fca5a5-rgb: 252 165 165;--yellow-ffc107-rgb: 255 193 7;--orange-f97316-rgb: 249 115 22;--violet-a78bfa-rgb: 167 139 250;--green-228b22-rgb: 34 139 34;--green-1a5228-rgb: 26 82 40;--green-1e5c2e-rgb: 30 92 46;--violet-a855f7-rgb: 168 85 247;--slate-600-rgb: 71 85 105;--gray-6b7280-rgb: 107 114 128;--node-trigger-from-rgb: 26 77 42;--node-trigger-to-rgb: 13 37 22;--green-256636-rgb: 37 102 54;--green-132e1c-rgb: 19 46 28;--green-16a34a-rgb: 22 163 74;--teal-22d3ee-rgb: 34 211 238;--gray-e5e7eb-rgb: 229 231 235;--blue-4338ca-rgb: 67 56 202;--blue-01030c-rgb: 1 3 12;--blue-010410-rgb: 1 4 16;--red-ff0000-rgb: 255 0 0;--orange-d97706-rgb: 217 119 6;--blue-0c4a6e-rgb: 12 74 110;--gray-f9fafb-rgb: 249 250 251;--gray-2d374b-rgb: 45 55 75;--slate-100-rgb: 241 245 249;--gray-6b7873-rgb: 107 120 115;--gray-c8d2cd-rgb: 200 210 205;--gray-0a0d14-rgb: 10 13 20;--gray-808080-rgb: 128 128 128;--blue-7877c6-rgb: 120 119 198;--blue-4a56e2-rgb: 74 86 226;--slate-300-rgb: 203 213 225;--gray-0e1110-rgb: 14 17 16;--gray-d1d5db-rgb: 209 213 219;--error-600-rgb: 220 38 38;--gray-6c757d-rgb: 108 117 125;--green-4caf50-rgb: 76 175 80}:root{--brand-green: #309B48;--brand-white: #FFFFFF;--brand-gray: #6B7879;--brand-black: #101211}:root,[data-theme=dark],.theme-dark{--bg-dark: #020617;--bg-main: #101820;--bg-surface: #17232e;--bg-overlay: rgba(0, 0, 0, .6);--bg-glass: rgba(255, 255, 255, .04);--bg-glass-hover: rgba(255, 255, 255, .08);--bg-pattern: #17232e;--text-primary: #edf3f7;--text-secondary: #afbfcb;--text-muted: #94a3b8;--text-on-primary: #FFFFFF;--text-inverse: #101820;--border-default: #304351;--border-hover: rgba(255, 255, 255, .16);--border-focus: #309B48;--border-muted: rgba(255, 255, 255, .06);--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: #10b981;--success-bg: rgba(16, 185, 129, .15);--success-border: rgba(16, 185, 129, .3);--error: #ef4444;--error-bg: rgba(239, 68, 68, .15);--error-border: rgba(239, 68, 68, .3);--warning: #f59e0b;--warning-bg: rgba(245, 158, 11, .15);--warning-border: rgba(245, 158, 11, .3);--info: #3b82f6;--info-bg: rgba(59, 130, 246, .15);--info-border: rgba(59, 130, 246, .3);--gradient-trigger: linear-gradient(135deg, var(--node-trigger-from) 0%, var(--node-trigger-to) 100%);--gradient-http: linear-gradient(135deg, var(--node-http-from) 0%, var(--node-http-to) 100%);--gradient-database: linear-gradient(135deg, var(--node-database-from) 0%, var(--node-database-to) 100%);--gradient-transform: linear-gradient(135deg, var(--node-transform-from) 0%, var(--node-transform-to) 100%);--gradient-logic: linear-gradient(135deg, var(--node-logic-from) 0%, var(--node-logic-to) 100%);--gradient-notification: linear-gradient(135deg, var(--node-notification-from) 0%, var(--node-notification-to) 100%);--gradient-file: linear-gradient(135deg, var(--node-file-from) 0%, var(--node-file-to) 100%);--gradient-ai: linear-gradient(135deg, #309B48 0%, #174623 100%);--menu-bg: rgba(23, 35, 46, .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: var(--text-primary);--menu-text-muted: var(--text-muted);--toolbar-bg: rgba(23, 35, 46, .9);--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: var(--text-secondary);--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: var(--text-secondary);--handle-bg: var(--bg-surface);--handle-border: var(--slate-500);--handle-hover-bg: #309B48;--handle-hover-border: var(--text-primary);--handle-hover-shadow: 0 0 10px rgba(48, 155, 72, .8);--panel-bg: rgba(23, 35, 46, .97);--panel-border: rgba(255, 255, 255, .08);--panel-header-gradient: linear-gradient(135deg, var(--node-ai-agent-from) 0%, var(--node-ai-agent-to) 100%);--panel-header-ai-gradient: linear-gradient(135deg, var(--node-ai-agent-from) 0%, var(--node-ai-agent-to) 100%);--panel-label-color: var(--text-muted);--panel-value-bg: rgba(255, 255, 255, .04);--panel-value-border: rgba(255, 255, 255, .08);--panel-value-color: var(--text-secondary);--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);--edge-label-bg: rgba(16, 24, 32, .95);--edge-label-border: rgba(255, 255, 255, .08);--edge-label-color: var(--text-primary);--edge-btn-bg: rgba(16, 24, 32, .95);--edge-btn-border: rgba(255, 255, 255, .14);--edge-btn-edit-hover-bg: rgba(48, 155, 72, .2);--edge-btn-delete-hover-bg: rgba(239, 68, 68, .2);--edge-path-default: var(--slate-500);--edge-path-selected: #309B48;--edge-path-hover: var(--text-secondary);--diamond-node-bg: rgba(2, 6, 23, .92);--diamond-node-border: rgba(48, 155, 72, .3);--diamond-node-border-selected: #309B48;--diamond-node-shadow: 0 4px 20px rgba(0, 0, 0, .6);--diamond-node-shadow-selected: 0 0 0 2px #309B48, 0 0 30px rgba(48, 155, 72, .6);--bg-raised: #21313e;--accent: #57cc96;--button-primary: #218454;--button-border: #329968;--button-hover: #176c43;--button-text: #FFFFFF;--error-hover: #dc2626;--error-light: #f87171;--warning-hover: #d97706;--success-glow: 0 0 15px rgba(16, 185, 129, .5);--error-glow: 0 0 15px rgba(239, 68, 68, .5);--warning-glow: 0 0 15px rgba(245, 158, 11, .5);--info-glow: 0 0 15px rgba(59, 130, 246, .5);--button-secondary-bg: rgba(255, 255, 255, .06);--button-secondary-hover: rgba(255, 255, 255, .12);--button-secondary-border: rgba(255, 255, 255, .12);--button-secondary-text: var(--text-primary);--select-bg: var(--primary-darker);--select-border: var(--primary-dark);--select-text: #FFFFFF;--placeholder: var(--slate-500);--field-bg: rgba(15, 23, 42, .8);--field-bg-hover: rgba(30, 41, 59, .9);--field-bg-open: rgba(30, 41, 59, .95);--field-border: rgba(100, 116, 139, .4);--field-border-hover: rgba(148, 163, 184, .6);--field-divider: rgba(100, 116, 139, .2);--dropdown-bg: rgba(15, 23, 42, .95);--dropdown-sticky-bg: rgba(15, 23, 42, .97);--dropdown-footer-bg: rgba(30, 41, 59, .5);--dropdown-input-bg: rgba(30, 41, 59, .8);--dropdown-shadow: 0 10px 25px rgba(0, 0, 0, .4);--card-bg: rgba(15, 23, 42, .95);--card-border: rgba(48, 155, 72, .2);--card-divider: rgba(255, 255, 255, .06);--card-hover-bg: rgba(255, 255, 255, .06);--card-shadow-rest: 0 0 20px rgba(48, 155, 72, .1);--card-shadow-hover: 0 0 30px rgba(48, 155, 72, .3);--card-accent-text: #86efac;--badge-active-bg: #14532d;--badge-active-border: rgba(34, 197, 94, .4);--select-option-bg: var(--slate-800);--select-option-text: var(--slate-50);--card-border-strong: var(--primary);--card-ud-shadow: none;--menu-shadow: 0 8px 32px 0 rgba(0, 0, 0, .5);--modal-bg: rgba(15, 23, 42, .95);--modal-border: rgba(48, 155, 72, .3);--modal-header-border: rgba(255, 255, 255, .1);--modal-footer-border: rgba(255, 255, 255, .1);--modal-title-color: var(--slate-50);--modal-label-color: var(--slate-400);--modal-input-bg: rgba(255, 255, 255, .05);--modal-input-border: rgba(255, 255, 255, .1);--modal-input-color: var(--slate-50);--modal-info-bg: rgba(255, 255, 255, .03);--modal-btn-secondary-bg: rgba(255, 255, 255, .05);--modal-btn-secondary-color: var(--slate-50);--modal-btn-secondary-hover: rgba(255, 255, 255, .1);--subflow-bg: rgba(15, 23, 42, .95);--subflow-border: #6366f1;--subflow-header-gradient: linear-gradient(135deg, #6366f1 0%, #8b5cf6 100%);--subflow-body-bg: rgba(30, 41, 59, .8);--subflow-mini-start: rgba(245, 158, 11, .25);--subflow-mini-process: rgba(59, 130, 246, .25);--subflow-mini-end: rgba(16, 185, 129, .25);--subflow-button-bg: #6366f1;--subflow-button-hover: #4f46e5;--subflow-badge-bg: rgba(99, 102, 241, .15);--subflow-badge-border: rgba(99, 102, 241, .4);--subflow-badge-color: #a5b4fc}[data-theme=light],.theme-light{--bg-dark: #f8fafc;--bg-main: #f1f5f7;--bg-surface: #ffffff;--bg-overlay: rgba(241, 245, 249, .3);--bg-glass: rgba(0, 0, 0, .02);--bg-glass-hover: rgba(0, 0, 0, .05);--bg-pattern: #e7eef2;--text-primary: #18303d;--text-secondary: #526875;--text-muted: #64748b;--text-on-primary: #FFFFFF;--text-inverse: #f1f5f7;--border-default: #cbd8e0;--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: #059669;--success-bg: rgba(5, 150, 105, .1);--success-border: rgba(5, 150, 105, .25);--success-glow: 0 0 15px rgba(5, 150, 105, .15);--error: #dc2626;--error-bg: rgba(220, 38, 38, .1);--error-border: rgba(220, 38, 38, .25);--error-glow: 0 0 15px rgba(220, 38, 38, .15);--warning: #d97706;--warning-bg: rgba(217, 119, 6, .1);--warning-border: rgba(217, 119, 6, .25);--warning-glow: 0 0 15px rgba(217, 119, 6, .15);--info: #2563eb;--info-bg: rgba(37, 99, 235, .1);--info-border: rgba(37, 99, 235, .25);--info-glow: 0 0 15px rgba(37, 99, 235, .15);--modal-bg: var(--bg-surface);--modal-border: var(--border-default);--modal-header-border: var(--border-default);--modal-footer-border: var(--border-default);--modal-title-color: var(--text-primary);--modal-label-color: var(--text-muted);--modal-input-bg: var(--bg-surface);--modal-input-border: var(--border-hover);--modal-input-color: var(--text-primary);--modal-info-bg: var(--bg-main);--modal-btn-secondary-bg: var(--bg-raised);--modal-btn-secondary-color: var(--text-primary);--modal-btn-secondary-hover: var(--border-default);--edge-label-bg: var(--bg-surface);--edge-label-border: var(--border-default);--edge-label-color: var(--text-primary);--edge-btn-bg: var(--bg-surface);--edge-btn-border: var(--border-default);--edge-btn-edit-hover-bg: var(--info-bg);--edge-btn-delete-hover-bg: var(--error-bg);--edge-path-default: var(--slate-500);--edge-path-selected: #309B48;--edge-path-hover: var(--text-secondary);--panel-bg: var(--bg-surface);--panel-border: var(--border-default);--panel-header-gradient: linear-gradient(135deg, #309B48 0%, #1E5F2E 100%);--panel-header-ai-gradient: linear-gradient(135deg, #309B48 0%, #1E5F2E 100%);--panel-label-color: var(--text-muted);--panel-value-bg: var(--bg-main);--panel-value-border: var(--border-default);--panel-value-color: var(--text-primary);--panel-badge-bg: #E6F4EA;--panel-badge-color: #174623;--panel-connection-bg: var(--bg-main);--panel-connection-border: var(--border-default);--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: var(--text-primary);--menu-text-muted: var(--text-muted);--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: var(--text-secondary);--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: var(--text-secondary);--gradient-trigger: linear-gradient(135deg, var(--node-trigger-from) 0%, var(--node-trigger-to) 100%);--gradient-http: linear-gradient(135deg, var(--node-http-from) 0%, var(--node-http-to) 100%);--gradient-database: linear-gradient(135deg, var(--node-database-from) 0%, var(--node-database-to) 100%);--gradient-transform: linear-gradient(135deg, var(--node-transform-from) 0%, var(--node-transform-to) 100%);--gradient-logic: linear-gradient(135deg, var(--node-logic-from) 0%, var(--node-logic-to) 100%);--gradient-notification: linear-gradient(135deg, var(--node-notification-from) 0%, var(--node-notification-to) 100%);--gradient-file: linear-gradient(135deg, var(--node-file-from) 0%, var(--node-file-to) 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: var(--bg-surface);--handle-border: var(--slate-500);--handle-hover-bg: #309B48;--handle-hover-border: var(--text-primary);--handle-hover-shadow: 0 0 10px rgba(48, 155, 72, .4);--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);--bg-raised: #e7eef2;--accent: #15784a;--button-primary: #15784a;--button-border: #1a9657;--button-hover: #0d5938;--button-text: #FFFFFF;--error-hover: #b91c1c;--error-light: #ef4444;--warning-hover: #b45309;--button-secondary-bg: #f3f4f6;--button-secondary-hover: #e5e7eb;--button-secondary-border: #d1d5db;--button-secondary-text: var(--text-primary);--select-bg: #FFFFFF;--select-border: #d1d5db;--select-text: var(--text-primary);--placeholder: var(--slate-400);--field-bg: #FFFFFF;--field-bg-hover: #f1f5f9;--field-bg-open: #f1f5f9;--field-border: var(--border-default);--field-border-hover: var(--slate-400);--field-divider: rgba(100, 116, 139, .2);--dropdown-bg: #FFFFFF;--dropdown-sticky-bg: #FFFFFF;--dropdown-footer-bg: #f1f5f9;--dropdown-input-bg: #f1f5f9;--dropdown-shadow: 0 10px 25px rgba(15, 23, 42, .15);--card-bg: #FFFFFF;--card-border: rgba(48, 155, 72, .25);--card-divider: rgba(0, 0, 0, .07);--card-hover-bg: rgba(0, 0, 0, .05);--card-shadow-rest: 0 4px 6px -1px rgba(0, 0, 0, .1);--card-shadow-hover: 0 10px 20px -5px rgba(0, 0, 0, .15);--card-accent-text: #1a7a30;--badge-active-bg: #16a34a;--badge-active-border: rgba(22, 163, 74, .3);--select-option-bg: #FFFFFF;--select-option-text: var(--text-primary);--card-border-strong: var(--border-default);--card-ud-shadow: 0 1px 4px rgba(0, 0, 0, .06)}:root,[data-theme=dark],.theme-dark{--bg-primary: var(--bg-main);--bg-secondary: var(--bg-surface);--bg-tertiary: var(--bg-raised);--border: var(--border-default);--border-light: var(--border-hover);--border-lighter: rgba(255, 255, 255, .24);--color-primary: var(--primary);--color-primary-hover: var(--primary-500);--color-primary-active: var(--primary-600);--color-primary-soft: var(--primary-800);--color-primary-glow: rgba(48, 155, 72, .25);--obs-primary: var(--primary);--obs-danger: var(--error);--obs-success: var(--success);--obs-warning: var(--warning);--obs-info: var(--info);--obs-secondary: var(--text-muted);--color-bg: var(--bg-main);--color-bg-secondary: var(--bg-secondary);--color-bg-tertiary: var(--bg-tertiary);--color-bg-overlay: var(--bg-overlay);--color-text-primary: var(--text-primary);--color-text-secondary: var(--text-secondary);--color-text-muted: var(--text-muted);--color-text-inverse: var(--text-inverse);--color-border: var(--border);--color-border-light: var(--border-light);--color-border-lighter: var(--border-lighter);--color-success: var(--success);--color-success-light: var(--success-bg);--color-success-glow: rgba(16, 185, 129, .25);--color-warning: var(--warning);--color-warning-light: var(--warning-bg);--color-warning-glow: rgba(245, 158, 11, .25);--color-error: var(--error);--color-error-hover: var(--error-hover);--color-error-light: var(--error-bg);--color-error-glow: rgba(239, 68, 68, .25);--color-info: var(--info);--color-info-light: var(--info-bg);--color-info-glow: rgba(59, 130, 246, .25);--success-light: var(--success-bg);--warning-light: var(--warning-bg);--error-light: var(--error-bg);--info-light: var(--info-bg);--control-bg: var(--bg-secondary);--control-bg-nested: var(--bg-tertiary);--control-bg-deep: var(--slate-700);--control-divider: var(--border-default);--input-bg: rgba(0, 0, 0, .3);--input-border: var(--border-default);--input-color: var(--text-primary);--code-bg: var(--slate-900);--code-text: var(--slate-200);--color-category-form: #2563eb;--color-category-form-light: rgba(37, 99, 235, .1);--color-category-chat: #7c3aed;--color-category-chat-light: rgba(124, 58, 237, .1);--color-category-approval: #16a34a;--color-category-approval-light: rgba(22, 163, 74, .1);--color-category-inbox: #6b7280;--color-category-inbox-light: rgba(107, 114, 128, .1);--accent-1: var(--primary);--accent-1-hover: var(--primary-500);--accent-1-active: var(--primary-600);--accent-1-soft: var(--primary-800);--accent-1-glow: rgba(48, 155, 72, .25);--bg-secondary-alt: var(--bg-secondary);--bg-tertiary-alt: var(--bg-tertiary);--bg-overlay-alt: var(--bg-overlay)}[data-theme=light],.theme-light{--bg-primary: var(--bg-main);--bg-secondary: var(--bg-surface);--bg-tertiary: var(--bg-raised);--border: var(--border-default);--border-light: var(--border-hover);--border-lighter: var(--slate-400);--color-primary: var(--primary);--color-primary-hover: var(--primary-500);--color-primary-active: var(--primary-600);--color-primary-soft: var(--primary-50);--color-primary-glow: rgba(48, 155, 72, .15);--obs-primary: var(--primary);--obs-danger: var(--error);--obs-success: var(--success);--obs-warning: var(--warning);--obs-info: var(--info);--obs-secondary: var(--text-muted);--color-bg: var(--bg-main);--color-bg-secondary: var(--bg-secondary);--color-bg-tertiary: var(--bg-tertiary);--color-bg-overlay: var(--bg-overlay);--color-text-primary: var(--text-primary);--color-text-secondary: var(--text-secondary);--color-text-muted: var(--text-muted);--color-text-inverse: var(--text-inverse);--color-border: var(--border);--color-border-light: var(--border-light);--color-border-lighter: var(--border-lighter);--color-success: var(--success);--color-success-light: var(--success-bg);--color-success-glow: rgba(5, 150, 105, .15);--color-warning: var(--warning);--color-warning-light: var(--warning-bg);--color-warning-glow: rgba(217, 119, 6, .15);--color-error: var(--error);--color-error-hover: var(--error-hover);--color-error-light: var(--error-bg);--color-error-glow: rgba(220, 38, 38, .15);--color-info: var(--info);--color-info-light: var(--info-bg);--color-info-glow: rgba(37, 99, 235, .15);--success-light: var(--success-bg);--warning-light: var(--warning-bg);--error-light: var(--error-bg);--info-light: var(--info-bg);--control-bg: var(--bg-secondary);--control-bg-nested: var(--bg-tertiary);--control-bg-deep: var(--slate-300);--control-divider: var(--border-default);--input-bg: #FFFFFF;--input-border: var(--border-hover);--input-color: var(--text-primary);--code-bg: var(--bg-pattern);--code-text: var(--text-secondary);--color-category-form: #2563eb;--color-category-form-light: rgba(37, 99, 235, .1);--color-category-chat: #7c3aed;--color-category-chat-light: rgba(124, 58, 237, .1);--color-category-approval: #16a34a;--color-category-approval-light: rgba(22, 163, 74, .1);--color-category-inbox: #6b7280;--color-category-inbox-light: rgba(107, 114, 128, .1);--accent-1: var(--primary);--accent-1-hover: var(--primary-500);--accent-1-active: var(--primary-600);--accent-1-soft: var(--primary-50);--accent-1-glow: rgba(48, 155, 72, .15);--bg-secondary-alt: var(--bg-secondary);--bg-tertiary-alt: var(--bg-tertiary);--bg-overlay-alt: var(--bg-overlay)}:root,[data-theme=dark],[data-theme=light],.theme-dark,.theme-light{--status-running: var(--info);--status-completed: var(--success);--status-failed: var(--error);--status-cancelled: #6b7280;--status-paused: var(--warning);--status-pending: var(--warning);--status-waiting: var(--text-muted);--status-skipped: var(--text-muted);--status-running-bg: var(--info-bg);--status-completed-bg: var(--success-bg);--status-failed-bg: var(--error-bg);--status-cancelled-bg: rgba(107, 114, 128, .1);--status-paused-bg: var(--warning-bg);--status-pending-bg: var(--warning-bg);--status-waiting-bg: var(--border-muted);--log-trace: var(--text-muted);--log-debug: var(--text-secondary);--log-info: var(--info);--log-warn: var(--warning);--log-error: var(--error);--log-fatal: var(--error);--log-info-bg: var(--info-bg);--log-warn-bg: var(--warning-bg);--log-error-bg: var(--error-bg);--hil-pending: var(--warning);--hil-approved: var(--success);--hil-rejected: var(--error);--hil-expired: var(--text-muted);--hil-escalated: #7c3aed;--hil-pending-bg: var(--warning-bg);--hil-approved-bg: var(--success-bg);--hil-rejected-bg: var(--error-bg);--hil-expired-bg: rgba(107, 114, 128, .1);--hil-escalated-bg: rgba(124, 58, 237, .1)}:root{--radius-sm: 6px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--radius-full: 9999px;--radius-button: var(--radius-sm);--radius-form: var(--radius-sm);--radius-card: var(--radius-md);--radius-modal: var(--radius-lg);--radius-dropdown: var(--radius-sm);--radius-tooltip: var(--radius-sm);--radius-pill: var(--radius-full)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes edge-flow{0%{stroke-dashoffset:0}to{stroke-dashoffset:-12px}}@keyframes edge-glow{0%,to{filter:drop-shadow(0 0 4px rgba(48,155,72,.4))}50%{filter:drop-shadow(0 0 12px rgba(48,155,72,.8))}}@keyframes edge-pulse{0%{filter:drop-shadow(0 0 4px rgba(48,155,72,.4))}50%{filter:drop-shadow(0 0 12px rgba(48,155,72,.8))}to{filter:drop-shadow(0 0 4px rgba(48,155,72,.4))}}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideInLeft{0%{transform:translate(-100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideOutRight{0%{transform:translate(0);opacity:1}to{transform:translate(100%);opacity:0}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes scalePulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}:root{--canvas-bg-dark: #1a1a2e;--canvas-bg-light: #04080F;--canvas-border: rgba(255, 255, 255, .08);--canvas-glow: rgba(48, 155, 72, .12);--canvas-controls-bottom: 80px;--canvas-controls-right: 10px;--canvas-minimap-width: 140px;--canvas-minimap-height: 100px;--canvas-panel-margin: 3px;--readonly-indicator-bg: #123821;--readonly-indicator-border: #309B48;--readonly-indicator-text: #86efac;--execution-bg: #123821;--execution-text: #86efac}[data-theme=light]{--canvas-bg-dark: #f8f9fa;--canvas-bg-light: #ffffff;--canvas-border: #d1d5db;--canvas-glow: rgba(48, 155, 72, .08);--readonly-indicator-bg: #dbeafe;--readonly-indicator-border: #0ea5e9;--readonly-indicator-text: #0369a1;--execution-bg: #dcfce7;--execution-text: #16a34a}:root{--font-sans: "Corbel", "Segoe UI", system-ui, -apple-system, "Helvetica Neue", Arial, sans-serif}*{box-sizing:border-box;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;font-family:var(--font-sans)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--brand-green, #309B48);opacity:.6;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--brand-green, #309B48);opacity:.9}[data-theme=light] ::-webkit-scrollbar-thumb{background:var(--brand-green, #309B48);opacity:.6}[data-theme=light] ::-webkit-scrollbar-thumb:hover{background:var(--brand-green, #309B48);opacity:.9}.flow-studio-shell{--studio-base: var(--bg-main);--studio-surface: var(--bg-surface);--studio-raised: var(--bg-raised);--studio-line: var(--border-default);--studio-text: var(--text-primary);--studio-muted: var(--text-secondary);--studio-accent: var(--accent);--studio-button-primary: var(--button-primary);--studio-button-border: var(--button-border);--studio-button-hover: var(--button-hover);--studio-button-text: var(--button-text);--color-bg-primary: var(--studio-base);--color-bg-secondary: var(--studio-surface);--color-text-primary: var(--studio-text);--color-text-tertiary: var(--studio-muted);--color-border: var(--studio-line);font-family:var(--font-family);color:var(--studio-text)}.flow-studio-shell .app-header{padding:0 20px;background:var(--studio-base)!important;border-bottom:1px solid var(--studio-line)!important;box-shadow:none!important}.flow-studio-shell .app-header-brand{gap:20px;min-width:0}.flow-studio-shell .header-title{color:var(--studio-text);font-size:19px;font-weight:600;letter-spacing:-.4px;white-space:nowrap}.flow-studio-shell .app-header-right{position:static;margin-left:auto;flex-shrink:0}.flow-studio-shell .auth-header-controls{display:flex;align-items:center;gap:10px}.flow-studio-shell .app-nav{background:var(--studio-base)!important;border-right:1px solid var(--studio-line)!important}.flow-studio-shell .app-main{background:var(--studio-base);min-width:0}.flow-studio-shell .app-breadcrumbs{height:32px;justify-content:flex-start;padding:0 20px;background:var(--studio-base);border-color:var(--studio-line)}.flow-studio-shell .breadcrumb-link{color:var(--studio-accent)}.flow-studio-shell .breadcrumb-current{color:var(--studio-muted)}.flow-studio-shell :is(button,a,input,select,textarea):focus-visible{outline:2px solid var(--studio-accent)!important;outline-offset:3px}.flow-studio-shell .flow-dashboard{background:var(--studio-base)!important}.flow-studio-shell .flow-dashboard>[role=tablist]{padding:12px 32px 0;gap:8px;background:var(--studio-base);border-bottom:1px solid var(--studio-line)!important}.flow-studio-shell .flow-dashboard [role=tab]{padding:10px 16px;color:var(--studio-muted)!important;font-size:13px}.flow-studio-shell .flow-dashboard [role=tab][aria-selected=true]{color:var(--studio-accent);border-bottom-color:var(--studio-accent)}.flow-studio-shell .pmr-project-list{padding:30px 32px 40px}.flow-studio-shell .pmr-list-header{gap:20px;margin-bottom:24px}.flow-studio-shell .pmr-list-header h1{font-size:30px;letter-spacing:-.8px;line-height:1.2;margin:0}.flow-studio-shell .pmr-list-subtitle{color:var(--studio-muted);font-size:14px;line-height:1.6;margin:9px 0 0}.flow-studio-shell .pmr-create-button{min-height:40px;border-radius:8px;background:var(--studio-button-primary);border:1px solid var(--studio-button-border);color:var(--studio-button-text);padding:10px 18px}.flow-studio-shell .pmr-create-button:hover{background:var(--studio-button-hover)!important}.flow-studio-shell .pmr-search{max-width:460px;margin-bottom:24px}.flow-studio-shell .pmr-search input{min-height:42px;padding:10px 14px;font:inherit;font-size:14px;box-shadow:none;background:var(--studio-surface)}.flow-studio-shell .pmr-search input::placeholder{color:var(--studio-muted);opacity:1}.flow-studio-shell .pmr-grid{gap:18px;grid-template-columns:repeat(auto-fill,minmax(min(100%,280px),1fr))!important}.flow-studio-shell :is(.pmr-card,.ud-card){background:var(--studio-surface)!important;border:1px solid var(--studio-line)!important;box-shadow:none;border-radius:10px;padding:22px;min-width:0;min-height:180px}.flow-studio-shell :is(.pmr-card,.ud-card):hover{border-color:var(--studio-accent)!important;background:var(--studio-raised)!important}.flow-studio-shell .pmr-card-header{margin-bottom:18px}.flow-studio-shell .pmr-card-header button{padding:5px 9px;font-size:12px}.flow-studio-shell :is(.pmr-card-title,.ud-card__title){font-size:17px;font-weight:600;letter-spacing:-.2px;color:var(--studio-text)}.flow-studio-shell :is(.pmr-card p,.ud-card__description){color:var(--studio-muted);line-height:1.6}.flow-studio-shell :is(.pmr-card-actions,.ud-card__actions){gap:12px;padding-top:14px}.flow-studio-shell :is(.pmr-card-actions,.ud-card__actions)>span{display:none}.flow-studio-shell :is(.pmr-card-actions,.ud-card__actions) button{min-height:28px;font-size:12px}.flow-studio-shell :is(.pmr-card-actions,.ud-card__actions) button:first-child{color:var(--studio-accent)}.flow-studio-shell :is(.pmr-card-actions,.ud-card__actions) button:last-child{margin-left:auto}.flow-studio-shell .workflow-editor-container{min-height:0;flex:1}.flow-studio-shell .top-toolbar{min-height:54px;height:auto;padding:10px 16px;gap:10px;flex-wrap:wrap;background:var(--studio-surface);border-bottom:1px solid var(--studio-line)}.flow-studio-shell .top-toolbar-workflow-name{color:var(--studio-text);font-size:14px}.flow-studio-shell .top-toolbar-button{min-height:32px;border-radius:6px;box-shadow:none}.flow-studio-shell .top-toolbar-button--dark{background:var(--studio-raised);border-color:var(--studio-line);color:var(--studio-text)}.flow-studio-shell .top-toolbar-button--primary{background:var(--studio-button-primary);color:var(--studio-button-text);border-color:var(--studio-button-border)}.flow-studio-shell :is(.left-toolbar,.right-toolbar){background:var(--studio-surface);border-color:var(--studio-line)}.flow-studio-shell :is(.left-toolbar-header,.studio-properties-heading){min-height:42px;padding:10px 14px;box-sizing:border-box;background:var(--studio-raised)!important;border-bottom:1px solid var(--studio-line);color:var(--studio-text);font-size:13px}.flow-studio-shell .left-toolbar-title{color:var(--studio-text);font-size:13px}.flow-studio-shell .left-toolbar-search{min-height:34px;border-color:var(--studio-line);background:var(--studio-base);color:var(--studio-text)}.flow-studio-shell .node-palette-item{background:transparent;border-color:transparent;border-radius:6px;padding:9px 10px}.flow-studio-shell .node-palette-item:hover{background:var(--studio-raised);border-color:var(--studio-line)}.flow-studio-shell .node-palette-item-name{color:var(--studio-text);font-size:12px;font-weight:500}.flow-studio-shell .workflow-editor-canvas-container{background:var(--studio-base);min-width:0}.flow-studio-shell .react-flow{background:var(--studio-base)}.flow-studio-shell .react-flow__controls{box-shadow:0 4px 16px #0002;border:1px solid var(--studio-line);border-radius:8px;overflow:hidden}.flow-studio-shell .react-flow__controls-button{background:var(--studio-surface);color:var(--studio-text);fill:currentColor;border-bottom-color:var(--studio-line)}.flow-studio-shell .studio-properties-empty{padding:32px 24px;color:var(--studio-muted);line-height:1.7}@media (max-width: 768px){.flow-studio-shell .app-header{padding:0 12px}.flow-studio-shell .app-header-brand{gap:12px}.flow-studio-shell .app-logo{max-width:120px}.flow-studio-shell .header-title{font-size:17px}.flow-studio-shell .pmr-project-list{padding:24px 20px}.flow-studio-shell .flow-dashboard>[role=tablist]{padding-left:20px}.flow-studio-shell .pmr-list-header{align-items:flex-start;flex-wrap:wrap}.flow-studio-shell .pmr-list-header h1{font-size:26px}.flow-studio-shell .app-breadcrumbs{padding:0 12px}}@media (max-width: 480px){.flow-studio-shell .app-logo{max-width:34px}.flow-studio-shell .pmr-project-list{padding:20px 16px!important}.flow-studio-shell .pmr-grid{grid-template-columns:1fr!important}}@media (prefers-reduced-motion: reduce){.flow-studio-shell *,.flow-studio-shell *:before,.flow-studio-shell *:after{animation:none!important;transition:none!important;scroll-behavior:auto}}.flow-studio-shell .pmr-project-list,.flow-studio-shell .flow-dashboard>[role=tablist]{background:var(--studio-base)!important}.flow-studio-shell .studio-properties-heading{padding-left:26px!important}body:has(.flow-studio-shell) .connector-config-dialog{--studio-base: #101820;--studio-surface: #17232e;--studio-raised: #21313e;--studio-line: #304351;--studio-text: #edf3f7;--studio-muted: #afbfcb;--studio-accent: #57cc96;--studio-button-primary: #218454;--studio-button-border: #329968;--studio-button-hover: #176c43;--studio-button-text: #fff;--cc-bg-primary: var(--studio-surface);--cc-bg-secondary: var(--studio-raised);--cc-border-primary: var(--studio-line);--cc-border-secondary: var(--studio-line);--cc-input-border: #526a7b;--cc-text-primary: var(--studio-text);--cc-text-secondary: var(--studio-muted);--cc-text-subtle: var(--studio-muted);--cc-accent: var(--studio-accent);font-family:Segoe UI Variable Text,Segoe UI,sans-serif;background:var(--studio-surface)!important;border:1px solid var(--studio-line)!important;box-shadow:0 24px 80px #0006;min-height:0}body[data-theme=light]:has(.flow-studio-shell) .connector-config-dialog{--studio-base: #f1f5f7;--studio-surface: #ffffff;--studio-raised: #e7eef2;--studio-line: #cbd8e0;--studio-text: #18303d;--studio-muted: #526875;--studio-accent: #15784a;--studio-button-primary: #15784a;--studio-button-border: #1a9657;--studio-button-hover: #0d5938;--studio-button-text: #fff;--cc-input-border: #cbd8e0;--cc-bg-primary: var(--studio-surface);--cc-bg-secondary: var(--studio-raised);--cc-border-primary: var(--studio-line);--cc-border-secondary: var(--studio-line);--cc-text-primary: var(--studio-text);--cc-text-secondary: var(--studio-muted);--cc-text-subtle: var(--studio-muted);--cc-accent: var(--studio-accent)}body:has(.flow-studio-shell) .connector-config-dialog :is(.modal-header-plain,.modal-footer){background:var(--studio-surface)!important;border-color:var(--studio-line)}body:has(.flow-studio-shell) .connector-config-dialog .modal-header-plain{padding:20px 24px 0}body:has(.flow-studio-shell) .connector-config-dialog .modal-header-top-row{margin-bottom:12px}body:has(.flow-studio-shell) .connector-config-dialog :is(.modal-title,.modal-title span){color:var(--studio-text);font-size:19px}body:has(.flow-studio-shell) .connector-config-dialog .tab-button{padding:12px 16px;color:var(--studio-muted)}body:has(.flow-studio-shell) .connector-config-dialog .tab-button.active{color:var(--studio-accent);border-bottom-color:var(--studio-accent)}body:has(.flow-studio-shell) .connector-config-dialog .modal-body{background:var(--studio-base);min-height:0}body:has(.flow-studio-shell) .connector-config-dialog .config-form-sidebar{width:218px;min-width:140px;background:var(--studio-surface);border-color:var(--studio-line)}body:has(.flow-studio-shell) .connector-config-dialog .config-form-folder-header{background:var(--studio-raised)!important;color:var(--studio-text);padding:12px 14px;border-bottom:1px solid var(--studio-line)}body:has(.flow-studio-shell) .connector-config-dialog .config-form-folder-title{text-transform:none;letter-spacing:0;font-size:13px;font-weight:600}body:has(.flow-studio-shell) .connector-config-dialog .config-form-tab{color:var(--studio-muted);padding:11px 16px;font-size:13px;border-left:3px solid transparent;background:transparent}body:has(.flow-studio-shell) .connector-config-dialog .config-form-tab.active{color:var(--studio-accent);background:var(--studio-raised);border-left-color:var(--studio-accent)}body:has(.flow-studio-shell) .connector-config-dialog .config-form-main{background:var(--studio-base);min-width:0}body:has(.flow-studio-shell) .connector-config-dialog .config-form-description{color:var(--studio-muted);padding:14px 20px;line-height:1.6}body:has(.flow-studio-shell) .connector-config-dialog .form-section{background:var(--studio-surface)!important;border:1px solid var(--studio-line)!important;border-radius:8px;padding:20px 24px;box-shadow:none}body:has(.flow-studio-shell) .connector-config-dialog .form-section__header{display:flex;flex-wrap:wrap;align-items:flex-start;gap:8px;border-bottom-color:var(--studio-line);padding-bottom:16px}body:has(.flow-studio-shell) .connector-config-dialog .form-section__title{flex:1 0 100%;margin:0;font-size:15px;color:var(--studio-text)}body:has(.flow-studio-shell) .connector-config-dialog .form-section__description{margin:0;color:var(--studio-muted);line-height:1.6;max-width:75ch}body:has(.flow-studio-shell) .connector-config-dialog :is(input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]),select,textarea){background:var(--studio-base);color:var(--studio-text);border:1px solid var(--cc-input-border)!important;border-radius:6px;font-size:14px;min-height:38px;box-shadow:none}body:has(.flow-studio-shell) .connector-config-dialog :is(button,a,input,select,textarea):focus-visible{outline:2px solid var(--studio-accent)!important;outline-offset:2px}body:has(.flow-studio-shell) .connector-config-dialog .modal-footer{padding:14px 20px}body:has(.flow-studio-shell) .connector-config-dialog .modal-footer .btn{min-height:40px;padding:10px 24px;border-radius:7px;box-shadow:none}body:has(.flow-studio-shell) .connector-config-dialog .btn-primary{background:var(--studio-button-primary);border-color:var(--studio-button-border);color:var(--studio-button-text)}@media (max-width: 768px){body:has(.flow-studio-shell) .connector-config-dialog{width:calc(100vw - 24px);max-width:calc(100vw - 24px);height:calc(100dvh - 24px);margin:12px}body:has(.flow-studio-shell) .connector-config-dialog .btn-primary{background:var(--studio-button-primary);border-color:var(--studio-button-border);color:var(--studio-button-text)}body:has(.flow-studio-shell) .connector-config-dialog .config-form-sidebar{width:100%;min-width:0;max-width:100%;height:auto}body:has(.flow-studio-shell) .connector-config-dialog .form-section{padding:16px}.flow-studio-shell .auth-user-menu-name{display:none}}@media (max-width: 480px){body:has(.flow-studio-shell) .connector-config-dialog .config-form-layout{flex-direction:column}body:has(.flow-studio-shell) .connector-config-dialog .config-form-sidebar{width:100%;min-width:0;max-height:150px;border-bottom:1px solid var(--studio-line)}}body:has(.flow-studio-shell) .modal-overlay:has(.connector-config-dialog){position:fixed!important;top:0!important;right:0!important;bottom:0!important;left:0!important;width:100vw!important;height:100dvh!important;z-index:2000!important;padding:0!important;align-items:center!important}body:has(.flow-studio-shell) .connector-config-dialog{position:relative!important;inset:auto!important;transform:none!important;height:calc(100dvh - 60px)!important;max-height:calc(100dvh - 60px)!important}body:has(.flow-studio-shell) .connector-config-dialog :is(.modal-header-plain,.modal-body,.modal-footer){position:relative!important;inset:auto!important;width:100%!important;transform:none!important;box-sizing:border-box}body:has(.flow-studio-shell) .connector-config-dialog :is(.modal-header-plain,.modal-footer){flex-shrink:0;height:auto!important}body:has(.flow-studio-shell) .connector-config-dialog .modal-body{flex:1;height:auto!important;overflow:hidden}@media (max-width: 768px){body:has(.flow-studio-shell) .connector-config-dialog{height:calc(100dvh - 24px)!important;max-height:calc(100dvh - 24px)!important}}@media (max-width: 480px){body:has(.flow-studio-shell) .connector-config-dialog .config-form-sidebar{display:block!important;position:relative!important;flex-shrink:0;width:100%!important;min-width:0!important;max-width:100%!important;height:130px!important;overflow-y:auto}body:has(.flow-studio-shell) .connector-config-dialog .config-form-main{flex:1;min-height:0;overflow-y:auto}body:has(.flow-studio-shell) .connector-config-dialog .modal-header-plain{padding:14px 12px 0}body:has(.flow-studio-shell) .connector-config-dialog .modal-title{font-size:16px}}body:has(.flow-studio-shell) .modal-overlay:has(.connector-config-dialog){max-height:none!important}@media (max-width: 480px){body:has(.flow-studio-shell) .connector-config-dialog{width:calc(100vw - 24px)!important;max-width:calc(100vw - 24px)!important;margin:12px!important;overflow:hidden!important}body:has(.flow-studio-shell) .connector-config-dialog .modal-header-top-row{display:flex!important}body:has(.flow-studio-shell) .connector-config-dialog .config-form-sidebar{inset:auto!important;transform:none!important;visibility:visible!important}}@media (max-width: 480px){body:has(.flow-studio-shell) .connector-config-dialog :is(.modal-header-top-row,.modal-title,.modal-close-button){position:static!important;inset:auto!important;transform:none!important;width:auto!important;max-width:none!important;height:auto!important;margin:0!important;border-radius:0!important}body:has(.flow-studio-shell) .connector-config-dialog .modal-header-top-row{margin-bottom:12px!important;min-height:32px;gap:12px}body:has(.flow-studio-shell) .connector-config-dialog .modal-close-button{flex-shrink:0;min-width:32px;min-height:32px;border-radius:6px!important}body:has(.flow-studio-shell) .connector-config-dialog .config-form-sidebar{opacity:1!important;pointer-events:auto!important}}.node-container{display:flex;flex-direction:column;border-radius:12px;overflow:hidden;transition:all .2s cubic-bezier(.4,0,.2,1);pointer-events:auto}.node-container.disabled{opacity:.5;pointer-events:none}.node-container.selected{box-shadow:0 8px 16px #0006}.node-container:hover{box-shadow:0 8px 20px #0000004d}.node-header{background:#ffffff26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:9px 14px;border-top-left-radius:8px;border-top-right-radius:8px;display:flex;align-items:center;gap:8px;font-size:13px;font-weight:700;color:#fff;cursor:move;text-shadow:0 1px 2px rgba(0,0,0,.3);transition:all .2s cubic-bezier(.4,0,.2,1);-webkit-user-select:none;user-select:none}.node-header:hover{background:#fff3}.node-header-icon{font-size:20px;line-height:20px;display:inline-block;flex-shrink:0}.node-header-title{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.node-header-badge{margin-left:auto;padding:2px 8px;background:#fff3;border-radius:12px;font-size:10px;font-weight:600;color:#fff;white-space:nowrap}.node-body{padding:12px;color:#fff;font-size:13px;line-height:1.5;flex:1;overflow-y:auto;max-height:300px}.node-body.compact{padding:12px 14px;font-size:12px;max-height:150px}.node-body::-webkit-scrollbar{width:6px}.node-body::-webkit-scrollbar-track{background:#0000001a;border-radius:3px}.node-body::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}.node-body::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.node-footer{padding:8px 16px;background:#0000001a;border-top:1px solid rgba(255,255,255,.1);display:flex;gap:8px;align-items:center;font-size:11px}.handle{width:16px;height:16px;border-radius:50%;border:3px solid #fff;background:var(--handle-color, #3b82f6);position:relative;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 4px #0000004d;cursor:crosshair}.handle:hover{transform:scale(1.2);box-shadow:0 4px 8px #0006}.handle-container{position:absolute;display:flex;gap:12px;pointer-events:auto;z-index:5}.handle-container-left{left:-8px;top:50%;transform:translateY(-50%);flex-direction:column;align-items:flex-start;padding-left:0}.handle-container-right{right:-8px;top:50%;transform:translateY(-50%);flex-direction:column;align-items:flex-end;padding-right:0}.handle-container-top{top:-8px;left:50%;transform:translate(-50%);flex-direction:row;align-items:flex-start;padding-top:0}.handle-container-bottom{bottom:-8px;left:50%;transform:translate(-50%);flex-direction:row;align-items:flex-end;padding-bottom:0}.handle-label{font-size:11px;font-weight:700;color:#fff;pointer-events:none;text-align:center;text-shadow:0 1px 2px rgba(0,0,0,.3);background:#0000004d;padding:2px 6px;border-radius:4px;white-space:nowrap;opacity:0;transition:opacity .2s ease}.handle-container:hover .handle-label{opacity:1}.status-indicator{display:inline-flex;align-items:center;gap:6px;padding:2px 8px;border-radius:12px;font-size:11px;font-weight:600;border:1px solid}.status-indicator-idle{color:transparent;background:transparent;border-color:transparent}.status-indicator-pending{color:#f59e0b;background:#f59e0b33;border-color:#f59e0b;animation:pulse 2s infinite}.status-indicator-success{color:#10b981;background:#10b98133;border-color:#10b981}.status-indicator-error{color:#ef4444;background:#ef444433;border-color:#ef4444}.status-indicator-warning{color:#f59e0b;background:#f59e0b33;border-color:#f59e0b}.status-indicator-running{color:#3b82f6;background:#3b82f633;border-color:#3b82f6;animation:neon-pulse 1.5s infinite}.node-button{display:flex;align-items:center;justify-content:center;border-radius:50%;border:2px solid;background:#3b82f6;color:#fff;font-size:14px;font-weight:700;cursor:pointer;opacity:.7;transition:all .2s cubic-bezier(.4,0,.2,1);pointer-events:auto;z-index:10}.node-button:hover{opacity:1;transform:scale(1.1)}.node-button:active{transform:scale(.95)}.node-button-sm{width:20px;height:20px;font-size:12px}.node-button-md{width:32px;height:32px;font-size:16px}.node-button-lg{width:40px;height:40px;font-size:18px}.node-button-add{background:#3b82f6;border-color:#1f2937}.node-button-add:hover{background:#2563eb;box-shadow:0 4px 8px #3b82f64d}.node-button-collapse{position:absolute;bottom:8px;right:8px;width:24px;height:24px;padding:0;background:#ffffff1a;border-color:#ffffff4d;border-radius:4px;opacity:.6}.node-button-collapse:hover{opacity:1;background:#fff3}.badge{display:inline-block;padding:2px 8px;border-radius:12px;font-size:10px;font-weight:600;color:#fff;white-space:nowrap;transition:all .2s ease}.badge-trigger{background:#fff3}.badge-async{background:#3b82f64d}.badge-requires-credentials{background:#f973164d}@keyframes neon-pulse{0%,to{opacity:1;text-shadow:0 0 10px rgba(59,130,246,.5)}50%{opacity:.8;text-shadow:0 0 20px rgba(59,130,246,.8)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes fadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-2px)}75%{transform:translate(2px)}}@keyframes checkmark{0%{opacity:0;transform:scale(0)}50%{opacity:1}to{opacity:1;transform:scale(1)}}[data-theme=dark] .node-header,[data-theme=dark] .node-body,[data-theme=dark] .status-indicator{color:#fff}[data-theme=light] .node-header{background:#0000000d;color:#1f2937}[data-theme=light] .node-body{color:#374151}[data-theme=light] .handle{border-color:#fff;box-shadow:0 2px 4px #0003}[data-theme=light] .handle-label{background:#0000001a;color:#1f2937;text-shadow:none}[data-theme=light] .status-indicator{border-color:currentColor}[data-theme=light] .node-button{border-color:#e5e7eb}.node-readonly{pointer-events:none;opacity:.6}.node-readonly .handle{pointer-events:none}.node-warning{border-color:#f59e0b!important;box-shadow:0 0 0 4px #f59e0b33,0 4px 8px #f59e0b4d!important}.node-pending{opacity:.7;animation:pulse 2s infinite}.node-multiselected{outline:2px dashed #3b82f6;outline-offset:2px}.node-focus:focus,.node-focus:focus-within{outline:2px solid #3b82f6;outline-offset:2px}@media (max-width: 1024px){.node-container{min-width:180px;min-height:36px}.node-header{font-size:13px;padding:10px 14px;gap:8px}.node-body{font-size:12px;padding:12px}.handle{width:14px;height:14px;border-width:2px}}@media (max-width: 360px){.node-container{min-width:140px!important;padding-top:24px!important;padding-bottom:24px!important}.node-header{font-size:11px!important;padding:6px 10px!important;gap:4px!important}.node-header-icon{font-size:14px!important}.node-body{padding:8px!important;font-size:10px!important;max-height:100px!important}.handle{width:16px!important;height:16px!important;border-width:3px!important}.handle-label{font-size:8px!important;padding:1px 3px!important}.circle-node{width:45px!important;height:45px!important}.circle-node.expanded{width:90px!important;height:90px!important}.diamond-node{width:45px!important;height:45px!important}.diamond-node.expanded{width:110px!important;height:110px!important}.node-button{min-width:40px!important;min-height:40px!important;padding:8px!important}}@media (min-width: 361px) and (max-width: 768px){.node-container{min-width:160px;padding-top:30px;padding-bottom:30px}.circle-node{width:50px;height:50px}.circle-node.expanded{width:100px;height:100px}.diamond-node{width:50px;height:50px}.diamond-node.expanded{width:120px;height:120px}.node-header{font-size:12px;padding:8px 12px;gap:6px}.node-header-icon{font-size:16px}.node-body{padding:10px;font-size:11px;max-height:120px}.handle{width:16px!important;height:16px!important;border-width:3px!important}.handle-label{font-size:9px;padding:1px 4px}.node-button{opacity:1;min-width:44px;min-height:44px}.handle:hover{transform:none}.handle:active{transform:scale(1.2)}}@media (max-width: 767px){.node-button{opacity:1!important}.handle:after{content:"";position:absolute;top:-10px;left:-10px;right:-10px;bottom:-10px;z-index:-1}.node-container:active{transform:scale(.98);transition:transform .1s}}.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;display:flex;flex-direction:column}.custom-node:hover{transform:translateY(-2px);box-shadow:0 20px 40px -10px #000c,0 0 20px #309b4833;border-color:#309b4880}.custom-node.selected{box-shadow:0 0 0 2px #309b48,0 0 30px #309b4899,0 20px 40px -10px #000c;border-color:#309b48;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);position:relative;top:-10px;right:10px}.custom-node-body{padding:10px 12px;color:#cbd5e1bf;font-size:12px;line-height:1.5;flex:1 1 auto;min-height:0;overflow:hidden}.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;margin-bottom:6px;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:#309b481a;color:#309b48;border:1px solid rgba(48,155,72,.3);animation:neon-pulse 1.5s infinite alternate}@keyframes neon-pulse{0%{box-shadow:0 0 5px #309b4833}to{box-shadow:0 0 15px #309b4899}}@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: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: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}.custom-node{min-height:40px}.custom-node.collapsed{min-width:120px;min-height:40px;padding-top:0;padding-bottom:0}.custom-node .node-body{transition:all .3s cubic-bezier(.4,0,.2,1)}.custom-node.collapsed .node-body{display:none}.circle-node{width:60px;height:60px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;transition:all .2s cubic-bezier(.4,0,.2,1);padding:0}.circle-node.expanded{width:120px;height:120px}.circle-node .node-header{background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;padding:8px;border-radius:50%;display:flex;align-items:center;justify-content:center;text-align:center;font-size:24px;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.4)}.circle-node .node-body{display:none}.circle-node.expanded .node-body{display:block;width:100%;text-align:center;font-size:11px;padding:4px;max-height:80px;overflow-y:auto}.diamond-node{width:70px;height:70px;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:all .2s cubic-bezier(.4,0,.2,1);padding:0;transform:rotate(0)}.diamond-node.expanded{width:140px;height:140px}.diamond-node-inner{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;transform:rotate(45deg);border-radius:8px;border:3px solid;transition:all .2s cubic-bezier(.4,0,.2,1)}.diamond-node-inner .node-header{background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;padding:4px;border-radius:0;transform:rotate(-45deg);font-size:13px;text-align:center;width:100%}.diamond-node-inner .node-body{display:none;transform:rotate(-45deg);width:90%;font-size:9px;padding:2px;text-align:center;max-height:50px}.diamond-node.expanded .node-body{display:block}.ai-agent-node{min-width:200px;min-height:40px;padding-top:40px;padding-bottom:40px;border-radius:12px;overflow:visible;position:relative}.ai-agent-node.expanded{min-width:350px;min-height:180px}.ai-agent-node-container{display:flex;flex-direction:column;height:100%}.ai-agent-node .node-header{display:flex;align-items:center;gap:10px;padding:12px 16px;font-size:15px;font-weight:700;color:#fff}.ai-agent-node .node-body{flex:1;padding:16px;overflow-y:auto;color:#fff}.ai-agent-handles-left{position:absolute;left:-8px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:20px;z-index:5}.ai-agent-handles-right{position:absolute;right:-8px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:20px;z-index:5}.ai-agent-handles-top{position:absolute;top:-8px;left:50%;transform:translate(-50%);display:flex;flex-direction:row;gap:20px;z-index:5}.ai-agent-handles-bottom{position:absolute;bottom:-8px;left:50%;transform:translate(-50%);display:flex;flex-direction:row;gap:20px;z-index:5}.llm-node{min-width:200px;min-height:40px;padding-top:20px;padding-bottom:20px;border-radius:12px;position:relative;display:flex;flex-direction:column}.llm-node.expanded{min-width:280px;min-height:120px}.llm-node .node-header{padding:12px 16px;font-size:15px;font-weight:700;color:#fff;display:flex;align-items:center;gap:10px}.llm-node .node-body{padding:12px 16px;color:#fff;font-size:12px;flex:1;max-height:80px}.llm-node .node-body.compact{display:none}.llm-node.expanded .node-body.compact{display:block}.tool-node{min-width:160px;min-height:40px;border-radius:12px;padding-top:20px;padding-bottom:20px;position:relative;display:flex;flex-direction:column}.tool-node.expanded{min-width:240px;min-height:100px}.tool-node .node-header{padding:10px 14px;font-size:14px;font-weight:700;color:#fff;display:flex;align-items:center;gap:8px}.tool-node .node-body{padding:10px 14px;color:#fff;font-size:12px;flex:1;max-height:60px;overflow-y:auto}.subflow-node{display:flex;flex-direction:column;border-radius:12px;overflow:hidden;min-width:200px;min-height:40px;position:relative;background:linear-gradient(135deg,#f3f4f6,#e5e7eb);border:2px solid #d1d5db;padding-top:30px;padding-bottom:30px}.subflow-node .node-header{background:#0000000d;color:#1f2937;text-shadow:none;font-size:14px;padding:10px 14px;border-top-left-radius:10px;border-top-right-radius:10px}.subflow-node .node-body{color:#374151;padding:12px 14px;font-size:12px;background:#fff;flex:1;max-height:100px;overflow-y:auto}.node-collapsed{min-height:32px!important;padding-top:0!important;padding-bottom:0!important}.node-collapsed .node-body,.node-collapsed .node-footer{display:none}.node-collapsed.circle-node,.node-collapsed.diamond-node{width:50px;height:50px}.node-disabled{opacity:.5!important;pointer-events:none!important}.node-disabled .node-header,.node-disabled .node-body{opacity:.7}.node-selected{border:3px solid #fbbf24!important;box-shadow:0 0 0 4px #fbbf2433,0 8px 16px #0006!important}.node-error{border-color:#ef4444!important;box-shadow:0 0 0 4px #ef444433,0 4px 8px #ef44444d!important}.node-success{border-color:#10b981!important;box-shadow:0 0 0 4px #10b98133,0 4px 8px #10b9814d!important}.node-container:focus-within{outline:2px solid #3b82f6;outline-offset:2px}.node-container:not(.node-disabled):hover{transform:translateY(-2px)}.node-container:not(.node-disabled):hover .handle{box-shadow:0 4px 8px #0006}@media (max-width: 768px){.custom-node{min-width:160px}.circle-node{width:50px;height:50px}.diamond-node{width:60px;height:60px}.ai-agent-node{min-width:180px}.node-header{font-size:13px;padding:10px 12px}.node-body{padding:12px;font-size:12px}.handle-label{font-size:9px;padding:1px 4px}}.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: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: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}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0000004d;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);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 #309b484d,0 20px 60px #000c;border:1px solid rgba(48,155,72,.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}.flow-studio-shell .modal-header,#modal-root .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;scrollbar-width:thin;scrollbar-color:rgba(148,163,184,.5) rgba(255,255,255,.04)}.modal-body::-webkit-scrollbar{width:8px}.modal-body::-webkit-scrollbar-track{background:#ffffff0a;border-radius:4px}.modal-body::-webkit-scrollbar-thumb{background:#64748b;opacity:.7;border-radius:4px}.modal-body::-webkit-scrollbar-thumb:hover{background:#64748b;opacity:1}[class*=dialog] .modal-body::-webkit-scrollbar{width:8px}[class*=dialog] .modal-body::-webkit-scrollbar-thumb{background:#94a3b880;border-radius:4px}[class*=dialog] .modal-body::-webkit-scrollbar-thumb:hover{background:#94a3b8cc}.flow-studio-shell .modal-footer,#modal-root .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-select option:checked,.modal-select option:hover,.modal-select option:focus,.modal-select option:active{background:#309b48!important;color:#fff!important}.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-select.light option:checked,.modal-select.light option:hover,.modal-select.light option:focus,.modal-select.light option:active{background:#309b48!important;color:#fff!important}.modal-input:focus,.modal-select:focus,.modal-textarea:focus{outline:none;border-color:#309b4899;box-shadow:0 0 0 3px #309b4826;background:#ffffff14}.modal-input.light:focus,.modal-select.light:focus,.modal-textarea.light:focus{border-color:#309b48;box-shadow:0 0 0 3px #309b481a;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:var(--transition-base)}.modal-button.primary{background:linear-gradient(135deg,#309b48,#267a3a);color:#fff;font-weight:600;box-shadow:0 0 20px #309b4866}.modal-button.primary:hover{background:linear-gradient(135deg,#3ab456,#309b48);transform:translateY(-2px);box-shadow:0 0 30px #309b4899,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);scrollbar-width:thin;scrollbar-color:rgba(48,155,72,.7) rgba(255,255,255,.04)}.search-results::-webkit-scrollbar{width:6px}.search-results::-webkit-scrollbar-track{background:#ffffff0a;border-radius:3px}.search-results::-webkit-scrollbar-thumb{background:#309b48b3;border-radius:3px}.search-results::-webkit-scrollbar-thumb:hover{background:#309b48}.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: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: 360px){#modal-root .modal,#modal-root [role=dialog],.flow-studio-shell .modal,.flow-studio-shell [role=dialog]{width:100vw!important;max-width:100vw!important;height:auto!important;max-height:92vh!important;margin:0!important;border-radius:20px 20px 0 0!important;position:fixed!important;bottom:0!important;top:auto!important;left:0!important;right:0!important}#modal-root .modal-overlay,.flow-studio-shell .modal-overlay{position:absolute!important;width:100%!important;height:100%!important;align-items:flex-end!important}#modal-root .modal-header,#modal-root .modal-body,#modal-root .modal-footer,.flow-studio-shell .modal-header,.flow-studio-shell .modal-body,.flow-studio-shell .modal-footer{position:static!important;width:auto!important;height:auto!important}.modal-header,.modal-header-plain{padding:12px 16px!important;font-size:14px!important}.modal-title{font-size:16px!important}.modal-body{max-height:75vh!important;overflow-y:auto;padding:12px 16px!important}.modal-footer{padding:12px 16px!important;gap:8px!important}.modal-input,.modal-select,.modal-textarea{font-size:16px!important;padding:10px!important}.modal-footer{flex-direction:column!important}.modal-button{width:100%!important;min-height:44px!important}.modal-close{min-width:44px!important;min-height:44px!important}}@media (min-width: 361px) and (max-width: 480px){#modal-root .modal,#modal-root [role=dialog],.flow-studio-shell .modal,.flow-studio-shell [role=dialog]{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-root .modal-overlay,.flow-studio-shell .modal-overlay{position:absolute!important;width:100%!important;height:100%!important;display:flex!important;align-items:flex-end!important}#modal-root .modal-header,#modal-root .modal-body,#modal-root .modal-footer,.flow-studio-shell .modal-header,.flow-studio-shell .modal-body,.flow-studio-shell .modal-footer{position:static!important}.modal-header,.modal-header-plain{padding:16px 20px}.modal-body{max-height:70vh;overflow-y:auto}.modal-footer{padding:16px 20px;gap:10px}.modal-input,.modal-select,.modal-textarea{font-size:16px!important}.modal-button{min-height:44px!important;padding:12px 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}}.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: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: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: 360px){.menu-item{min-height:44px!important;padding:10px 12px!important;font-size:14px!important}.menu{min-width:180px!important;max-width:calc(100vw - 16px)!important}.context-menu{max-width:calc(100vw - 16px)!important}.hover-menu-button{min-width:40px!important;min-height:40px!important;padding:8px 10px!important}}@media (min-width: 361px) and (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)}}@media (max-width: 767px){.menu-item,.context-menu-item{-webkit-tap-highlight-color:rgba(48,155,72,.1)}.menu-item svg,.context-menu-item svg{width:18px;height:18px}}.context-menu{max-height:80vh;overflow-y:auto;-webkit-overflow-scrolling:touch}.properties-panel{position:absolute;top:70px;right:20px;width:260px;max-width:calc(100vw - 40px);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:6.5px 12px;border-bottom:1px solid rgba(255,255,255,.07);background:linear-gradient(135deg,#1a4d2a,#0d2516);border-top-left-radius:var(--radius-md);border-top-right-radius:var(--radius-md);color:#fff;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}.properties-body::-webkit-scrollbar{width:6px}.properties-body::-webkit-scrollbar-track{background:#ffffff0a;border-radius:3px}.properties-body::-webkit-scrollbar-thumb{background:#309b4866;border-radius:3px}.properties-body::-webkit-scrollbar-thumb:hover{background:#309b48b3}.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)}.properties-panel select option{background:#0e1110;color:#dce1dee6}[data-theme=light] .properties-panel select option{background:#f9fafb;color:#101211}.property-empty-state{padding:var(--spacing-md);text-align:center;color:var(--text-muted);font-size:var(--font-sm);font-style:italic}@media (max-width: 767px){.properties-panel{position:fixed!important;top:auto!important;bottom:0!important;left:0!important;right:0!important;width:100vw!important;max-width:100vw!important;max-height:70vh!important;border-radius:16px 16px 0 0!important;box-shadow:0 -4px 20px #00000080!important}.properties-header{padding:12px 16px!important}.properties-body{max-height:calc(70vh - 60px)!important;padding:12px 16px!important}.property-row{margin-bottom:12px!important}}@media (max-width: 375px){.properties-panel{max-height:75vh!important}.properties-header,.properties-body{padding:10px 12px!important}.property-label{font-size:10px!important}.property-value{font-size:13px!important;padding:8px 10px!important}}@media (min-width: 768px){.properties-panel{position:absolute!important;top:70px!important;right:20px!important;bottom:auto!important;left:auto!important}}.top-toolbar{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);display:flex;align-items:center;justify-content:space-between;padding:0 16px;gap:8px;min-height:44px;height:44px;box-sizing:border-box;overflow:visible;position:sticky;top:0;z-index:1000;flex-shrink:0}.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}.top-toolbar-button--observer.top-toolbar-button--active{background:#14b8a647;border-color:#14b8a6b3;box-shadow:0 0 0 1px #14b8a666}.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}.execute-split-button .execute-split-button-main{border-top-right-radius:0;border-bottom-right-radius:0}.execute-split-button .execute-split-button-trigger{border-top-left-radius:0;border-bottom-left-radius:0;border-left:none;padding:0 6px;min-width:22px}.execute-split-button .toolbar-dropdown-menu{left:auto;right:0}@media (max-width: 767px){.top-toolbar{padding:0 6px;gap:4px;min-height:var(--app-header-height, 70px)}.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 (min-width: 1024px) and (max-width: 1279px){.top-toolbar{gap:4px;padding:0 10px}.top-toolbar-button{padding:0 5px}}.left-toolbar{width:220px}@media (max-width: 767px){.left-toolbar{position:fixed!important;left:0!important;top:var(--app-header-height, 70px)!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}.left-toolbar .left-toolbar-nodes-list>div,.node-palette-item{min-height:48px;padding:12px 10px}.left-toolbar:before{content:"";position:fixed;top:var(--app-header-height, 70px);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 (max-width: 375px){.left-toolbar{width:90vw!important;max-width:100vw!important}}@media (min-width: 768px) and (max-width: 1023px){.left-toolbar{position:fixed!important;left:0!important;top:calc(var(--app-header-height, 70px) + 44px)!important;bottom:0!important;width:220px;transform:translate(-100%);transition:transform .3s ease;z-index:999!important;box-shadow:2px 0 8px #0003}.workflow-editor-main .left-toolbar{transform:translate(0);z-index:50!important}body.panel-open .workflow-canvas-container,body.panel-open .react-flow-wrapper{margin-left:44px!important}}.right-toolbar{width:320px}@media (max-width: 767px){.right-toolbar{position:fixed!important;right:0!important;top:var(--app-header-height, 70px)!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 .right-toolbar{transform:translate(0)}.right-toolbar-content{max-height:100%;overflow-y:auto}}@media (min-width: 768px) and (max-width: 1023px){.right-toolbar{position:fixed!important;right:0!important;top:calc(var(--app-header-height, 70px) + 44px)!important;bottom:0!important;width:280px;transform:translate(100%);transition:transform .3s ease;z-index:999!important;box-shadow:-2px 0 8px #0003}.workflow-editor-main .right-toolbar{transform:translate(0)}}@media (max-width: 767px){.workflow-canvas-container,.react-flow-wrapper{flex:1;width:100%!important}}@media (min-width: 768px) and (max-width: 1023px){.workflow-canvas-container,.react-flow-wrapper{margin-left:0;margin-right:0}}@media (min-width: 1024px){.workflow-canvas-container,.react-flow-wrapper{flex:1}}body.modal-open .flow-studio-shell,body.panel-open .flow-studio-shell,body.modal-open,body.panel-open{overflow:hidden!important}@media (max-width: 768px){.flow-studio-shell{overflow-x:hidden!important;max-width:100vw!important}.flow-studio-shell *{-webkit-tap-highlight-color:rgba(0,0,0,.1)}.flow-studio-shell *{-webkit-overflow-scrolling:touch}.flow-studio-shell input,.flow-studio-shell select,.flow-studio-shell textarea{font-size:16px!important}.flow-studio-shell nav[class*=app-nav],.flow-studio-shell nav[class*=AppNav],.flow-studio-shell nav.app-nav,.flow-studio-shell .app-nav,.flow-studio-shell [class*=Sidebar],.flow-studio-shell [class*=sidebar]{display:none!important;visibility:hidden!important;opacity:0!important;pointer-events:none!important;position:absolute!important;left:-9999px!important}.flow-studio-shell:not(.nav-collapsed) nav.app-nav,.flow-studio-shell:not(.nav-collapsed) nav[class*=app-nav]{display:flex!important;visibility:visible!important;opacity:1!important;pointer-events:auto!important;position:fixed!important;left:0!important;top:var(--app-header-height, 70px)!important;bottom:0!important;width:80vw!important;max-width:300px!important;z-index:1000!important;background:var(--bg-main)!important}.flow-studio-shell nav.app-breadcrumbs{display:flex!important;visibility:visible!important}}@media (max-width: 320px){.top-toolbar{padding:0 4px;gap:2px}.top-toolbar-button{min-width:40px;min-height:40px;padding:8px}.react-flow__node{min-width:140px;font-size:12px}.context-menu{min-width:180px;max-width:calc(100vw - 20px)}.flow-studio-shell [role=dialog],.flow-studio-shell [role=alertdialog],.flow-studio-shell [class*=Dialog],.flow-studio-shell [class*=dialog]{width:100vw!important;max-width:100vw!important;margin:0!important;border-radius:20px 20px 0 0!important;position:fixed!important;bottom:0!important;left:0!important;right:0!important}}@media (min-width: 321px) and (max-width: 360px){.top-toolbar{padding:0 6px}.react-flow__node{min-width:150px}.flow-studio-shell [role=dialog],.flow-studio-shell [role=alertdialog],.flow-studio-shell [class*=Dialog],.flow-studio-shell [class*=dialog]{width:100vw!important;max-width:100vw!important;margin:0!important;border-radius:20px 20px 0 0!important;position:fixed!important;bottom:0!important;left:0!important;right:0!important}}@media (min-width: 361px) and (max-width: 375px){.top-toolbar{padding:0 8px}.flow-studio-shell [role=dialog],.flow-studio-shell [role=alertdialog],.flow-studio-shell [class*=Dialog],.flow-studio-shell [class*=dialog]{width:100vw!important;max-width:100vw!important;margin:0!important;border-radius:24px 24px 0 0!important;position:fixed!important;bottom:0!important;left:0!important;right:0!important}}@media (min-width: 376px) and (max-width: 390px){.react-flow__node{min-width:160px}}@media (min-width: 391px) and (max-width: 414px){.left-toolbar{max-width:340px}}@media (min-width: 415px) and (max-width: 430px){.left-toolbar{max-width:360px}.right-toolbar{max-width:420px}}@media (min-width: 768px) and (max-width: 834px){.left-toolbar{width:200px}.right-toolbar{width:240px}.top-toolbar-button{padding:8px 12px}}@media (min-width: 1024px) and (max-width: 1366px){.left-toolbar{width:260px}.right-toolbar{width:340px}}@media (max-width: 768px){.flow-studio-shell button:not(.badge):not(.badge-button):not(.small):not(.icon-only):not([class*=icon]),.flow-studio-shell a:not(.inline-link):not(.badge-link):not([class*=icon]),.flow-studio-shell input[type=checkbox],.flow-studio-shell input[type=radio],.flow-studio-shell .clickable:not(.badge):not(.badge-clickable){min-width:44px;min-height:44px}.flow-studio-shell .react-flow__handle{width:16px!important;height:16px!important}.flow-studio-shell .react-flow__handle:hover,.flow-studio-shell .react-flow__handle:active{width:20px!important;height:20px!important}.flow-studio-shell .context-menu-item,.flow-studio-shell .dropdown-item,.flow-studio-shell .toolbar-dropdown-item{min-height:44px;padding:12px 16px}}@media (max-width: 1023px){.left-toolbar-backdrop,.right-toolbar-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:998;transition:opacity .3s ease}}@media (max-width: 768px){.flow-studio-shell .workflow-editor-main,.flow-studio-shell .workflow-canvas-container,.flow-studio-shell .react-flow-wrapper{max-width:100vw!important;overflow-x:hidden!important}.flow-studio-shell .workflow-editor-main *{max-width:100%}.flow-studio-shell table{display:block;overflow-x:auto;white-space:nowrap}}@media (max-width: 768px){.top-toolbar{padding-left:max(8px,env(safe-area-inset-left))!important;padding-right:max(8px,env(safe-area-inset-right))!important}.modal,.left-toolbar,.right-toolbar{padding-bottom:env(safe-area-inset-bottom)!important}}@media (max-width: 768px) and (orientation: landscape){.modal{max-height:80vh!important}.properties-panel{max-height:60vh!important}.left-toolbar,.right-toolbar{max-width:50vw!important}}@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi){.react-flow__node,.modal,.left-toolbar,.right-toolbar{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}}@media (max-width: 480px){.flow-studio-shell [role=dialog],.flow-studio-shell [role=alertdialog],.flow-studio-shell [aria-modal=true],.flow-studio-shell div[class*=Modal],.flow-studio-shell div[class*=modal],.flow-studio-shell div[class*=Dialog],.flow-studio-shell div[class*=dialog],.flow-studio-shell div[class*=Popup],.flow-studio-shell div[class*=popup]{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;transform:none!important}.flow-studio-shell .modal-header,.flow-studio-shell .modal-body,.flow-studio-shell .modal-footer,.flow-studio-shell .modal-overlay,.flow-studio-shell [class*=Dialog] .modal-header,.flow-studio-shell [class*=Dialog] .modal-body,.flow-studio-shell [class*=Dialog] .modal-footer{position:static!important;width:auto!important;height:auto!important;bottom:auto!important;top:auto!important;left:auto!important;right:auto!important}.flow-studio-shell [class*=overlay][class*=modal],.flow-studio-shell [class*=Modal][class*=overlay],.flow-studio-shell [class*=backdrop]{display:flex!important;align-items:flex-end!important;justify-content:center!important;position:absolute!important;width:100%!important;height:100%!important}}@media (max-width: 768px){.flow-studio-shell nav,.flow-studio-shell aside,.flow-studio-shell [role=navigation]:not(header *){display:none!important}.flow-studio-shell header nav,.flow-studio-shell header [role=navigation],.flow-studio-shell .app-header nav,.flow-studio-shell [class*=header] nav{display:flex!important}.flow-studio-shell main,.flow-studio-shell .app-main,.flow-studio-shell [role=main]{margin-left:0!important;margin-right:0!important;width:100%!important;max-width:100vw!important}}@media (max-width: 480px){.flow-studio-shell div[style*="position: fixed"],.flow-studio-shell div[style*="position: absolute"][style*=z-index]{position:fixed!important;bottom:0!important;left:0!important;right:0!important;top:auto!important;width:100vw!important;max-width:100vw!important;border-radius:24px 24px 0 0!important;margin:0!important}.flow-studio-shell div[class*=auth-notifications-panel]{position:fixed!important;bottom:auto!important;top:70px!important;left:auto!important;right:12px!important;width:auto!important;max-width:calc(100vw - 24px)!important;border-radius:8px!important;margin:0!important}.flow-studio-shell div[class*=auth-user-menu-panel][style*="position: fixed"][style*="top:"]{position:fixed!important;top:70px!important;right:8px!important;left:auto!important;bottom:auto!important;width:auto!important;max-width:calc(100vw - 16px)!important;margin:0!important;border-radius:8px!important;z-index:2000!important}}@media (max-width: 767px){.settings-subtab-scroll{padding:16px 12px!important}.settings-content-area{width:100%;max-width:100%;box-sizing:border-box}}.flow-studio-shell .react-flow__node,.flow-studio-shell .react-flow__node-default,.flow-studio-shell [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:#309b4826}[data-theme=light] .react-flow__background circle{fill:#309b4840}.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(48,155,72,.6));animation:edge-pulse 2s infinite}.react-flow__edge:hover .react-flow__edge-path{stroke:#ffffffbf}.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:#309b48;border-color:#fff;box-shadow:0 0 15px #309b48e6}.react-flow-wrapper{width:100%;height:100%;position:relative;transition:opacity .3s ease;touch-action:pan-x pan-y}.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:#123821;border-bottom:1px solid #309B48;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__handle{transition:border-color .15s,box-shadow .15s}.react-flow__panel{margin:3px!important}.react-flow__panel.bottom{bottom:34px!important}.react-flow__attribution{display:none!important;visibility:hidden!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__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:#309b48!important}.react-flow__controls-button:hover{background:#1e293b!important;color:#309b48!important}.react-flow__controls-button svg{stroke:#309b48!important;fill:#309b48!important;color:#309b48!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-control-button--hand-active,.react-flow-control-button--smart-edges-active{background:#3b82f633!important}.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}.react-flow-wrapper--hand .react-flow__pane,.react-flow-wrapper--hand .react-flow__node{cursor:grab!important}.react-flow-wrapper--hand .react-flow__pane:active,.react-flow-wrapper--hand .react-flow__node:active{cursor:grabbing!important}*{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)}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.app{display:flex;height:100vh;background-color:var(--bg-primary);color:var(--text-primary);overflow-x:hidden;overflow-y:hidden;width:100%;max-width:100vw}.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:var(--shadow-header);border-bottom:1px solid rgba(255,255,255,.1);z-index:var(--z-index-header);height:70px;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+div{margin-left:-4px}.app-header-right{display:flex;align-items:center;gap:8px;flex-shrink:0}.logo-image{height:40px;width:auto;object-fit:contain}@media (max-width: 480px){.logo-image{height:32px;width:auto}}.app-header-brand>div:not(.app-logo){display:flex;flex-direction:column;gap:0;flex:1;min-width:0}.app-logo{flex-shrink:0;display:flex;align-items:center;justify-content:center}.app-header h1{margin:0;font-size:clamp(12px,3.5vw,20px);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:70px;margin-left:210px;padding:1rem;overflow-x:hidden;overflow-y:auto;display:flex;flex-direction:column;transition:margin-left .3s ease}@media (max-width: 1024px){.app-header{z-index:var(--z-index-header-mobile)}.app-header-right{gap:4px;flex-wrap:wrap}[role=menu],[role=menuitem],.dropdown,[class*=Dropdown],[class*=dropdown]{z-index:var(--z-index-dropdown-mobile)!important;position:fixed!important;max-width:90vw;right:8px}[role=menu] a,[role=menu] button,[class*=Dropdown] a,[class*=Dropdown] button{min-height:44px;padding:12px 16px;width:100%;text-align:left}}@media (prefers-reduced-motion: reduce){.app-main{transition:none}}.app.nav-collapsed .app-main{margin-left:80px}@media (min-width: 1025px){.app-main{margin-left:210px!important;margin-top:70px!important}.app.nav-collapsed .app-main{margin-left:80px!important}}@media (max-width: 1024px){.app-main{padding:var(--spacing-md)}}@media (max-width: 374px){.app-header{position:fixed!important;height:70px!important;padding:0 8px!important;gap:6px;overflow:visible}.app-header-brand{gap:6px!important;width:100%;display:flex;align-items:center;min-width:0;flex:1;overflow:hidden}.nav-toggle{padding:6px!important;margin-right:4px!important;flex-shrink:0}.nav-toggle svg{width:18px!important;height:18px!important}.app-logo{flex:0 0 auto!important;overflow:visible}.app-header-brand>div{min-width:0;flex:1;overflow:hidden}.app-header .header-title{font-size:clamp(12px,3.5vw,14px)!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.2}.app-header h1{font-size:clamp(12px,3.5vw,14px)!important}.header-subtitle,.app-header p{display:none!important}.app-header-right{flex-shrink:0}}@media (min-width: 375px) and (max-width: 424px){.app-header{position:fixed!important;height:70px!important;padding:0 10px!important;gap:8px;overflow:visible}.app-header-brand{gap:6px!important;width:auto;display:flex;align-items:center;min-width:0;flex:1 1 auto;overflow:hidden}.nav-toggle{padding:8px!important;margin-right:6px!important;flex-shrink:0}.nav-toggle svg{width:20px!important;height:20px!important}.app-logo{flex:0 0 auto!important;overflow:visible;flex-shrink:0!important}.app-header-brand>div:not(.app-logo){min-width:0;flex:1;overflow:hidden}.app-header .header-title{font-size:clamp(13px,3.8vw,16px)!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.3}.app-header h1{font-size:clamp(13px,3.8vw,16px)!important}.header-subtitle,.app-header p{display:none!important}.app-header-right{flex-shrink:0}}@media (min-width: 425px) and (max-width: 768px){.app-header{position:fixed!important;height:70px!important;padding:0 12px!important;gap:10px;overflow:visible}.app-header-brand{gap:6px!important;width:100%;display:flex;align-items:center;min-width:0;flex:1;overflow:hidden}.nav-toggle{flex-shrink:0}.app-logo{flex-shrink:0;flex:0 0 auto!important}.app-header-brand>div:not(.app-logo){min-width:0;flex:1;overflow:hidden}.app-header .header-title{font-size:clamp(14px,4vw,18px)!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.3}.app-header h1{font-size:clamp(14px,4vw,18px)!important}.header-subtitle,.app-header p{font-size:10px!important;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}}@media (max-width: 768px){.app-header{position:fixed!important;height:70px!important;justify-content:space-between}.app-header-brand{display:flex;align-items:center;min-width:0;flex:1;overflow:hidden}.app-main{margin-top:70px!important;margin-left:0!important;width:100%!important;max-width:100vw!important;padding:8px!important;z-index:1!important}.app{overflow-x:hidden!important;width:100%!important;max-width:100vw!important}}@media (min-width: 768px) and (max-width: 1024px){.app-header{height:70px!important;padding:0 16px!important}.app-header-brand{gap:12px}.header-title,.app-header h1{font-size:clamp(16px,2vw,20px)}.header-subtitle,.app-header p{font-size:11px}.app .app-main,.app.nav-collapsed .app-main{margin-top:70px;margin-left:0;padding:var(--spacing-md);min-width:0;max-width:100vw;z-index:1;transition:margin-left .3s ease}.app:not(.nav-collapsed) .app-main{margin-left:210px;max-width:calc(100vw - 210px)}}@media (max-width: 768px){.nav-toggle{min-width:44px;min-height:44px}}.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:var(--color-primary);background:var(--color-primary-soft);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:70px;width:210px;height:calc(100vh - 70px);background:var(--bg-secondary);border-right:1px solid rgba(61,61,61,.3);box-shadow:var(--shadow-sidebar);overflow-y:auto;overflow-x:hidden;z-index:var(--z-index-sidebar);display:flex;flex-direction:column;transition:width .3s ease,transform .3s ease;box-sizing:border-box}.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;overflow-x:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:thin}.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(--text-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:var(--color-primary-glow);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:var(--color-primary-glow);border:1px solid var(--obs-primary);border-radius:var(--border-radius-md);color:var(--obs-primary);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{position:fixed!important;left:-250px!important;top:70px!important;bottom:0!important;right:auto!important;width:80px!important;height:calc(100vh - 70px)!important;z-index:var(--z-index-drawer-content, 920)!important;box-shadow:none!important;border-right:1px solid var(--border)!important;display:flex!important;flex-direction:column!important;overflow-y:auto!important;overflow-x:hidden!important;box-sizing:border-box!important;transition:left .3s ease,width .3s ease!important}.app:not(.nav-collapsed) .app-nav{left:0!important;width:210px!important;z-index:var(--z-index-drawer-content)!important}[role=presentation][aria-hidden=true]{z-index:var(--z-index-drawer-backdrop)!important}.nav-link{padding:12px 8px!important;font-size:12px!important}.nav-links{padding:12px 0!important;flex:1 1 auto!important;overflow-y:auto!important;overflow-x:hidden!important;min-height:0!important;max-height:100%!important}.nav-link.active{background:var(--color-primary-glow)}.nav-user{display:flex!important;flex-shrink:0!important;max-height:80px!important;overflow:hidden!important}}.nav-link:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}@media (max-width: 768px){.app-header-right [role=menu],.app-header-right [class*=UserMenu],.app-header-right [class*=Menu]{position:fixed!important;top:auto!important;right:8px!important;left:auto!important;bottom:auto!important;z-index:var(--z-index-dropdown-mobile, 930)!important;min-width:200px;max-width:calc(100vw - 16px)}.app-header-right [role=menuitem],.app-header-right [class*=MenuItem]{min-height:44px!important;padding:12px 16px!important;cursor:pointer;border:none;background:none;width:100%;text-align:left}.app-header-right button[aria-haspopup=menu],.app-header-right [class*=UserButton],.app-header-right [class*=ProfileButton]{min-width:40px!important;min-height:40px!important;padding:8px!important}}@media (prefers-reduced-motion: reduce){.app-nav{transition: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;height:40px;line-height:1.5;display:flex;align-items:center;justify-content:center}.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:focus-visible,.button:focus-visible,.btn-primary:focus-visible,.button-primary:focus-visible,.btn-secondary:focus-visible,.button-secondary:focus-visible,.btn-danger:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.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;height:40px;line-height:1.5;display:flex;align-items:center;justify-content:center}.btn-primary:hover{background-color:var(--color-primary-hover, #0C5F58);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{padding:var(--spacing-sm) var(--spacing-lg);background-color:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border);border-radius:var(--border-radius-md);cursor:pointer;font-size:var(--font-size-base);font-weight:600;transition:all .2s ease;height:40px;line-height:1.5;display:flex;align-items:center;justify-content:center}.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;height:40px;line-height:1.5;display:flex;align-items:center;justify-content:center}.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;height:40px;line-height:1.5;display:flex;align-items:center;justify-content:center}.btn-disconnect:hover{background-color:#a93226;box-shadow:var(--shadow-md)}@media (max-width: 640px){.btn,.button{min-height:44px}}.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-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);height:40px;line-height:1.5}.form-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-base);color:var(--text-primary);background-color:var(--bg-secondary);resize:vertical;min-height:100px}.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-input:focus-visible,.form-textarea:focus-visible,.form-select:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}@media (max-width: 640px){.form-input,.form-select,.form-textarea{min-height:44px}}.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);pointer-events:none}.toast-container>*{pointer-events:auto}.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:var(--z-index-modal-overlay);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)}.bf-select{position:relative;width:100%}.bf-select-button{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-sm, 8px);width:100%;min-height:40px;padding:8px 12px;border:1px solid var(--color-border);border-radius:6px;background:var(--color-bg);color:var(--color-text-primary);font-family:inherit;font-size:.9rem;text-align:left;cursor:pointer;transition:border-color .15s ease,box-shadow .15s ease}.bf-select-button:hover:not(:disabled),.bf-select-button.open{border-color:var(--color-primary)}.bf-select-button:focus-visible{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-primary-glow, rgba(48, 155, 72, .25))}.bf-select-button:disabled{opacity:.55;cursor:not-allowed}.bf-select-value{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bf-select-value.placeholder{color:var(--color-text-secondary)}.bf-select-chevron{flex-shrink:0;transition:transform .15s ease}.bf-select-chevron.open{transform:rotate(180deg)}.bf-select-menu{position:absolute;top:calc(100% + 4px);left:0;right:0;z-index:1100;max-height:280px;overflow-y:auto;padding:4px;border:1px solid var(--color-border);border-radius:6px;background:var(--color-bg);box-shadow:0 10px 25px #00000059}.bf-select-option{display:block;width:100%;padding:10px 12px;border:none;border-radius:4px;background:none;color:var(--color-text-primary);font-family:inherit;font-size:.9rem;text-align:left;cursor:pointer}.bf-select-option.highlighted:not(.disabled){background:var(--color-bg-tertiary)}.bf-select-option.selected{background:var(--color-primary);color:#fff;font-weight:600}.bf-select-option.disabled{opacity:.5;cursor:not-allowed}@media (max-width: 768px){.bf-select-button,.bf-select-option{min-height:44px}}.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:linear-gradient(135deg,#0a0e27,#1a1f3a,#0f1729);display:flex;align-items:center;justify-content:center;z-index:9999;animation:splashFadeIn .3s ease-in;overflow:hidden}.splash-dark-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 80% 80% at 50% 50%,#309b480d,#0000004d);z-index:1}.splash-content{display:flex;flex-direction:column;align-items:center;gap:40px;text-align:center;padding:60px 40px;position:relative;z-index:2;max-width:700px}.splash-title-wrapper{position:relative;margin-top:20px}.splash-animated-border{position:absolute;top:-30px;right:-30px;bottom:-30px;left:-30px;border-radius:20px;border:2px solid transparent;background:linear-gradient(135deg,var(--splash-accent, #309B48),rgba(48,155,72,.3)) border-box;animation:splashGlow 4s 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;opacity:.8}.splash-title-inner{position:relative;z-index:1;padding:20px 30px}.splash-title{margin:0;font-size:54px;font-weight:700;letter-spacing:-.5px;background:linear-gradient(135deg,#fff,#e0e0e0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.splash-subtitle{margin:12px 0 0;font-size:18px;color:var(--splash-accent, #309B48);letter-spacing:.5px;font-weight:600}.splash-message{margin:0;font-size:15px;color:#b0b0b0;font-weight:400;letter-spacing:.3px}.splash-dots{margin-top:24px;display:flex;gap:10px;justify-content:center}.splash-dot{width:8px;height:8px;border-radius:50%;background:var(--splash-accent, #309B48);animation:splashPulse 1.6s ease-in-out infinite;box-shadow:0 0 10px #309b4880}@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 splashGlow{0%{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.01)}to{opacity:.6;transform:scale(1)}}@keyframes splashPulse{0%,60%,to{opacity:.4;transform:scale(1)}30%{opacity:1;transform:scale(1.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 #309B48;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:#309b48;box-shadow:0 0 0 3px #309b4833}.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:#309b48;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 #309b484d}.quick-start-btn:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 6px #309b4833}.quick-start-btn:disabled{opacity:.6;cursor:not-allowed}.quick-start-btn-secondary{width:100%;padding:10px;background:transparent;color:#309b48;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:#309b48}.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:#309b481a;border:1px solid #309B48;border-radius:var(--border-radius-sm);color:var(--text-primary);font-size:13px;margin-bottom:16px}.quick-start-info strong{color:#309b48}.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)}html{scroll-behavior:smooth;scrollbar-gutter:stable}.app{overflow-x:hidden!important}.app-main,.app-nav,.page-container,.conv-list-body,.activity-timeline{scroll-behavior:smooth;scrollbar-gutter:stable}.app-main{padding:1rem;overflow-y:auto!important;overflow-x:hidden!important;height:100%}.page-container{flex:1;min-height:0;display:flex;flex-direction:column;overflow-y:auto!important;overflow-x:hidden!important}.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)}header,[role=banner]{display:flex;align-items:center;justify-content:space-between;gap:12px}header a,header button,[role=banner] a,[role=banner] button{min-width:30px;min-height:30px;padding:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;flex-shrink:0}header svg,[role=banner] svg,.app-header svg{width:15px;height:15px;flex-shrink:0}: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)}@media (max-width: 768px){.app{display:flex;flex-direction:column;height:100vh;overflow:hidden}.app-header{display:flex;flex-direction:row;align-items:center;justify-content:space-between;flex-shrink:0;padding:10px 12px;height:60px;background:var(--bg-secondary, #1e1e1e);border-bottom:1px solid var(--border, #3a3a3a);z-index:500;gap:8px;position:relative;overflow:visible!important}.app-header a,.app-header button{min-width:40px;min-height:40px;padding:8px}.app-header svg{width:20px;height:20px}[role=menu],[role=dialog],[role=listbox],[class*=dropdown],[class*=popup],[class*=popover],[class*=menu],[class*=tooltip]{position:fixed!important;z-index:1001!important;max-width:90vw!important;max-height:90vh!important;overflow:visible!important;overflow-y:auto!important;pointer-events:auto!important;visibility:visible!important;opacity:1!important}[role=menu] [role=menu],[class*=dropdown] [class*=dropdown]{position:absolute!important;z-index:1002!important}.app-header *,[role=banner] *{touch-action:auto;-webkit-touch-callout:auto}.app-header>*:last-child{z-index:1001;position:relative}.app-header-brand{display:flex;align-items:center;gap:12px;flex:1;min-width:0}.app-header-text{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis}.app-header h1{font-size:18px;margin:4px 0 0;white-space:nowrap}.app-header p{font-size:12px;margin:0;white-space:nowrap;color:var(--text-secondary, #a0a0a0)}.app-header-links{display:none}.app-nav{display:flex;position:fixed;left:0;top:60px;width:240px;height:calc(100vh - 60px);background:var(--bg-secondary, #1e1e1e);border-right:1px solid var(--border, #4a4a4a);overflow-y:auto;overflow-x:hidden;z-index:900;transform:translate(0);transition:transform .3s ease;box-shadow:2px 0 8px #0000004d;flex-direction:column}.app.nav-collapsed .app-nav{transform:translate(-100%)}.app-main{display:flex;flex-direction:column;margin-left:240px;margin-top:0;flex:1;overflow-y:auto;padding:16px 12px;transition:margin-left .3s ease,background-color .3s ease;cursor:pointer;position:relative;z-index:1}.app.nav-collapsed .app-main{margin-left:0}.app:not(.nav-collapsed) .app-main{background-color:#0000004d}.nav-toggle{display:flex;align-items:center;justify-content:center;width:40px;height:40px;padding:8px;margin-right:8px;background:transparent;border:1px solid var(--border, #4a4a4a);border-radius:6px;cursor:pointer;color:var(--text-primary, #f0f0f0);transition:all .2s;flex-shrink:0}.nav-toggle:hover{background:var(--bg-tertiary, #2a2a2a);border-color:var(--primary, #3A8C45)}.nav-toggle svg{width:20px;height:20px;stroke-width:2}.nav-group{border-bottom:1px solid var(--border, #3a3a3a)}.nav-group-header{padding:12px 16px;font-size:13px;font-weight:600}.nav-link{padding:10px 16px;font-size:14px;height:44px;display:flex;align-items:center;gap:12px}.nav-link svg{width:18px;height:18px}.conv-layout{display:flex;flex-direction:column;gap:16px;height:auto}.conv-list-panel{flex:0 0 auto;width:100%;max-height:200px;border-radius:8px}.conv-chat-area{flex:1;min-height:300px;border-radius:8px}.page-title{font-size:18px!important;margin:0 0 16px!important}.page-title svg{width:18px!important;height:18px!important}.card{padding:16px;border-radius:8px;margin-bottom:16px}.card-title{font-size:14px;margin:0 0 16px}.form-group{margin-bottom:16px}.form-label{font-size:13px}.form-input,.form-select,.form-textarea{padding:12px;font-size:16px;border-radius:6px}.form-textarea{min-height:100px}.button{padding:12px 16px;font-size:14px;min-height:44px;border-radius:6px;width:100%}.button-secondary{min-height:44px}.stat-card{padding:16px;margin-bottom:12px}.stat-card p:last-child{font-size:24px}.store-stat-card{padding:12px 10px;font-size:12px}.activity-timeline{max-height:400px}.timeline-row{padding:12px;gap:8px;font-size:12px}.timeline-time{font-size:10px;flex:0 0 70px}.filter-btn,.clear-btn{padding:6px 10px;font-size:12px;min-height:36px}.detail-code-block{font-size:11px;max-height:150px;margin-top:8px}}@media (max-width: 640px){.app-header{padding:10px 12px;gap:8px}.app-header h1{font-size:16px}.app-header p{display:none}.app-main{margin-left:0;padding:12px 8px}.app-nav{width:220px;top:50px;height:calc(100vh - 50px)}.app.nav-collapsed .app-nav{transform:translate(-100%);box-shadow:2px 0 6px #0006}.nav-link{padding:8px 12px;font-size:13px;height:40px;gap:10px}.nav-link svg{width:16px;height:16px}.nav-group-header{padding:10px 12px;font-size:12px}.nav-group-header span{flex:1}.conv-layout{gap:12px}.conv-list-panel{max-height:160px;border-radius:6px}.conv-chat-area{min-height:240px;border-radius:6px}.page-title{font-size:16px}.card{padding:12px;margin-bottom:12px;border-radius:6px}.form-input,.form-select,.form-textarea{padding:12px;font-size:16px;border-radius:4px}.button{border-radius:4px}.app-main::-webkit-scrollbar{width:3px}.app-main::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:2px}.app-main::-webkit-scrollbar-track{background:transparent}.app-nav::-webkit-scrollbar{width:3px}.app-nav::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:2px}.app-nav::-webkit-scrollbar-track{background:transparent}}@media (max-height: 600px) and (orientation: landscape){.app-header{padding:8px 12px}.app-header h1{font-size:15px}.app-nav{top:44px;height:calc(100vh - 44px);width:200px}.app-main{margin-left:200px;padding:12px 8px}.app.nav-collapsed .app-main{margin-left:0}.conv-layout{flex-direction:row;gap:12px;height:auto}.conv-list-panel{flex:0 0 140px;max-height:none}.conv-chat-area{flex:1;min-height:auto}.page-title{font-size:15px;margin-bottom:12px}.form-input,.form-select,.form-textarea{font-size:14px}.button{padding:10px 14px;font-size:13px;min-height:40px}.card{padding:12px;margin-bottom:10px}}@media (hover: none){button:hover{transform:none}.button:hover{background:#3a8c45}button:active{opacity:.8}.nav-link,.button,.filter-btn,.nav-toggle,.nav-group-header{min-height:44px;min-width:44px}.app-main{padding:12px 10px}}.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!important;grid-template-columns:1fr!important;gap:24px!important;max-width:1600px!important;margin-left:auto!important;margin-right:auto!important}@media (min-width: 768px){.projects-dashboard__grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr))!important}}.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{margin-bottom:8px;width:100%;min-width:0;box-sizing:border-box}[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: 360px){.projects-dashboard{padding:16px 12px!important}.projects-dashboard__title{font-size:20px!important}.projects-dashboard__subtitle{font-size:12px!important}.projects-dashboard__grid{grid-template-columns:1fr!important;gap:12px!important}.project-card{padding:16px!important}.project-card__icon{font-size:36px!important}.project-card__description{font-size:13px!important}.project-card__stats{font-size:11px!important}}@media (min-width: 361px) and (max-width: 767px){.projects-dashboard{padding:20px 16px}.projects-dashboard__title{font-size:24px}.projects-dashboard__subtitle{font-size:14px}.projects-dashboard__grid{grid-template-columns:1fr!important;gap:16px}.project-card{padding:20px}.project-card__icon{font-size:40px}}@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))}}.loading-container{display:flex;align-items:center;justify-content:center;width:100%;height:100vh;background-color:var(--bg-primary, #ffffff);color:var(--text-primary, #333333)}.loading-content{text-align:center}.loading-spinner{width:40px;height:40px;margin:0 auto 16px;border:3px solid var(--border-color, #e0e0e0);border-top-color:var(--primary-color, #3b82f6);border-radius:50%;animation:spin .6s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading-content p{margin:0;font-size:14px;color:var(--text-secondary, #666666)}.auth-error-container,.api-error-container{display:flex;align-items:center;justify-content:center;width:100%;height:100vh;background-color:var(--bg-primary, #ffffff);padding:20px}.auth-error-content,.api-error-content{max-width:400px;padding:24px;border-radius:8px;background-color:var(--bg-secondary, #f5f5f5);border:1px solid var(--border-color, #e0e0e0);box-shadow:0 1px 3px #0000001a}.auth-error-content h1,.api-error-content h2{margin:0 0 12px;font-size:18px;font-weight:600;color:var(--error-color, #d32f2f)}.auth-error-content p,.api-error-content p{margin:0 0 16px;font-size:14px;color:var(--text-primary, #333333);line-height:1.5}.auth-error-content details,.api-error-content details{margin:12px 0;padding:12px;background-color:var(--bg-primary, #ffffff);border-radius:4px;border-left:3px solid var(--warning-color, #f57c00)}.auth-error-content summary,.api-error-content summary{cursor:pointer;font-size:12px;font-weight:500;color:var(--warning-color, #f57c00);-webkit-user-select:none;user-select:none}.auth-error-content pre,.api-error-content pre{margin:8px 0 0;padding:8px;background-color:var(--bg-tertiary, #eeeeee);border-radius:4px;font-size:11px;overflow-x:auto;color:var(--text-secondary, #666666);font-family:Courier New,monospace}.auth-error-content button,.api-error-content button{padding:10px 16px;background-color:var(--primary-color, #3b82f6);color:#fff;border:none;border-radius:4px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .2s ease}.auth-error-content button:hover,.api-error-content button:hover{background-color:var(--primary-color-hover, #1e40af)}.auth-error-content button:active,.api-error-content button:active{background-color:var(--primary-color-active, #1e3a8a)}.error-recovery{margin-top:16px}.error-hint{margin:12px 0;font-size:13px;color:var(--text-secondary, #666666);line-height:1.4}.retry-button{width:100%;margin-bottom:8px}.reload-button{width:100%;background-color:var(--secondary-color, #6b7280)}.reload-button:hover{background-color:var(--secondary-color-hover, #4b5563)}.error-message{background-color:#d32f2f1a;padding:12px;border-radius:4px;border-left:3px solid var(--error-color, #d32f2f);margin:12px 0;font-size:13px;word-break:break-word}[data-theme=dark] .loading-container,[data-theme=dark] .auth-error-container,[data-theme=dark] .api-error-container{background-color:var(--bg-primary, #0f172a);color:var(--text-primary, #e5e7eb)}[data-theme=dark] .loading-spinner{border-color:var(--border-color, #334155);border-top-color:var(--primary-color, #60a5fa)}[data-theme=dark] .loading-content p,[data-theme=dark] .auth-error-content p,[data-theme=dark] .api-error-content p{color:var(--text-secondary, #9ca3af)}[data-theme=dark] .auth-error-content,[data-theme=dark] .api-error-content{background-color:var(--bg-secondary, #1e293b);border-color:var(--border-color, #334155)}[data-theme=dark] .error-message{background-color:#d32f2f33;color:var(--text-primary, #e5e7eb)}[data-theme=dark] .error-hint{color:var(--text-secondary, #9ca3af)}[data-theme=dark] .reload-button{background-color:var(--secondary-color, #4b5563)}[data-theme=dark] .reload-button:hover{background-color:var(--secondary-color-hover, #3a4452)}@media (prefers-reduced-motion: reduce){.loading-spinner{animation:none;border-top-color:var(--border-color, #e0e0e0)}}@media (max-width: 480px){.auth-error-content,.api-error-content{padding:16px}.auth-error-content h1,.api-error-content h2{font-size:16px}.loading-spinner{width:32px;height:32px}}