@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap";.main-navigation{position:fixed;top:0;left:0;right:0;z-index:1000;background:#16161dcc;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border-bottom:1px solid rgba(255,255,255,.1);box-shadow:0 4px 16px #0000004d}.nav-container{max-width:1400px;margin:0 auto;padding:0 2rem;height:64px;display:flex;align-items:center;justify-content:space-between;gap:3rem}.nav-brand{display:flex;align-items:center;gap:.75rem;text-decoration:none;color:#fff;font-weight:700;font-size:1.125rem;transition:all .2s;padding:.5rem .75rem;border-radius:12px}.nav-brand:hover{background:linear-gradient(135deg,#2563eb26,#3b82f626);color:#fff;transform:translateY(-1px)}.nav-brand svg{color:#3b82f6;filter:drop-shadow(0 2px 8px rgba(37,99,235,.3))}.brand-text{font-weight:700;background:linear-gradient(135deg,#2563eb,#3b82f6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.nav-links{display:flex;align-items:center;gap:.5rem;flex:1}.nav-theme-toggle{margin-left:auto;padding-left:1rem}.nav-link{display:flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;border-radius:12px;text-decoration:none;color:#ffffffe6;font-weight:500;font-size:.9375rem;transition:all .2s;position:relative}.nav-link:hover{background:linear-gradient(135deg,#2563eb26,#3b82f61f);color:#fff;transform:translateY(-1px)}.nav-link.active{background:linear-gradient(135deg,#2563eb,#3b82f6);color:#fff;box-shadow:0 4px 16px #2563eb4d}.nav-link.active:before{content:"";position:absolute;bottom:-1px;left:50%;transform:translate(-50%);width:40%;height:2px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.8),transparent)}.nav-actions{display:flex;align-items:center;gap:.75rem}.nav-action-btn{display:flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;border-radius:12px;text-decoration:none;color:#ffffffe6;font-weight:500;font-size:.9375rem;border:1.5px solid rgba(255,255,255,.18);transition:all .2s;background:linear-gradient(135deg,#ffffff1a,#ffffff0d);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.nav-action-btn:hover{border-color:#2563eb80;color:#fff;background:linear-gradient(135deg,#2563eb40,#3b82f626);box-shadow:0 4px 16px #2563eb40;transform:translateY(-1px)}.mobile-menu-toggle{display:none;background:none;border:none;color:var(--text-primary);cursor:pointer;padding:var(--space-2);border-radius:8px;transition:all .2s}.mobile-menu-toggle:hover{background:#ffffff1a}.mobile-menu-toggle:focus-visible{outline:2px solid var(--blue-500);outline-offset:2px}.desktop-only{display:flex}.mobile-only{display:none}@media (max-width: 768px){.mobile-menu-toggle{display:block}.desktop-only{display:none}.mobile-only{display:flex}.nav-container{padding:0 var(--space-4);height:56px}.brand-text{font-size:var(--text-base)}.nav-links{position:fixed;top:56px;left:0;right:0;background:#0a0a0ffa;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);flex-direction:column;padding:var(--space-4);gap:var(--space-2);border-top:1px solid rgba(255,255,255,.1);box-shadow:0 8px 32px #0006;transform:translateY(-100%);opacity:0;visibility:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);z-index:999;max-height:calc(100vh - 56px);overflow-y:auto}.nav-links.mobile-open{transform:translateY(0);opacity:1;visibility:visible}.nav-link{width:100%;padding:var(--space-4);font-size:var(--text-base);justify-content:flex-start}.nav-link span{display:inline}.nav-link svg{margin-right:var(--space-2)}.nav-link.active{background:linear-gradient(135deg,var(--blue-600) 0%,var(--blue-700) 100%)}.nav-action-btn{width:100%;justify-content:flex-start}}@media (max-width: 375px){.brand-text{display:none}}.theme-toggle{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:2rem;color:var(--text-primary);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .3s ease;backdrop-filter:blur(10px)}.theme-toggle:hover{background:#ffffff1a;border-color:var(--accent-primary);transform:translateY(-1px)}.theme-toggle:active{transform:translateY(0)}.theme-toggle-track{position:relative;width:40px;height:22px;background:#ffffff1a;border-radius:11px;transition:background .3s ease}.theme-toggle:hover .theme-toggle-track{background:#ffffff26}.theme-toggle-thumb{position:absolute;top:3px;left:3px;width:16px;height:16px;background:var(--accent-primary);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;transition:transform .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 4px #0003}.theme-toggle-thumb.light{transform:translate(18px);background:#fdb813}.theme-toggle-thumb.dark{background:#9f7aea}.theme-toggle-label{min-width:40px;text-align:left}.theme-toggle:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}.theme-toggle-disabled{cursor:default!important;opacity:.8}.theme-toggle-disabled:hover{transform:none!important;background:#ffffff0d!important;border-color:#ffffff1a!important}.theme-toggle-disabled .theme-toggle-track,.theme-toggle-disabled:hover .theme-toggle-track{background:#ffffff1a!important}@media (max-width: 768px){.theme-toggle{padding:.5rem .75rem}.theme-toggle-label{display:none}}.app-footer{background:#0f172acc;border-top:1px solid rgba(100,116,139,.2);padding:.875rem 2rem;margin-top:auto;width:100%;backdrop-filter:blur(8px)}.footer-content{max-width:1400px;margin:0 auto}.footer-main{display:flex;justify-content:space-between;align-items:center;gap:2rem;font-size:.8125rem;color:#94a3b8}.footer-left{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.footer-icon{color:#fbbf24;flex-shrink:0}.footer-warning{color:#fbbf24;font-weight:500;white-space:nowrap}.footer-copyright{color:#94a3b8;white-space:nowrap}.footer-links{display:flex;align-items:center;gap:.625rem;flex-wrap:wrap}.footer-link{color:#94a3b8;text-decoration:none;transition:color .15s ease;white-space:nowrap}.footer-link:hover{color:#60a5fa}.footer-divider{color:#94a3b859;user-select:none;font-weight:300}.footer-warning{color:#fbbf24;font-style:italic;font-size:.8125rem}@media (max-width: 900px){.app-footer{padding:.875rem 1.5rem}.footer-main{flex-direction:column;align-items:flex-start;gap:.625rem}.footer-left,.footer-links{width:100%}}@media (max-width: 640px){.app-footer{padding:.75rem 1.25rem}.footer-main{font-size:.75rem;gap:.5rem}.footer-left{flex-wrap:wrap;gap:.375rem}.footer-icon{width:12px;height:12px}.footer-links{flex-wrap:wrap;gap:.375rem}.footer-divider{margin:0 .125rem}}.compact-footer{position:fixed;bottom:0;left:0;right:0;background:#0f172afa;backdrop-filter:blur(12px);border-top:1px solid rgba(100,116,139,.5);padding:.5rem 1rem;z-index:100;pointer-events:auto;height:40px}.compact-footer-content{display:flex;align-items:center;justify-content:space-between;max-width:1400px;margin:0 auto;gap:1rem}.compact-disclaimer{display:flex;align-items:center;gap:.5rem;color:#fbbf24;font-size:.75rem;font-weight:500}.compact-disclaimer svg{flex-shrink:0}.compact-links{display:flex;align-items:center;gap:.75rem}.compact-link{color:#94a3b8;font-size:.75rem;text-decoration:none;padding:.25rem .5rem;border-radius:4px;transition:all .2s ease}.compact-link:hover{color:#cbd5e1;background:#33415580}@media (max-width: 640px){.compact-footer{padding:.5rem .75rem}.compact-footer-content{flex-direction:row;flex-wrap:wrap;justify-content:center;align-items:center;gap:.5rem}.compact-disclaimer{font-size:.7rem;flex:0 0 100%;justify-content:center;text-align:center}.compact-links{gap:.5rem;flex:0 0 100%;justify-content:center}.compact-link{font-size:.7rem;padding:.2rem .4rem}}.main-layout{width:100%;height:100vh;max-height:100vh;display:flex;flex-direction:column;background:var(--bg-secondary);position:relative;overflow:hidden;padding-top:64px;box-sizing:border-box}.main-content{width:100%;height:100%;max-height:100%;overflow:hidden;position:relative;background:var(--bg-secondary)}.main-content.scrollable{overflow-y:auto;overflow-x:hidden}.main-content>.builder-page,.main-content>.chat-page{height:100%;max-height:100%;width:100%;overflow:hidden!important;display:flex;flex-direction:column;position:relative;min-height:0;contain:layout size}.main-content>.monitor-page{height:100%;width:100%;overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column;position:relative;padding-bottom:60px;background:var(--bg-secondary)}.main-content>.landing-page{height:auto;min-height:calc(100vh - 64px);overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column}@media (max-width: 768px){.main-layout{padding-top:56px}.main-content{height:100%;max-height:100%}.main-content>*{height:100%;max-height:100%;min-height:0}.main-content>.landing-page{height:auto;min-height:100%}}.notification{display:flex;align-items:center;gap:.75rem;padding:1rem 1.25rem;background:#ffffff0d;backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:12px;box-shadow:0 8px 32px #0000004d;min-width:320px;max-width:480px;animation:slideInRight .3s ease-out}@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.notification-icon{flex-shrink:0;display:flex;align-items:center;justify-content:center}.notification-message{flex:1;font-size:.9375rem;line-height:1.5;color:#fffffff2;word-wrap:break-word}.notification-close{flex-shrink:0;background:none;border:none;color:#ffffff80;cursor:pointer;padding:.25rem;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s ease}.notification-close:hover{background:#ffffff1a;color:#ffffffe6}.notification-success{border-color:#22c55e4d;background:#22c55e1a}.notification-success .notification-icon{color:#22c55e}.notification-error{border-color:#ef44444d;background:#ef44441a}.notification-error .notification-icon{color:#ef4444}.notification-warning{border-color:#fbbf244d;background:#fbbf241a}.notification-warning .notification-icon{color:#fbbf24}.notification-info{border-color:#3b82f64d;background:#3b82f61a}.notification-info .notification-icon{color:#3b82f6}.notification-container{position:fixed;top:5rem;right:1.5rem;z-index:10000;display:flex;flex-direction:column;gap:1rem;pointer-events:none}.notification-container>*{pointer-events:auto}@media (max-width: 768px){.notification-container{top:4rem;right:1rem;left:1rem}.notification{min-width:unset;max-width:unset}}.terms-modal-overlay{position:fixed;inset:0;background:#000000d9;backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:10000;padding:1rem;overflow-y:auto}.terms-modal{background:linear-gradient(135deg,#1e293b,#0f172a);border:1px solid rgba(100,116,139,.3);border-radius:12px;max-width:700px;width:100%;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 25px 50px -12px #00000080;animation:modalSlideIn .3s ease-out}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.terms-modal-header{text-align:center;padding:1.25rem 2rem .875rem;border-bottom:1px solid rgba(100,116,139,.3);background:#0f172a80}.terms-warning-icon{color:#fbbf24;margin-bottom:.5rem;animation:pulse 2s ease-in-out infinite;width:28px;height:28px}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.terms-modal-header h2{color:#f1f5f9;font-size:1.375rem;margin-bottom:.25rem;font-weight:600}.terms-subtitle{color:#94a3b8;font-size:.875rem;margin:0}.terms-tabs{display:flex;background:#0f172af2;border-bottom:2px solid rgba(100,116,139,.4);overflow-x:auto;overflow-y:visible;scrollbar-width:thin;scrollbar-color:rgba(100,116,139,.7) rgba(30,41,59,.5);min-height:60px;padding:0 1rem}.terms-tabs::-webkit-scrollbar{height:6px}.terms-tabs::-webkit-scrollbar-track{background:#1e293b80;border-radius:3px}.terms-tabs::-webkit-scrollbar-thumb{background:#64748bb3;border-radius:3px}.terms-tabs::-webkit-scrollbar-thumb:hover{background:#64748be6}.terms-tab{flex:1;display:flex;align-items:center;justify-content:center;gap:.625rem;padding:1.125rem 1.5rem;background:transparent;border:none;border-bottom:3px solid transparent;color:#e2e8f0;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap;min-width:fit-content;letter-spacing:.01em}.terms-tab:hover{background:#3b82f633;color:#fff;border-bottom-color:#3b82f699}.terms-tab.active{background:#3b82f640;border-bottom-color:#60a5fa;color:#fff}.terms-tab svg{flex-shrink:0;opacity:1;width:18px;height:18px}.terms-modal-body{padding:1.5rem 2rem;overflow-y:auto;flex:1;min-height:0}.terms-content{color:#e2e8f0}.terms-content h3{color:#f1f5f9;font-size:1.375rem;margin-bottom:.5rem;font-weight:600}.terms-content h4{color:#f1f5f9;font-size:1.125rem;margin:1.5rem 0 .75rem;font-weight:600}.terms-content section{margin-bottom:1.5rem}.terms-content p{color:#cbd5e1;line-height:1.6;margin-bottom:.75rem}.terms-content ul,.terms-content ol{margin-left:1.5rem;margin-bottom:1rem}.terms-content li{color:#cbd5e1;line-height:1.6;margin-bottom:.5rem}.terms-content strong{color:#f1f5f9;font-weight:600}.last-updated{color:#94a3b8!important;font-style:italic;font-size:.875rem!important;margin-bottom:1.5rem!important}.warning-text{color:#fbbf24!important;font-weight:500!important}.info-text{color:#60a5fa!important;font-weight:500!important}.overview-list{background:#1e293b80;padding:1rem 1.5rem;border-radius:6px;border-left:3px solid #3b82f6}.overview-instruction{margin-top:2rem!important;color:#f1f5f9!important;font-size:1rem!important}.overview-steps{background:#1e293b80;padding:1rem 1.5rem 1rem 2.5rem;border-radius:6px;border-left:3px solid #10b981}.terms-critical-notice{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.5rem}.critical-warning{display:flex;align-items:flex-start;gap:.75rem;padding:1rem;background:#ef44441a;border-left:4px solid #ef4444;border-radius:6px}.critical-warning svg{color:#ef4444;flex-shrink:0;margin-top:2px}.critical-warning strong{color:#ef4444;display:block;font-size:.9375rem;margin-bottom:.25rem}.critical-warning p{color:#f1f5f9;font-size:.875rem;margin:0;line-height:1.5}.terms-documents{margin-bottom:1.5rem}.terms-documents h3{color:#f1f5f9;font-size:1rem;margin-bottom:1rem;font-weight:600}.terms-document-links{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}.terms-doc-link{display:flex;align-items:center;gap:.5rem;padding:.875rem 1rem;background:#3b82f61a;border:1px solid rgba(59,130,246,.3);border-radius:6px;color:#60a5fa;text-decoration:none;font-size:.875rem;font-weight:500;transition:all .2s ease}.terms-doc-link:hover{background:#3b82f633;border-color:#60a5fa;transform:translateY(-2px)}.terms-doc-link svg{flex-shrink:0}.terms-modal-footer{display:flex;flex-direction:column;gap:.75rem;padding:.75rem 1.5rem 1rem;border-top:1px solid rgba(100,116,139,.2)}.terms-accept-all{margin-bottom:.75rem;padding:.5rem .75rem;background:linear-gradient(135deg,#3b82f61a,#6366f11a);border:1px solid rgba(59,130,246,.3);border-radius:4px;text-align:left}.terms-checkbox-accept-all{display:flex;align-items:center;gap:.5rem;cursor:pointer;user-select:none}.terms-checkbox-accept-all input[type=checkbox]{width:16px;height:16px;cursor:pointer;flex-shrink:0;accent-color:#3b82f6}.accept-all-text{display:flex;align-items:center;gap:.375rem;font-size:.875rem;color:#f1f5f9;cursor:pointer}.accept-all-text svg{flex-shrink:0;color:#3b82f6;width:14px;height:14px}.accept-all-text strong{font-weight:600}.accept-all-hint{display:none}.terms-checkboxes-compact{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem}.terms-checkbox-compact{display:flex;align-items:center;gap:.5rem;padding:.5rem .625rem;background:#1e293b80;border:1px solid rgba(100,116,139,.25);border-radius:4px;cursor:pointer;transition:all .2s ease;user-select:none;font-size:.8125rem}.terms-checkbox-compact:hover{background:#1e293be6;border-color:#64748b80;transform:translateY(-1px)}.terms-checkbox-compact.highlight{background:#fbbf241a;border-color:#fbbf2466}.terms-checkbox-compact.highlight:hover{background:#fbbf2426;border-color:#fbbf2499}.terms-checkbox-compact input[type=checkbox]{width:16px;height:16px;cursor:pointer;flex-shrink:0;accent-color:#3b82f6}.terms-checkbox-compact span{color:#f1f5f9;font-size:.8125rem;font-weight:600;line-height:1.3}.terms-checkbox-compact.highlight span{color:#fbbf24;font-weight:700}.terms-footer-buttons{display:flex;gap:1rem}.terms-checkbox{display:flex;align-items:flex-start;gap:.75rem;padding:.875rem;background:#1e293b80;border:1px solid rgba(100,116,139,.2);border-radius:6px;cursor:pointer;transition:all .2s ease;user-select:none}.terms-checkbox:hover{background:#1e293bcc;border-color:#64748b66}.terms-checkbox.highlight{background:#fbbf240d;border-color:#fbbf244d}.terms-checkbox.highlight:hover{background:#fbbf241a;border-color:#fbbf2480}.terms-checkbox input[type=checkbox]{width:18px;height:18px;margin-top:2px;cursor:pointer;flex-shrink:0;accent-color:#3b82f6}.terms-checkbox span{color:#e2e8f0;font-size:.875rem;line-height:1.5}.terms-checkbox strong{color:#fbbf24;font-weight:600}.terms-final-warning{display:flex;align-items:flex-start;gap:.75rem;padding:1rem;background:#fbbf241a;border-left:4px solid #fbbf24;border-radius:6px;margin-bottom:1rem}.terms-final-warning svg{color:#fbbf24;flex-shrink:0;margin-top:2px}.terms-final-warning p{color:#f1f5f9;font-size:.875rem;margin:0;line-height:1.5}.terms-final-warning strong{color:#fbbf24}.terms-btn{flex:1;padding:1rem 1.5rem;border:none;border-radius:8px;font-size:1rem;font-weight:700;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:.5rem;letter-spacing:.01em}.terms-btn-decline{background:#64748b4d;color:#f1f5f9;border:2px solid rgba(100,116,139,.5)}.terms-btn-decline:hover{background:#64748b66;border-color:#64748bb3;transform:translateY(-1px)}.terms-btn-accept{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border:2px solid #3b82f6;font-weight:700}.terms-btn-accept:hover:not(:disabled){background:linear-gradient(135deg,#2563eb,#1d4ed8);transform:translateY(-2px);box-shadow:0 12px 24px -8px #3b82f699}.terms-btn-accept:disabled{opacity:.4;cursor:not-allowed;background:#64748b4d;border-color:#64748b66;color:#64748b;transform:none}.terms-checkbox-hint{text-align:center;color:#fbbf24;font-size:.875rem;font-weight:600;margin:0;padding:0 2rem 1rem;animation:fadeIn .3s ease-in}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (max-width: 768px){.terms-modal{max-height:95vh;margin:.5rem}.terms-modal-header{padding:1rem 1.5rem .75rem}.terms-modal-header h2{font-size:1.125rem}.terms-warning-icon{width:24px;height:24px}.terms-tabs{overflow-x:auto;min-height:56px;padding:0 .75rem}.terms-tab{padding:1rem 1.125rem;font-size:.9375rem;min-width:fit-content}.terms-tab svg{width:16px;height:16px}.terms-modal-body{padding:1rem 1.5rem}.terms-checkboxes-compact{grid-template-columns:repeat(2,1fr);gap:.5rem}.terms-accept-all{padding:.5rem .625rem;margin-bottom:.625rem}.accept-all-text{font-size:.8125rem}.terms-footer-buttons{flex-direction:column}.terms-btn{width:100%}.terms-checkbox-hint{padding:0 1.5rem 1rem}.terms-document-links{grid-template-columns:1fr}}@media (max-width: 480px){.terms-modal-header h2{font-size:1rem}.terms-subtitle{font-size:.75rem}.terms-warning-icon{width:20px;height:20px}.terms-tabs{min-height:52px;padding:0 .5rem}.terms-tab{padding:.875rem 1rem;font-size:.875rem;gap:.5rem}.terms-tab svg{width:15px;height:15px}.terms-checkboxes-compact{grid-template-columns:1fr;gap:.5rem}.terms-accept-all{padding:.5rem .625rem;margin-bottom:.5rem}.terms-checkbox-accept-all input[type=checkbox]{width:16px;height:16px}.accept-all-text{font-size:.8125rem}.terms-content h3{font-size:1.125rem}.terms-content h4{font-size:1rem}.terms-checkbox{padding:.75rem}.terms-checkbox span{font-size:.8125rem}}.cookie-consent-overlay{position:fixed;bottom:0;left:0;right:0;z-index:9999;padding:1rem;animation:slideUp .3s ease-out}@keyframes slideUp{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.cookie-consent-banner{max-width:520px;margin:0 auto;padding:1rem 1.25rem;border-radius:12px;background:var(--bg-secondary, #16161d)!important;border:1px solid rgba(255,255,255,.2)!important;box-shadow:0 -4px 24px #00000080!important;position:relative}.cookie-close-btn{position:absolute;top:.75rem;right:.75rem;background:none;border:none;color:var(--text-secondary, #a0a3b8);cursor:pointer;padding:.25rem;border-radius:6px;transition:all .2s}.cookie-close-btn:hover{background:#ffffff1a;color:var(--text-primary, #e8e9ed)}.cookie-header{display:flex;align-items:center;gap:.625rem;margin-bottom:.75rem}.cookie-icon{color:var(--accent-primary);flex-shrink:0}.cookie-header h2{margin:0;font-size:1.125rem;font-weight:600;color:var(--text-primary, #e8e9ed)!important}.cookie-description{color:var(--text-secondary, #a0a3b8)!important;line-height:1.5;margin-bottom:.75rem;font-size:.875rem}.cookie-description a{color:var(--accent-primary)!important;text-decoration:underline}.cookie-description a:hover{color:var(--accent-hover)!important}.cookie-info{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:#2563eb33!important;border-radius:6px;margin-bottom:1rem;font-size:.8125rem;color:var(--text-secondary, #a0a3b8)!important}.cookie-info svg{color:var(--accent-primary);flex-shrink:0}.cookie-actions{display:flex;gap:.5rem;flex-wrap:wrap;justify-content:flex-end}.cookie-actions button{padding:.5rem 1rem;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s;border:none;min-width:90px}.btn-primary{background:var(--accent-primary)!important;color:#fff!important}.btn-primary:hover{background:var(--accent-hover)!important;transform:translateY(-1px);box-shadow:0 4px 12px #2563eb4d!important}.btn-secondary{background:#ffffff1a!important;color:var(--text-primary, #e8e9ed)!important;border:1px solid rgba(255,255,255,.2)!important}.btn-secondary:hover{background:#ffffff26!important;border-color:var(--accent-primary)!important;color:var(--text-primary, #e8e9ed)!important}.cookie-categories{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1rem}.cookie-category{padding:.75rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:6px}.category-header{display:flex;align-items:flex-start;gap:.5rem;margin-bottom:.375rem}.category-header input[type=checkbox]{margin-top:.125rem;width:16px;height:16px;cursor:pointer;accent-color:var(--accent-primary)}.category-header input[type=checkbox]:disabled{cursor:not-allowed;opacity:.6}.category-header label{flex:1;cursor:pointer;display:flex;flex-direction:column;gap:.25rem}.category-header label strong{color:var(--text-primary, #e8e9ed);font-size:.9375rem}.required-badge{display:inline-block;padding:.125rem .375rem;background:#22c55e33;color:#22c55e;border-radius:3px;font-size:.6875rem;font-weight:600;margin-left:.375rem}.category-description{font-size:.8125rem;color:var(--text-tertiary, #6c6f85);margin:0;padding-left:1.5rem}@media (max-width: 768px){.cookie-consent-overlay{padding:.5rem}.cookie-consent-banner{border-radius:12px;max-height:85vh;overflow-y:auto}.cookie-header h2{font-size:1rem}.cookie-actions{flex-direction:column}.cookie-actions button{width:100%}}@media (max-width: 480px){.cookie-consent-banner{padding:1rem}.cookie-header{gap:.5rem}.category-description{padding-left:1.375rem}}.cookie-consent-banner:focus-within{outline:2px solid var(--accent-primary);outline-offset:2px}button:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}input[type=checkbox]:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}.error-boundary{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px;background:linear-gradient(135deg,#667eea,#764ba2)}.error-boundary-content{max-width:600px;width:100%;background:#fff;border-radius:16px;padding:48px;box-shadow:0 20px 60px #0000004d;text-align:center;animation:slideUp .4s ease-out}.error-icon{color:#ef4444;margin-bottom:24px;display:flex;justify-content:center}.error-boundary-content h1{margin:0 0 16px;font-size:32px;font-weight:700;color:#111827}.error-message{margin:0 0 16px;font-size:16px;font-weight:600;color:#ef4444;padding:12px;background:#fee2e2;border-radius:8px;border:1px solid #fecaca}.error-description{margin:0 0 32px;font-size:15px;color:#6b7280;line-height:1.6}.error-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-bottom:24px}.error-details-section{margin-top:32px;padding-top:32px;border-top:1px solid #e5e7eb}.error-details{margin-top:16px;text-align:left;background:#f9fafb;border-radius:8px;padding:16px;animation:slideDown .3s ease-out}.detail-block{margin-bottom:20px}.detail-block:last-child{margin-bottom:0}.detail-block h4{margin:0 0 8px;font-size:13px;font-weight:600;color:#374151;text-transform:uppercase;letter-spacing:.5px}.detail-block pre{margin:0;padding:12px;background:#fff;border:1px solid #e5e7eb;border-radius:6px;font-size:12px;font-family:Courier New,monospace;color:#111827;line-height:1.5;overflow-x:auto;white-space:pre-wrap;word-wrap:break-word}.error-dev-note{margin-top:24px;padding:12px;background:#fef3c7;border:1px solid #fde047;border-radius:6px;font-size:13px;color:#92400e;text-align:left}.error-dev-note strong{display:block;margin-bottom:4px}.btn{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;border:none;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.btn-secondary{background:#f3f4f6;color:#374151;border:1px solid #e5e7eb}.btn-secondary:hover{background:#e5e7eb;border-color:#d1d5db}.btn-text{background:none;color:#6b7280;padding:8px 16px;border:1px solid #e5e7eb}.btn-text:hover{background:#f9fafb;color:#111827}@keyframes slideUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;max-height:0}to{opacity:1;max-height:2000px}}@media (max-width: 640px){.error-boundary-content{padding:32px 24px}.error-boundary-content h1{font-size:24px}.error-actions{flex-direction:column}.error-actions .btn{width:100%;justify-content:center}}:root{--neutral-950: #0a0a0f;--neutral-900: #16161d;--neutral-800: #1e1e28;--neutral-700: #2d2d3a;--neutral-600: #3d3d4a;--neutral-500: #52525b;--neutral-400: #71717a;--neutral-300: #a1a1aa;--neutral-200: #e4e4e7;--neutral-100: #f4f4f5;--neutral-50: #fafafa;--neutral-0: #ffffff;--bg-primary: var(--neutral-950);--bg-secondary: var(--neutral-900);--bg-tertiary: var(--neutral-800);--bg-hover: var(--neutral-700);--bg-disabled: var(--neutral-600);--text-primary: var(--neutral-0);--text-secondary: var(--neutral-400);--text-tertiary: var(--neutral-500);--text-disabled: var(--neutral-600);--text-placeholder: var(--neutral-600);--border-light: rgba(255, 255, 255, .08);--border-medium: rgba(255, 255, 255, .12);--border-strong: rgba(255, 255, 255, .2);--divider: rgba(255, 255, 255, .1)}:root{--purple-900: #4c1d95;--purple-800: #581c87;--purple-700: #6b21a8;--purple-600: #7e22ce;--purple-500: #9333ea;--purple-400: #a855f7;--purple-300: #c4b5fd;--purple-200: #ddd6fe;--purple-100: #ede9fe;--purple-50: #f3e8ff;--accent-primary: var(--purple-500);--accent-primary-hover: var(--purple-600);--accent-primary-light: var(--purple-400);--accent-primary-lighter: var(--purple-300)}:root{--blue-900: #0c2d6b;--blue-800: #0f3a7d;--blue-700: #1e48a0;--blue-600: #2563eb;--blue-500: #3b82f6;--blue-400: #60a5fa;--blue-300: #93c5fd;--blue-200: #bfdbfe;--blue-100: #dbeafe;--blue-50: #eff6ff;--accent-secondary: var(--blue-500);--accent-secondary-hover: var(--blue-600);--accent-secondary-light: var(--blue-400)}:root{--teal-900: #0d3436;--teal-800: #134e4a;--teal-700: #0f766e;--teal-600: #0d9488;--teal-500: #14b8a6;--teal-400: #2dd4bf;--teal-300: #67e8f9;--teal-200: #99f6e4;--teal-100: #ccfbf1;--teal-50: #f0fdfa;--accent-tertiary: var(--teal-500);--accent-tertiary-hover: var(--teal-600)}:root{--emerald-900: #064e3b;--emerald-800: #065f46;--emerald-700: #047857;--emerald-600: #059669;--emerald-500: #10b981;--emerald-400: #34d399;--emerald-300: #6ee7b7;--emerald-200: #a7f3d0;--emerald-100: #d1fae5;--emerald-50: #f0fdf4;--accent-quaternary: var(--emerald-500);--accent-quaternary-hover: var(--emerald-600)}:root{--status-success: #10b981;--status-success-light: #d1fae5;--status-success-lighter: #f0fdf4;--status-success-dark: #047857;--status-error: #ef4444;--status-error-light: #fee2e2;--status-error-lighter: #fef2f2;--status-error-dark: #dc2626;--status-warning: #f59e0b;--status-warning-light: #fef3c7;--status-warning-lighter: #fffbeb;--status-warning-dark: #d97706;--status-info: #3b82f6;--status-info-light: #dbeafe;--status-info-lighter: #eff6ff;--status-info-dark: #1d4ed8;--color-success: var(--status-success);--color-error: var(--status-error);--color-warning: var(--status-warning);--color-info: var(--status-info)}:root{--node-input: var(--purple-500);--node-input-light: var(--purple-400);--node-input-bg: rgba(147, 51, 234, .1);--node-processing: var(--blue-500);--node-processing-light: var(--blue-400);--node-processing-bg: rgba(59, 130, 246, .1);--node-output: var(--teal-500);--node-output-light: var(--teal-400);--node-output-bg: rgba(20, 184, 166, .1);--node-ai: var(--emerald-500);--node-ai-light: var(--emerald-400);--node-ai-bg: rgba(16, 185, 129, .1);--node-integration: #ec4899;--node-integration-light: #f472b6;--node-integration-bg: rgba(236, 72, 153, .1);--node-default: var(--neutral-500);--node-default-light: var(--neutral-400);--node-default-bg: rgba(82, 82, 91, .1)}:root{--gradient-primary: linear-gradient(135deg, var(--purple-500) 0%, var(--blue-500) 100%);--gradient-primary-subtle: linear-gradient(135deg, rgba(147, 51, 234, .3) 0%, rgba(59, 130, 246, .3) 100%);--gradient-success: linear-gradient(135deg, var(--teal-500) 0%, var(--emerald-500) 100%);--gradient-warning: linear-gradient(135deg, var(--status-warning) 0%, var(--status-error) 100%);--gradient-dark: linear-gradient(135deg, var(--neutral-900) 0%, var(--neutral-800) 100%);--gradient-subtle: linear-gradient(135deg, rgba(255, 255, 255, .05) 0%, rgba(255, 255, 255, 0) 100%)}:root{--overlay-light: rgba(0, 0, 0, .25);--overlay-medium: rgba(0, 0, 0, .5);--overlay-dark: rgba(0, 0, 0, .75);--backdrop-blur: rgba(10, 10, 15, .4)}:root{--brand-primary: var(--accent-primary);--brand-secondary: var(--accent-secondary);--brand-accent: var(--purple-400);--brand-dark: var(--neutral-950);--brand-light: var(--neutral-0)}:root{--btn-primary-bg: var(--accent-primary);--btn-primary-bg-hover: var(--accent-primary-hover);--btn-primary-text: var(--neutral-0);--btn-primary-text-hover: var(--neutral-0);--btn-secondary-bg: var(--neutral-800);--btn-secondary-bg-hover: var(--neutral-700);--btn-secondary-text: var(--text-primary);--btn-secondary-text-hover: var(--text-primary);--btn-tertiary-bg: transparent;--btn-tertiary-bg-hover: var(--neutral-800);--btn-tertiary-text: var(--text-primary);--btn-tertiary-text-hover: var(--text-primary);--btn-danger-bg: var(--status-error);--btn-danger-bg-hover: var(--status-error-dark);--btn-danger-text: var(--neutral-0);--link-color: var(--accent-primary);--link-hover: var(--accent-primary-hover);--link-visited: var(--purple-600);--input-bg: var(--neutral-800);--input-border: var(--border-medium);--input-border-focus: var(--accent-primary);--input-text: var(--text-primary);--input-placeholder: var(--text-placeholder);--card-bg: var(--neutral-900);--card-border: var(--border-light);--card-hover-bg: var(--neutral-800);--card-shadow: rgba(0, 0, 0, .3);--badge-info-bg: rgba(59, 130, 246, .15);--badge-info-text: var(--status-info);--badge-success-bg: rgba(16, 185, 129, .15);--badge-success-text: var(--status-success);--badge-warning-bg: rgba(245, 158, 11, .15);--badge-warning-text: var(--status-warning);--badge-error-bg: rgba(239, 68, 68, .15);--badge-error-text: var(--status-error);--skeleton-bg: var(--neutral-800);--skeleton-shimmer: var(--neutral-700)}:root{--focus-ring: 0 0 0 3px rgba(147, 51, 234, .5);--focus-ring-color: var(--accent-primary);--active-bg: var(--neutral-700);--active-border: var(--accent-primary);--disabled-opacity: .5;--disabled-bg: var(--neutral-700);--disabled-text: var(--text-disabled)}.text-primary{color:var(--text-primary)}.text-success{color:var(--status-success)}.text-error{color:var(--status-error)}.text-warning{color:var(--status-warning)}.text-info{color:var(--status-info)}.bg-primary{background-color:var(--bg-primary)}.bg-secondary{background-color:var(--bg-secondary)}.bg-tertiary{background-color:var(--bg-tertiary)}.bg-success{background-color:var(--status-success)}.bg-error{background-color:var(--status-error)}.bg-warning{background-color:var(--status-warning)}.bg-info{background-color:var(--status-info)}.border-light{border-color:var(--border-light)}.border-medium{border-color:var(--border-medium)}.border-strong{border-color:var(--border-strong)}.border-primary{border-color:var(--accent-primary)}:root{--font-primary: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", Arial, sans-serif;--font-mono: "Monaco", "Courier New", "Andale Mono", monospace;--font-display: --font-primary}:root{--font-weight-light: 300;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-weight-extrabold: 800;--font-weight-black: 900}:root{--line-height-tight: 1.2;--line-height-snug: 1.375;--line-height-normal: 1.5;--line-height-relaxed: 1.75;--line-height-loose: 2}:root{--text-micro: .625rem;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--text-5xl: 3rem}:root{--letter-spacing-tight: -.015em;--letter-spacing-normal: 0;--letter-spacing-wide: .025em;--letter-spacing-wider: .05em;--letter-spacing-widest: .1em}.text-display-1{font-size:var(--text-5xl);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);letter-spacing:var(--letter-spacing-tight)}.text-display-2{font-size:var(--text-4xl);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);letter-spacing:var(--letter-spacing-tight)}.text-heading-1{font-size:var(--text-3xl);font-weight:var(--font-weight-bold);line-height:var(--line-height-snug);letter-spacing:var(--letter-spacing-tight)}.text-heading-2{font-size:var(--text-2xl);font-weight:var(--font-weight-semibold);line-height:var(--line-height-snug);letter-spacing:var(--letter-spacing-tight)}.text-heading-3{font-size:var(--text-xl);font-weight:var(--font-weight-semibold);line-height:var(--line-height-snug);letter-spacing:0}.text-heading-4{font-size:var(--text-lg);font-weight:var(--font-weight-semibold);line-height:var(--line-height-normal);letter-spacing:0}.text-body-lg{font-size:var(--text-lg);font-weight:var(--font-weight-normal);line-height:var(--line-height-relaxed)}.text-body{font-size:var(--text-base);font-weight:var(--font-weight-normal);line-height:var(--line-height-normal)}.text-body-sm{font-size:var(--text-sm);font-weight:var(--font-weight-normal);line-height:var(--line-height-normal)}.text-ui-lg{font-size:var(--text-lg);font-weight:var(--font-weight-medium);line-height:var(--line-height-snug)}.text-ui{font-size:var(--text-base);font-weight:var(--font-weight-medium);line-height:var(--line-height-normal)}.text-ui-sm{font-size:var(--text-sm);font-weight:var(--font-weight-medium);line-height:var(--line-height-normal)}.text-ui-xs{font-size:var(--text-xs);font-weight:var(--font-weight-medium);line-height:var(--line-height-tight)}.text-caption-lg{font-size:var(--text-sm);font-weight:var(--font-weight-normal);line-height:var(--line-height-normal)}.text-caption{font-size:var(--text-xs);font-weight:var(--font-weight-normal);line-height:var(--line-height-tight)}.text-caption-xs{font-size:var(--text-micro);font-weight:var(--font-weight-normal);line-height:var(--line-height-tight)}.text-overline{font-size:var(--text-xs);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight);letter-spacing:var(--letter-spacing-widest);text-transform:uppercase}.text-code{font-family:var(--font-mono);font-size:var(--text-sm);font-weight:var(--font-weight-normal);line-height:var(--line-height-normal);letter-spacing:var(--letter-spacing-wide)}.text-code-sm{font-family:var(--font-mono);font-size:var(--text-xs);font-weight:var(--font-weight-normal);line-height:var(--line-height-tight);letter-spacing:var(--letter-spacing-wide)}.font-light{font-weight:var(--font-weight-light)}.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)}.font-extrabold{font-weight:var(--font-weight-extrabold)}.font-black{font-weight:var(--font-weight-black)}.leading-tight{line-height:var(--line-height-tight)}.leading-snug{line-height:var(--line-height-snug)}.leading-normal{line-height:var(--line-height-normal)}.leading-relaxed{line-height:var(--line-height-relaxed)}.leading-loose{line-height:var(--line-height-loose)}.tracking-tight{letter-spacing:var(--letter-spacing-tight)}.tracking-normal{letter-spacing:var(--letter-spacing-normal)}.tracking-wide{letter-spacing:var(--letter-spacing-wide)}.tracking-wider{letter-spacing:var(--letter-spacing-wider)}.tracking-widest{letter-spacing:var(--letter-spacing-widest)}.uppercase{text-transform:uppercase}.lowercase{text-transform:lowercase}.capitalize{text-transform:capitalize}.normal-case{text-transform:none}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.line-clamp-2{display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.line-clamp-3{display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.text-justify{text-align:justify}h1{font-size:var(--text-3xl);font-weight:var(--font-weight-bold);line-height:var(--line-height-snug);letter-spacing:var(--letter-spacing-tight);margin-bottom:1.5rem}h2{font-size:var(--text-2xl);font-weight:var(--font-weight-semibold);line-height:var(--line-height-snug);margin-bottom:1.25rem}h3{font-size:var(--text-xl);font-weight:var(--font-weight-semibold);line-height:var(--line-height-snug);margin-bottom:1rem}h4{font-size:var(--text-lg);font-weight:var(--font-weight-semibold);line-height:var(--line-height-normal);margin-bottom:.75rem}h5{font-size:var(--text-base);font-weight:var(--font-weight-semibold);line-height:var(--line-height-normal);margin-bottom:.75rem}h6{font-size:var(--text-sm);font-weight:var(--font-weight-semibold);line-height:var(--line-height-normal);margin-bottom:.5rem}p{font-size:var(--text-base);line-height:var(--line-height-normal);margin-bottom:1rem}small{font-size:var(--text-sm)}em{font-style:italic}strong{font-weight:var(--font-weight-semibold)}code{font-family:var(--font-mono);font-size:var(--text-sm);background:var(--bg-tertiary);padding:.25em .5em;border-radius:.375em;color:var(--purple-300)}pre{font-family:var(--font-mono);font-size:var(--text-sm);line-height:var(--line-height-normal);background:var(--bg-tertiary);padding:1.5em;border-radius:.625em;overflow-x:auto;margin-bottom:1.5rem}pre code{background:none;padding:0;border-radius:0;color:var(--text-primary)}.text-micro{font-size:var(--text-micro)}.text-xs{font-size:var(--text-xs)}.text-sm{font-size:var(--text-sm)}.text-base{font-size:var(--text-base)}.text-lg{font-size:var(--text-lg)}.text-xl{font-size:var(--text-xl)}.text-2xl{font-size:var(--text-2xl)}.text-3xl{font-size:var(--text-3xl)}.text-4xl{font-size:var(--text-4xl)}.text-5xl{font-size:var(--text-5xl)}@media (min-width: 1024px){h1{font-size:var(--text-4xl)}h2{font-size:var(--text-3xl)}.text-display-1{font-size:3.5rem}.text-display-2{font-size:2.75rem}}@media (max-width: 640px){h1{font-size:var(--text-2xl)}h2{font-size:var(--text-xl)}h3{font-size:var(--text-lg)}.text-display-1{font-size:var(--text-4xl)}.text-display-2{font-size:var(--text-3xl)}}:root{--shadow-xs: 0 1px 2px rgba(0, 0, 0, .25);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .12), 0 1px 2px rgba(0, 0, 0, .24);--shadow-md: 0 3px 6px rgba(0, 0, 0, .15), 0 2px 4px rgba(0, 0, 0, .12);--shadow-lg: 0 10px 20px rgba(0, 0, 0, .15), 0 3px 6px rgba(0, 0, 0, .1);--shadow-xl: 0 15px 30px rgba(0, 0, 0, .2), 0 5px 15px rgba(0, 0, 0, .15);--shadow-2xl: 0 25px 50px rgba(0, 0, 0, .25), 0 10px 25px rgba(0, 0, 0, .15)}:root{--shadow-button-default: 0 2px 4px rgba(0, 0, 0, .2);--shadow-button-hover: 0 4px 8px rgba(0, 0, 0, .25);--shadow-button-active: inset 0 2px 4px rgba(0, 0, 0, .3);--shadow-button-disabled: none;--shadow-card-rest: 0 1px 3px rgba(0, 0, 0, .12), 0 1px 2px rgba(0, 0, 0, .24);--shadow-card-hover: 0 3px 6px rgba(0, 0, 0, .15), 0 2px 4px rgba(0, 0, 0, .12);--shadow-card-active: 0 5px 10px rgba(0, 0, 0, .2);--shadow-modal: 0 25px 50px rgba(0, 0, 0, .3);--shadow-modal-header: 0 1px 3px rgba(0, 0, 0, .15);--shadow-modal-footer: 0 -1px 3px rgba(0, 0, 0, .1);--shadow-dropdown: 0 10px 25px rgba(0, 0, 0, .2), 0 5px 15px rgba(0, 0, 0, .1);--shadow-tooltip: 0 10px 20px rgba(0, 0, 0, .25), 0 3px 6px rgba(0, 0, 0, .15);--shadow-elevation-1: 0 1px 3px rgba(0, 0, 0, .12);--shadow-elevation-2: 0 2px 6px rgba(0, 0, 0, .15);--shadow-elevation-3: 0 3px 9px rgba(0, 0, 0, .18);--shadow-elevation-4: 0 4px 12px rgba(0, 0, 0, .2)}:root{--shadow-glow-purple-sm: 0 0 8px rgba(147, 51, 234, .3);--shadow-glow-purple-md: 0 0 12px rgba(147, 51, 234, .4), 0 0 24px rgba(147, 51, 234, .2);--shadow-glow-purple-lg: 0 0 16px rgba(147, 51, 234, .5), 0 0 32px rgba(147, 51, 234, .3);--shadow-glow-purple-xl: 0 0 24px rgba(147, 51, 234, .6), 0 0 48px rgba(147, 51, 234, .4)}:root{--shadow-glow-blue-sm: 0 0 8px rgba(59, 130, 246, .25);--shadow-glow-blue-md: 0 0 12px rgba(59, 130, 246, .35), 0 0 24px rgba(59, 130, 246, .15);--shadow-glow-blue-lg: 0 0 16px rgba(59, 130, 246, .45), 0 0 32px rgba(59, 130, 246, .25)}:root{--shadow-glow-success: 0 0 12px rgba(16, 185, 129, .3), 0 0 24px rgba(16, 185, 129, .15);--shadow-glow-error: 0 0 12px rgba(239, 68, 68, .3), 0 0 24px rgba(239, 68, 68, .15);--shadow-glow-warning: 0 0 12px rgba(245, 158, 11, .3), 0 0 24px rgba(245, 158, 11, .15);--shadow-glow-info: 0 0 12px rgba(59, 130, 246, .3), 0 0 24px rgba(59, 130, 246, .15)}.shadow-xs{box-shadow:var(--shadow-xs)}.shadow-xl{box-shadow:var(--shadow-xl)}.shadow-2xl{box-shadow:var(--shadow-2xl)}.shadow-button{box-shadow:var(--shadow-button-default)}.shadow-button-hover{box-shadow:var(--shadow-button-hover)}.shadow-button-active{box-shadow:var(--shadow-button-active)}.shadow-card{box-shadow:var(--shadow-card-rest)}.shadow-card-hover{box-shadow:var(--shadow-card-hover)}.shadow-card-active{box-shadow:var(--shadow-card-active)}.shadow-glow-purple-sm{box-shadow:var(--shadow-glow-purple-sm)}.shadow-glow-purple-md{box-shadow:var(--shadow-glow-purple-md)}.shadow-glow-purple-lg{box-shadow:var(--shadow-glow-purple-lg)}.shadow-glow-purple-xl{box-shadow:var(--shadow-glow-purple-xl)}.shadow-glow-blue-sm{box-shadow:var(--shadow-glow-blue-sm)}.shadow-glow-blue-md{box-shadow:var(--shadow-glow-blue-md)}.shadow-glow-blue-lg{box-shadow:var(--shadow-glow-blue-lg)}.shadow-glow-success{box-shadow:var(--shadow-glow-success)}.shadow-glow-error{box-shadow:var(--shadow-glow-error)}.shadow-glow-warning{box-shadow:var(--shadow-glow-warning)}.shadow-glow-info{box-shadow:var(--shadow-glow-info)}@keyframes shadow-lift{0%{box-shadow:var(--shadow-sm)}to{box-shadow:var(--shadow-lg)}}@keyframes shadow-press{0%{box-shadow:var(--shadow-lg)}to{box-shadow:var(--shadow-xs)}}@keyframes shadow-glow-pulse{0%,to{box-shadow:var(--shadow-glow-purple-md)}50%{box-shadow:var(--shadow-glow-purple-lg)}}.animate-lift{animation:shadow-lift .3s cubic-bezier(.4,0,.2,1)}.animate-press{animation:shadow-press .15s cubic-bezier(.4,0,.2,1)}.animate-glow-pulse{animation:shadow-glow-pulse 2s cubic-bezier(.4,0,.2,1) infinite}.layer-base{box-shadow:none}.layer-raised{box-shadow:var(--shadow-sm)}.layer-floating{box-shadow:var(--shadow-md)}.layer-dialog{box-shadow:var(--shadow-lg)}.layer-popup{box-shadow:var(--shadow-xl)}.layer-overlay{box-shadow:var(--shadow-2xl)}.card-elevated{border:1px solid rgba(255,255,255,.1);box-shadow:0 1px 3px #0000001f,0 1px 2px #0000003d;background:#16161db3;backdrop-filter:blur(40px);-webkit-backdrop-filter:blur(40px)}.card-elevated:hover{border-color:#ffffff26;box-shadow:0 3px 6px #00000026,0 2px 4px #0000001f}.shadow-inset-sm{box-shadow:inset 0 1px 2px #0000004d}.shadow-inset-md{box-shadow:inset 0 2px 4px #0006}.shadow-inset-lg{box-shadow:inset 0 4px 8px #00000080}.shadow-inset-with-outer{box-shadow:0 1px 3px #0000001f,0 1px 2px #0000003d,inset 0 1px 2px #0003}.shadow-none{box-shadow:none}:root{--radius-none: 0;--radius-xs: .25rem;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-2xl: 1.5rem;--radius-full: 9999px}:root{--height-xs: 1.5rem;--height-sm: 2rem;--height-md: 2.5rem;--height-lg: 3rem;--height-xl: 3.5rem;--height-2xl: 4rem}:root{--icon-micro: .75rem;--icon-xs: 1rem;--icon-sm: 1.25rem;--icon-md: 1.5rem;--icon-lg: 2rem;--icon-xl: 2.5rem;--icon-2xl: 3rem;--icon-3xl: 4rem}:root{--touch-target-min: 2.75rem;--touch-target-md: 3rem;--touch-target-lg: 3.5rem}:root{--width-sidebar-sm: 16rem;--width-sidebar-md: 20rem;--width-sidebar-lg: 24rem;--width-modal-sm: 28rem;--width-modal-md: 32rem;--width-modal-lg: 40rem;--width-modal-xl: 48rem;--width-modal-2xl: 56rem;--width-content-sm: 24rem;--width-content-md: 28rem;--width-content-lg: 32rem;--width-content-xl: 42rem;--width-content-2xl: 56rem;--width-content-full: 90rem;--width-container: 90rem}:root{--padding-xs: .25rem;--padding-sm: .5rem;--padding-md: .75rem;--padding-lg: 1rem;--padding-xl: 1.25rem;--padding-2xl: 1.5rem;--padding-3xl: 2rem;--padding-4xl: 2.5rem;--padding-5xl: 3rem;--padding-button: .75rem 1rem;--padding-button-sm: .5rem .75rem;--padding-button-lg: 1rem 1.5rem;--padding-input: .75rem 1rem;--padding-card: 1.5rem;--padding-card-sm: 1rem;--padding-card-lg: 2rem;--padding-modal: 1.5rem;--padding-modal-header: 1.5rem;--padding-modal-body: 1.5rem;--padding-modal-footer: 1.5rem;--padding-panel: 1rem}:root{--gap-xs: .25rem;--gap-sm: .5rem;--gap-md: .75rem;--gap-lg: 1rem;--gap-xl: 1.25rem;--gap-2xl: 1.5rem;--gap-3xl: 2rem;--gap-4xl: 2.5rem;--gap-5xl: 3rem}:root{--border-none: 0;--border-thin: 1px;--border: 1px;--border-thick: 2px;--border-thicker: 3px;--border-thickest: 4px}:root{--z-hide: -1;--z-base: 0;--z-dropdown: 100;--z-sticky: 200;--z-fixed: 300;--z-modal-backdrop: 400;--z-modal: 500;--z-popover: 600;--z-tooltip: 700;--z-notification: 800;--z-notification-toast: 1000}.rounded-none{border-radius:var(--radius-none)}.rounded-xs{border-radius:var(--radius-xs)}.rounded-sm{border-radius:var(--radius-sm)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-full{border-radius:var(--radius-full)}.rounded-t{border-top-left-radius:var(--radius-md);border-top-right-radius:var(--radius-md)}.rounded-r{border-top-right-radius:var(--radius-md);border-bottom-right-radius:var(--radius-md)}.rounded-b{border-bottom-left-radius:var(--radius-md);border-bottom-right-radius:var(--radius-md)}.rounded-l{border-top-left-radius:var(--radius-md);border-bottom-left-radius:var(--radius-md)}.h-xs{height:var(--height-xs)}.h-sm{height:var(--height-sm)}.h-md{height:var(--height-md)}.h-lg{height:var(--height-lg)}.h-xl{height:var(--height-xl)}.h-2xl{height:var(--height-2xl)}.icon-micro{width:var(--icon-micro);height:var(--icon-micro)}.icon-xs{width:var(--icon-xs);height:var(--icon-xs)}.icon-sm{width:var(--icon-sm);height:var(--icon-sm)}.icon-md{width:var(--icon-md);height:var(--icon-md)}.icon-lg{width:var(--icon-lg);height:var(--icon-lg)}.icon-xl{width:var(--icon-xl);height:var(--icon-xl)}.icon-2xl{width:var(--icon-2xl);height:var(--icon-2xl)}.icon-3xl{width:var(--icon-3xl);height:var(--icon-3xl)}.p-xs{padding:var(--padding-xs)}.p-sm{padding:var(--padding-sm)}.p-md{padding:var(--padding-md)}.p-lg{padding:var(--padding-lg)}.p-xl{padding:var(--padding-xl)}.p-2xl{padding:var(--padding-2xl)}.p-3xl{padding:var(--padding-3xl)}.p-4xl{padding:var(--padding-4xl)}.p-5xl{padding:var(--padding-5xl)}.px-xs{padding-left:var(--padding-xs);padding-right:var(--padding-xs)}.px-sm{padding-left:var(--padding-sm);padding-right:var(--padding-sm)}.px-md{padding-left:var(--padding-md);padding-right:var(--padding-md)}.px-lg{padding-left:var(--padding-lg);padding-right:var(--padding-lg)}.py-xs{padding-top:var(--padding-xs);padding-bottom:var(--padding-xs)}.py-sm{padding-top:var(--padding-sm);padding-bottom:var(--padding-sm)}.py-md{padding-top:var(--padding-md);padding-bottom:var(--padding-md)}.py-lg{padding-top:var(--padding-lg);padding-bottom:var(--padding-lg)}.gap-xs{gap:var(--gap-xs)}.gap-sm{gap:var(--gap-sm)}.gap-md{gap:var(--gap-md)}.gap-lg{gap:var(--gap-lg)}.gap-xl{gap:var(--gap-xl)}.gap-2xl{gap:var(--gap-2xl)}.gap-3xl{gap:var(--gap-3xl)}.gap-4xl{gap:var(--gap-4xl)}.gap-5xl{gap:var(--gap-5xl)}.w-auto{width:auto}.w-full{width:100%}.w-screen{width:100vw}.w-sidebar-sm{width:var(--width-sidebar-sm)}.w-sidebar-md{width:var(--width-sidebar-md)}.w-sidebar-lg{width:var(--width-sidebar-lg)}.max-w-modal-sm{max-width:var(--width-modal-sm)}.max-w-modal-md{max-width:var(--width-modal-md)}.max-w-modal-lg{max-width:var(--width-modal-lg)}.max-w-content{max-width:var(--width-container)}.border-none{border:var(--border-none)}.border{border:var(--border)}.border-2{border:var(--border-thick)}.border-4{border:var(--border-thickest)}.border-t{border-top:var(--border)}.border-r{border-right:var(--border)}.border-b{border-bottom:var(--border)}.border-l{border-left:var(--border)}.z-hide{z-index:var(--z-hide)}.z-base{z-index:var(--z-base)}.z-dropdown{z-index:var(--z-dropdown)}.z-sticky{z-index:var(--z-sticky)}.z-fixed{z-index:var(--z-fixed)}.z-modal-backdrop{z-index:var(--z-modal-backdrop)}.z-modal{z-index:var(--z-modal)}.z-popover{z-index:var(--z-popover)}.z-tooltip{z-index:var(--z-tooltip)}.z-notification{z-index:var(--z-notification)}.z-toast{z-index:var(--z-notification-toast)}.touch-target-min{min-width:var(--touch-target-min);min-height:var(--touch-target-min)}.touch-target-md{min-width:var(--touch-target-md);min-height:var(--touch-target-md)}.touch-target-lg{min-width:var(--touch-target-lg);min-height:var(--touch-target-lg)}.react-flow__edge{pointer-events:none}.react-flow__edge-path{stroke:var(--accent-secondary);stroke-width:2;fill:none;pointer-events:auto;transition:all .3s cubic-bezier(.4,0,.2,1)}.react-flow__edge:hover .react-flow__edge-path{stroke:var(--accent-primary);stroke-width:2.5;filter:drop-shadow(0 0 6px rgba(147,51,234,.4))}.react-flow__edge.selected .react-flow__edge-path{stroke:var(--accent-primary);stroke-width:3;filter:drop-shadow(0 0 12px rgba(147,51,234,.6));animation:edge-glow-pulse 1.5s ease-in-out infinite}@keyframes edge-glow-pulse{0%,to{filter:drop-shadow(0 0 12px rgba(147,51,234,.6))}50%{filter:drop-shadow(0 0 20px rgba(147,51,234,.8))}}@keyframes edge-flow{0%{stroke-dashoffset:0}to{stroke-dashoffset:-100}}.react-flow__edge.primary .react-flow__edge-path{stroke:var(--accent-primary);opacity:.7}.react-flow__edge.primary:hover .react-flow__edge-path{stroke:var(--accent-primary);opacity:1}.react-flow__edge.secondary .react-flow__edge-path{stroke:var(--accent-secondary);opacity:.6}.react-flow__edge.secondary:hover .react-flow__edge-path{stroke:var(--accent-secondary);opacity:1}.react-flow__edge.success .react-flow__edge-path{stroke:var(--status-success);opacity:.7}.react-flow__edge.success:hover .react-flow__edge-path{stroke:var(--status-success);filter:drop-shadow(0 0 6px rgba(16,185,129,.4))}.react-flow__edge.error .react-flow__edge-path{stroke:var(--status-error);opacity:.5;stroke-dasharray:5,5}.react-flow__edge.error:hover .react-flow__edge-path{stroke:var(--status-error);opacity:.7}.react-flow__edge.warning .react-flow__edge-path{stroke:var(--status-warning);opacity:.7}.react-flow__edge.info .react-flow__edge-path{stroke:var(--status-info);opacity:.7}.react-flow__edge.animated .react-flow__edge-path{stroke-dasharray:10,20;stroke-linecap:round;animation:edge-flow 1s linear infinite}.react-flow__edge.animated:hover .react-flow__edge-path{animation-duration:.5s}.react-flow__edge.dashed .react-flow__edge-path{stroke-dasharray:8,4;opacity:.6}.react-flow__edge.dashed:hover .react-flow__edge-path{stroke-dasharray:8,4;opacity:1}.react-flow__edge.dotted .react-flow__edge-path{stroke-dasharray:2,4;opacity:.5}.react-flow__edge.thick .react-flow__edge-path{stroke-width:3}.react-flow__edge.thin .react-flow__edge-path{stroke-width:1.5}.react-flow__handle{width:10px;height:10px;border-radius:50%;background:var(--neutral-white);border:2px solid var(--accent-primary);transition:all .2s ease}.react-flow__handle:hover{width:14px;height:14px;box-shadow:0 0 8px #9333ea80}.react-flow__handle.connectingFrom{background:var(--accent-primary)}.react-flow__handle.valid{background:var(--status-success);border-color:var(--status-success)}.react-flow__handle.invalid{background:var(--status-error);border-color:var(--status-error);cursor:not-allowed}.react-flow__edge-label{background:var(--bg-primary);padding:4px 8px;border-radius:4px;font-size:var(--font-size-ui-xs);font-weight:500;border:1px solid var(--border-light);box-shadow:var(--shadow-label);transition:all .2s ease;white-space:nowrap}.react-flow__edge:hover .react-flow__edge-label{background:var(--bg-secondary);border-color:var(--accent-primary);box-shadow:var(--shadow-label-hover)}.react-flow__edge.selected .react-flow__edge-label{background:var(--bg-tertiary);border-color:var(--accent-primary);color:var(--accent-primary)}.edge-label-data-type{font-family:Monaco,Courier New,monospace;font-size:11px;background:#9333ea1a;border-color:#9333ea4d}.edge-label-weight{background:#3b82f61a;border-color:#3b82f64d;color:var(--accent-secondary)}.edge-label-condition{background:#f59e0b1a;border-color:#f59e0b4d;color:var(--status-warning)}.react-flow__edge-smoothstep .react-flow__edge-path,.react-flow__edge-default .react-flow__edge-path{stroke-linecap:round;stroke-linejoin:round}.react-flow__edge-straight .react-flow__edge-path{stroke-linecap:butt}.react-flow__edge-step .react-flow__edge-path{stroke-linecap:square;stroke-linejoin:miter}.react-flow__connection{stroke:var(--accent-primary);stroke-width:2;opacity:.7}.react-flow__connection-path{stroke:var(--accent-primary)}.react-flow__connection.valid{stroke:var(--status-success)}.react-flow__connection.invalid{stroke:var(--status-error)}.edge-disabled{opacity:.3;pointer-events:none}.edge-hidden{display:none}.edge-highlight{filter:drop-shadow(0 0 8px rgba(147,51,234,.6))}.edge-background{opacity:.2;pointer-events:none}.edge-foreground{opacity:1;z-index:10}.edge-bundle-0{stroke:var(--accent-primary)}.edge-bundle-1{stroke:var(--accent-secondary)}.edge-bundle-2{stroke:var(--accent-tertiary)}.edge-bundle-3{stroke:var(--accent-quaternary)}.handle-zone{position:absolute;width:20px;height:20px;cursor:crosshair;opacity:0;pointer-events:none}.handle-zone:hover{opacity:1}.handle-zone.connecting{opacity:1;background:#9333ea1a;border:2px solid rgba(147,51,234,.5);border-radius:50%}.edge-context-menu{position:absolute;background:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--rounded-md);padding:var(--space-1);box-shadow:var(--shadow-card);z-index:100}.edge-context-menu-item{padding:var(--space-2) var(--space-3);cursor:pointer;border-radius:var(--rounded-sm);transition:background .2s ease}.edge-context-menu-item:hover{background:var(--bg-secondary)}@media (max-width: 1024px){.react-flow__edge-path{stroke-width:1.5}.react-flow__edge:hover .react-flow__edge-path{stroke-width:2}.react-flow__edge.selected .react-flow__edge-path{stroke-width:2.5}}@media (prefers-reduced-motion: reduce){.react-flow__edge-path{transition:none}.react-flow__edge.animated .react-flow__edge-path{animation:none;stroke-dasharray:none;opacity:.7}.react-flow__edge.selected{animation:none}@keyframes edge-glow-pulse{0%,to{filter:none}50%{filter:none}}}@media (prefers-color-scheme: dark){.react-flow__edge-path{filter:brightness(1.1)}.react-flow__edge-label{box-shadow:var(--shadow-card)}}@media print{.react-flow__edge-path{stroke:#000}.react-flow__edge:hover .react-flow__edge-path{filter:none}.react-flow__edge.selected .react-flow__edge-path{filter:none;animation:none}}:root{color-scheme:dark;--bg-primary: #0a0a0f;--bg-secondary: #16161d;--bg-tertiary: #1e1e28;--text-primary: #ffffff;--text-secondary: rgba(255, 255, 255, .7);--text-tertiary: rgba(255, 255, 255, .5);--border-primary: rgba(255, 255, 255, .1);--border-secondary: rgba(255, 255, 255, .15);--border-hover: rgba(255, 255, 255, .25);--color-primary: #667eea;--color-primary-hover: #5568d3;--color-primary-light: rgba(102, 126, 234, .1);--color-success: #10b981;--color-success-light: rgba(16, 185, 129, .1);--color-error: #ef4444;--color-error-light: rgba(239, 68, 68, .1);--color-warning: #f59e0b;--color-warning-light: rgba(245, 158, 11, .1);--color-info: #3b82f6;--color-info-light: rgba(59, 130, 246, .1);--node-complete: #10b981;--node-feedback: #f59e0b;--node-refine: #3b82f6;--node-human: #8b5cf6;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px rgba(0, 0, 0, .07);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px rgba(0, 0, 0, .15);--overlay-bg: rgba(0, 0, 0, .5);--overlay-blur: blur(4px);--transition-fast: .15s ease;--transition-base: .2s ease;--transition-slow: .3s ease}[data-theme=dark]{--bg-primary: #111827;--bg-secondary: #1f2937;--bg-tertiary: #374151;--text-primary: #f9fafb;--text-secondary: #9ca3af;--text-tertiary: #6b7280;--border-primary: #374151;--border-secondary: #4b5563;--border-hover: #6b7280;--color-primary: #818cf8;--color-primary-hover: #6366f1;--color-primary-light: rgba(129, 140, 248, .15);--color-success: #34d399;--color-success-light: rgba(52, 211, 153, .15);--color-error: #f87171;--color-error-light: rgba(248, 113, 113, .15);--color-warning: #fbbf24;--color-warning-light: rgba(251, 191, 36, .15);--color-info: #60a5fa;--color-info-light: rgba(96, 165, 250, .15);--node-complete: #34d399;--node-feedback: #fbbf24;--node-refine: #60a5fa;--node-human: #a78bfa;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 4px 6px rgba(0, 0, 0, .4);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .5);--shadow-xl: 0 20px 25px rgba(0, 0, 0, .6);--overlay-bg: rgba(0, 0, 0, .7)}body{background:var(--bg-primary);color:var(--text-primary);transition:background var(--transition-base),color var(--transition-base)}.btn{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-primary);transition:all var(--transition-base)}.btn:hover{background:var(--bg-tertiary);border-color:var(--border-hover)}.btn-primary{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.btn-primary:hover{background:var(--color-primary-hover);border-color:var(--color-primary-hover)}.btn-success{background:var(--color-success);color:#fff;border-color:var(--color-success)}.btn-danger{background:var(--color-error);color:#fff;border-color:var(--color-error)}input,textarea,select{background:var(--bg-primary);color:var(--text-primary);border:1px solid var(--border-primary);transition:all var(--transition-base)}input:focus,textarea:focus,select:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light)}.card{background:var(--bg-primary);border:1px solid var(--border-primary);box-shadow:var(--shadow-sm);transition:all var(--transition-base)}.card:hover{box-shadow:var(--shadow-md);border-color:var(--border-hover)}.panel{background:var(--bg-primary);border:1px solid var(--border-primary);box-shadow:var(--shadow-lg)}.modal-overlay{background:var(--overlay-bg);backdrop-filter:var(--overlay-blur)}.modal-panel{background:var(--bg-primary);box-shadow:var(--shadow-xl)}.node-palette{background:var(--bg-primary);border-right:1px solid var(--border-primary)}.node-palette-item{background:var(--bg-secondary);border:1px solid var(--border-primary)}.node-palette-item:hover{background:var(--bg-tertiary);border-color:var(--border-hover)}.toolbar{background:var(--bg-primary);border-bottom:1px solid var(--border-primary);box-shadow:var(--shadow-sm)}.react-flow{background:var(--bg-secondary)}.react-flow__node{background:var(--bg-primary);border:2px solid var(--border-primary);color:var(--text-primary)}.react-flow__node.selected{border-color:var(--color-primary);box-shadow:0 0 0 4px var(--color-primary-light)}.react-flow__edge{stroke:var(--border-secondary)}.react-flow__edge.selected{stroke:var(--color-primary)}.react-flow__controls{background:var(--bg-primary);border:1px solid var(--border-primary);box-shadow:var(--shadow-md)}.react-flow__controls button{background:var(--bg-primary);border-bottom:1px solid var(--border-primary);color:var(--text-primary)}.react-flow__controls button:hover{background:var(--bg-secondary)}.react-flow__minimap{background:var(--bg-primary);border:1px solid var(--border-primary)}.status-pending{color:var(--text-secondary);background:var(--bg-tertiary)}.status-running{color:var(--color-info);background:var(--color-info-light)}.status-completed{color:var(--color-success);background:var(--color-success-light)}.status-failed{color:var(--color-error);background:var(--color-error-light)}.skeleton{background:linear-gradient(90deg,var(--bg-secondary) 0%,var(--bg-tertiary) 50%,var(--bg-secondary) 100%);background-size:200% 100%;animation:skeleton-loading 1.5s ease-in-out infinite}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}*{transition:background-color var(--transition-base),border-color var(--transition-base),color var(--transition-base),box-shadow var(--transition-base)}[data-theme-changing] *{transition:none!important}@media (prefers-contrast: high){:root{--border-primary: #000000;--border-secondary: #000000}[data-theme=dark]{--border-primary: #ffffff;--border-secondary: #ffffff}}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}:root,[data-theme=dark]{--bg-primary: #0a0a0f;--bg-secondary: #16161d;--bg-tertiary: #1e1e28;--bg-hover: #25252f;--text-primary: #ffffff;--text-secondary: rgba(255, 255, 255, .7);--text-tertiary: rgba(255, 255, 255, .5);--border-light: rgba(255, 255, 255, .1);--border-medium: rgba(255, 255, 255, .15);--blue-50: #eff6ff;--blue-100: #dbeafe;--blue-200: #bfdbfe;--blue-300: #93c5fd;--blue-400: #60a5fa;--blue-500: #3b82f6;--blue-600: #2563eb;--blue-700: #1d4ed8;--blue-800: #1e40af;--blue-900: #1e3a8a;--green-400: #4ade80;--green-500: #22c55e;--green-600: #16a34a;--accent-primary: var(--blue-600);--accent-hover: var(--blue-500);--accent-light: rgba(37, 99, 235, .15);--accent-glow: rgba(37, 99, 235, .4);--purple-primary: var(--blue-600);--purple-light: var(--blue-500);--purple-lighter: var(--blue-400);--danger: #ef4444;--danger-hover: #dc2626;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--text-5xl: 3rem;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--shadow-sm: 0 .0625em .125em 0 rgba(0, 0, 0, .3);--shadow-md: 0 .25em .375em -.0625em rgba(0, 0, 0, .4);--shadow-lg: 0 .625em .9375em -.1875em rgba(0, 0, 0, .5);--shadow-glow: 0 0 1.25em rgba(120, 119, 198, .3);--radius-sm: .375em;--radius-md: .625em;--radius-lg: .875em;--font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", Arial, sans-serif}*{margin:0;padding:0;box-sizing:border-box}html{margin:0;padding:0;width:100%;height:100%;overflow:hidden;font-size:14.4px}body{margin:0;padding:0;width:100%;height:100%;overflow:hidden;font-family:var(--font-family);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--bg-secondary);color:var(--text-primary);line-height:1.6}code{font-family:Monaco,Courier New,monospace;background:var(--bg-tertiary);padding:.25em .5em;border-radius:var(--radius-sm);color:var(--blue-400)}#root{width:100%;height:100vh;overflow:hidden;background:var(--bg-secondary)}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.2;color:var(--text-primary)}h1{font-size:var(--text-4xl)}h2{font-size:var(--text-2xl)}h3{font-size:var(--text-xl)}h4{font-size:var(--text-lg)}p{color:var(--text-secondary);line-height:1.6}button{font-family:var(--font-family);border:none;cursor:pointer;transition:all .2s ease;font-weight:500}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--blue-500);outline-offset:2px;border-radius:4px}.btn{padding:var(--space-3) var(--space-5);border-radius:var(--radius-md);font-size:var(--text-sm);display:inline-flex;align-items:center;gap:var(--space-2);transition:all .2s ease}.btn-sm{padding:var(--space-2) var(--space-4);font-size:var(--text-xs)}.btn-primary{background:linear-gradient(135deg,var(--blue-600) 0%,var(--blue-500) 100%);color:#fff;box-shadow:0 .25em 1em #2563eb66,inset 0 .0625em #ffffff26;border:.0625em solid rgba(37,99,235,.3);position:relative;overflow:hidden}.btn-primary:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,rgba(255,255,255,.1) 0%,transparent 60%);opacity:0;transition:opacity .3s ease}.btn-primary:hover{background:linear-gradient(135deg,var(--blue-500) 0%,var(--blue-400) 100%);box-shadow:0 8px 28px #2563eb80,inset 0 1px #fff3;transform:translateY(-1px);border-color:#2563eb80}.btn-primary:hover:before{opacity:1}.btn-secondary{background:#ffffff0d;backdrop-filter:blur(1.25em);-webkit-backdrop-filter:blur(1.25em);color:var(--text-primary);border:.0625em solid rgba(255,255,255,.1);box-shadow:inset 0 .0625em #ffffff0d}.btn-secondary:hover{background:#ffffff1a;border-color:#fff3;box-shadow:0 .25em .75em #0003,inset 0 .0625em #ffffff1a}.btn-ghost{background:transparent;color:var(--text-secondary);border:.0625em solid transparent}.btn-ghost:hover{background:#ffffff0d;backdrop-filter:blur(1.25em);color:var(--text-primary);border-color:#ffffff1a}input,textarea{font-family:var(--font-family);padding:.75em;border:.0625em solid rgba(255,255,255,.1);border-radius:var(--radius-md);font-size:.875em;width:100%;transition:all .3s cubic-bezier(.4,0,.2,1);background:#ffffff08;backdrop-filter:blur(1.25em);-webkit-backdrop-filter:blur(1.25em);color:var(--text-primary);box-shadow:inset 0 1px 2px #0003}input:focus,textarea:focus{outline:none;border-color:var(--blue-500);box-shadow:0 0 0 .1875em #2563eb26,inset 0 .0625em .125em #0003;background:#ffffff0d}input::placeholder,textarea::placeholder{color:var(--text-tertiary)}.card{background:#16161db3;backdrop-filter:blur(2.5em) saturate(180%);-webkit-backdrop-filter:blur(2.5em) saturate(180%);border:.0625em solid rgba(255,255,255,.125);border-radius:var(--radius-lg);padding:1.5em;box-shadow:0 .5em 2em #0000005e,inset 0 .0625em #ffffff0d;transition:all .3s cubic-bezier(.4,0,.2,1)}.card:hover{background:#16161dcc;border-color:#ffffff2e;box-shadow:0 .75em 3em #00000080,inset 0 .0625em #ffffff1a;transform:translateY(-.125em)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:.5em}.gap-4{gap:1em}.gap-6{gap:1.5em}.text-sm{font-size:.875em}.text-xs{font-size:.75em}.font-medium{font-weight:500}.font-semibold{font-weight:600}.text-secondary{color:var(--text-secondary)}.text-tertiary{color:var(--text-tertiary)}.rounded{border-radius:var(--radius-md)}.rounded-lg{border-radius:var(--radius-lg)}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow-md{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}::-webkit-scrollbar{width:.625em;height:.625em}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--border-medium);border-radius:.3125em}::-webkit-scrollbar-thumb:hover{background:#2563eb80}button,a,input,textarea{transition:all .2s ease}::selection{background:var(--blue-600);color:#fff}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 768px){html{font-size:14px}.btn,button{min-width:44px;min-height:44px;padding:12px 16px}.glass{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.glass-strong{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.glass-light{backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}.monitor-grid{grid-template-columns:1fr!important}.scores-table-container{overflow-x:auto;-webkit-overflow-scrolling:touch}.monitor-header{flex-direction:column;gap:16px}.monitor-controls{width:100%;justify-content:space-between}.header-nav{gap:8px}.nav-item span{display:none}}@media (max-width: 480px){html{font-size:13px}.glass{backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}.glass-strong{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}}.glass{background:#16161db3;backdrop-filter:blur(2.5em) saturate(180%);-webkit-backdrop-filter:blur(2.5em) saturate(180%);border:.0625em solid rgba(255,255,255,.125);box-shadow:0 .5em 2em #0000005e,inset 0 .0625em #ffffff0d;transform:translateZ(0);will-change:transform}.glass-strong{background:#16161dd9;backdrop-filter:blur(3.75em) saturate(200%);-webkit-backdrop-filter:blur(3.75em) saturate(200%);border:.0625em solid rgba(255,255,255,.18);box-shadow:0 .5em 2em #00000080,inset 0 .0625em #ffffff1a;transform:translateZ(0);will-change:transform}.glass-light{background:#16161d80;backdrop-filter:blur(1.25em) saturate(150%);-webkit-backdrop-filter:blur(1.25em) saturate(150%);border:.0625em solid rgba(255,255,255,.08);box-shadow:0 .25em 1em #00000040,inset 0 .0625em #ffffff08;transform:translateZ(0);will-change:transform}.glass-purple{background:#2563eb1f;backdrop-filter:blur(2.5em) saturate(180%);-webkit-backdrop-filter:blur(2.5em) saturate(180%);border:.0625em solid rgba(37,99,235,.2);box-shadow:0 .5em 2em #2563eb40,inset 0 .0625em #ffffff14}.gradient-text{background:linear-gradient(135deg,var(--blue-500) 0%,var(--blue-400) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}*,*:before,*:after{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}html{-webkit-overflow-scrolling:touch}button,[role=button],a,.interactive{-webkit-user-select:none;user-select:none}p,span,div,article,section{-webkit-user-select:text;user-select:text}button,a,[role=button],input[type=button],input[type=submit],input[type=reset],.btn,.interactive-element{min-width:44px;min-height:44px;padding:12px}@media (max-width: 768px){button,a,[role=button],.btn{min-height:48px;padding:14px 20px}}@media (max-width: 768px){input,textarea,select{font-size:16px!important}}html{scroll-behavior:smooth}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}}.animated,.transition{will-change:transform;transform:translateZ(0);backface-visibility:hidden}.workflow-node,.canvas-item,.isolated-component{contain:layout style paint}.message-bubble,.list-item{contain:content}.virtualized-item,.long-list-item{content-visibility:auto;contain-intrinsic-size:0 100px}img{height:auto;max-width:100%;display:block}img[loading=lazy]{opacity:0;transition:opacity .3s}img[loading=lazy].loaded{opacity:1}.skip-link{position:absolute;top:-40px;left:0;background:#000;color:#fff;padding:8px 16px;text-decoration:none;z-index:100}.skip-link:focus{top:0}*:focus-visible{outline:2px solid var(--primary-color, #2563eb);outline-offset:2px}*:focus:not(:focus-visible){outline: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}}@supports (padding: max(0px)){body{padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}.fixed-header{padding-top:max(16px,env(safe-area-inset-top));padding-left:max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right))}.fixed-footer{padding-bottom:max(16px,env(safe-area-inset-bottom));padding-left:max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right))}}:root{--font-size-xs: clamp(.75rem, 1.5vw, .875rem);--font-size-sm: clamp(.875rem, 2vw, 1rem);--font-size-base: clamp(1rem, 2.5vw, 1.125rem);--font-size-lg: clamp(1.125rem, 3vw, 1.25rem);--font-size-xl: clamp(1.25rem, 3.5vw, 1.5rem);--font-size-2xl: clamp(1.5rem, 4vw, 2rem);--font-size-3xl: clamp(2rem, 5vw, 3rem);--line-height-tight: 1.25;--line-height-normal: 1.5;--line-height-relaxed: 1.75}body{font-size:var(--font-size-base);line-height:var(--line-height-normal)}h1{font-size:var(--font-size-3xl);line-height:var(--line-height-tight)}h2{font-size:var(--font-size-2xl);line-height:var(--line-height-tight)}h3{font-size:var(--font-size-xl);line-height:var(--line-height-normal)}h4{font-size:var(--font-size-lg);line-height:var(--line-height-normal)}p{line-height:var(--line-height-relaxed)}.main-nav{position:sticky;top:0;z-index:100;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}@media (max-width: 768px){.mobile-menu{transform:translate(-100%);transition:transform .3s cubic-bezier(.4,0,.2,1)}.mobile-menu.open{transform:translate(0)}body.menu-open{overflow:hidden;position:fixed;width:100%}}@media print{.no-print,button,.btn,nav,aside,footer,[role=navigation],[role=complementary]{display:none!important}body{color:#000;background:#fff}a{text-decoration:underline}a[href]:after{content:" (" attr(href) ")";font-size:.8em;color:#666}}@media (prefers-color-scheme: dark){:root{--bg-primary: #1a1a2e;--bg-secondary: #16213e;--text-primary: #ffffff;--text-secondary: #a0aec0;--border-color: #2d3748}}@media (prefers-contrast: high){button,.btn,a{border:2px solid currentColor}:focus-visible{outline:3px solid;outline-offset:3px}}