:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light;color:var(--text-primary);background-color:var(--background);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:var(--primary);text-decoration:inherit}a:hover{color:var(--primary-dark)}body{margin:0;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{font-family:inherit;cursor:pointer}button:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.search-input{padding:.625rem 1rem .625rem 2.5rem;border:1px solid var(--border, #d1d5db);border-radius:8px;font-size:.875rem;background-color:var(--surface, #ffffff);color:var(--text-primary);transition:border-color .15s,box-shadow .15s}.search-input::placeholder{color:var(--text-tertiary, #9ca3af)}.search-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px rgba(var(--primary-rgb),.1)}.mt-container{display:flex;flex-direction:column;align-items:center;gap:6px;width:100%}.mt-switch{position:relative;display:inline-flex;align-items:center;min-width:58px;height:24px;border-radius:12px;border:none;cursor:pointer;padding:0;transition:background .25s ease;overflow:hidden}.mt-handle{position:absolute;top:2px;left:2px;width:20px;height:20px;border-radius:50%;background:#fff;transition:transform .25s ease;z-index:1;box-shadow:0 1px 3px #0003}.mt-label-on,.mt-label-off{font-size:10px;font-weight:700;letter-spacing:.3px;color:#fff;-webkit-user-select:none;user-select:none;transition:opacity .2s ease;position:absolute;top:50%;transform:translateY(-50%)}.mt-label-off{right:6px}.mt-label-on{left:8px}.mt-build{background:#52c41a}.mt-build .mt-handle{transform:translate(0)}.mt-build .mt-label-off{opacity:1}.mt-build .mt-label-on{opacity:0}.mt-run{background:#f44}.mt-run .mt-handle{transform:translate(34px)}.mt-run .mt-label-on{opacity:1}.mt-run .mt-label-off{opacity:0}.mt-switch:hover{filter:brightness(1.1)}.mt-icon{font-size:16px;line-height:1}.mt-text{font-size:11px;color:var(--text-tertiary);line-height:1}.sb-mode-toggle{padding:6px 12px;margin-top:0}.sb-layout:not(.sb-open) .sb-mode-toggle{padding:4px 0}.sb-layout:not(.sb-open) .mt-switch{min-width:34px;height:18px}.sb-layout:not(.sb-open) .mt-handle{width:14px;height:14px}.sb-layout:not(.sb-open) .mt-label-on,.sb-layout:not(.sb-open) .mt-label-off{display:none}.sb-layout:not(.sb-open) .mt-run .mt-handle{transform:translate(16px)}.sb-layout:not(.sb-open) .mt-icon,.sb-layout:not(.sb-open) .mt-text{display:none}.app-mode-build{--mode-accent: #52c41a}.app-mode-run{--mode-accent: #ff4444}.production-warning-banner{position:fixed;top:0;left:0;right:0;background:linear-gradient(90deg,#f44,#c00);color:#fff;text-align:center;padding:8px;font-weight:600;font-size:14px;z-index:9999;box-shadow:0 2px 8px #0003}.app-mode-run .edit-button,.app-mode-run .delete-button,.app-mode-run .create-button,.app-mode-run .flow-edit-controls{display:none!important}.header-mode-indicator{padding:4px 12px;border-radius:4px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.header-mode-indicator.build{background-color:#52c41a;color:#fff}.header-mode-indicator.run{background-color:#f44;color:#fff}.lp-page{min-height:100vh;background:var(--background);color:var(--text-primary);overflow-x:hidden}.lp-nav{position:fixed;top:0;left:0;right:0;z-index:1000;display:flex;align-items:center;justify-content:space-between;padding:0 2rem;height:64px;background:transparent;transition:background .3s ease,box-shadow .3s ease,backdrop-filter .3s ease}.lp-nav.lp-nav-scrolled{background:var(--surface);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.lp-nav-brand{display:flex;align-items:center;gap:.75rem;text-decoration:none;color:var(--text-primary);font-weight:700;font-size:1.25rem}.lp-nav-brand-text{background:linear-gradient(135deg,#3b82f6,#06b6d4);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.lp-nav-links{display:flex;align-items:center;gap:2rem;list-style:none;margin:0;padding:0}.lp-nav-links a{text-decoration:none;color:var(--text-secondary);font-size:.9rem;font-weight:500;transition:color .2s ease}.lp-nav-links a:hover{color:var(--text-primary)}.lp-nav-actions{display:flex;align-items:center;gap:.75rem}.lp-theme-btn{background:none;border:1px solid var(--border);color:var(--text-secondary);width:36px;height:36px;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1rem;transition:var(--transition)}.lp-theme-btn:hover{background:var(--surface-hover);color:var(--text-primary)}.lp-btn-signin{background:none;border:1px solid var(--border);color:var(--text-primary);padding:.5rem 1.25rem;border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer;text-decoration:none;transition:var(--transition)}.lp-btn-signin:hover{background:var(--surface-hover)}.lp-btn-cta{background:linear-gradient(135deg,#3b82f6,#06b6d4);border:none;color:#fff;padding:.5rem 1.25rem;border-radius:8px;font-size:.875rem;font-weight:600;cursor:pointer;text-decoration:none;transition:opacity .2s ease,transform .2s ease}.lp-btn-cta:hover{opacity:.9;transform:translateY(-1px)}.lp-hamburger{display:none;background:none;border:none;color:var(--text-primary);font-size:1.5rem;cursor:pointer;padding:.25rem}.lp-mobile-menu{display:none;position:fixed;top:64px;left:0;right:0;background:var(--surface);border-bottom:1px solid var(--border);padding:1rem 2rem;box-shadow:var(--shadow);z-index:999}.lp-mobile-menu.lp-mobile-open{display:flex;flex-direction:column;gap:1rem}.lp-mobile-menu a{text-decoration:none;color:var(--text-secondary);font-size:1rem;font-weight:500;padding:.5rem 0}.lp-mobile-menu-actions{display:flex;flex-direction:column;gap:.75rem;padding-top:.75rem;border-top:1px solid var(--border)}.lp-mobile-menu-actions .lp-btn-signin,.lp-mobile-menu-actions .lp-btn-cta{width:100%;text-align:center;padding:.75rem 1rem;border-radius:8px;font-size:1rem}.lp-hero{padding:10rem 2rem 6rem;text-align:center;max-width:1200px;margin:0 auto;position:relative}.lp-hero-badge{display:inline-flex;align-items:center;gap:.5rem;background:var(--background-secondary);border:1px solid var(--border);color:var(--text-secondary);padding:.375rem 1rem;border-radius:999px;font-size:.8rem;font-weight:500;margin-bottom:2rem}.lp-hero-badge-dot{width:6px;height:6px;border-radius:50%;background:var(--success)}.lp-hero h1{font-size:3.5rem;font-weight:800;line-height:1.1;margin:0 0 1.5rem;letter-spacing:-.02em}.lp-gradient-text{background:linear-gradient(135deg,#3b82f6,#06b6d4);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.lp-hero p{font-size:1.2rem;color:var(--text-secondary);line-height:1.6;margin:0 0 2.5rem;max-width:640px;margin-left:auto;margin-right:auto}.lp-hero-actions{display:flex;justify-content:center;gap:1rem;margin-bottom:3rem}.lp-btn-hero{padding:.875rem 2rem;border-radius:10px;font-size:1rem;font-weight:600;cursor:pointer;text-decoration:none;transition:opacity .2s ease,transform .2s ease}.lp-btn-hero-primary{background:linear-gradient(135deg,#3b82f6,#06b6d4);border:none;color:#fff}.lp-btn-hero-primary:hover{opacity:.9;transform:translateY(-2px)}.lp-btn-hero-secondary{background:var(--surface);border:1px solid var(--border);color:var(--text-primary)}.lp-btn-hero-secondary:hover{background:var(--surface-hover);transform:translateY(-2px)}.lp-hero-stats{display:flex;justify-content:center;gap:3rem}.lp-stat{text-align:center}.lp-stat-value{display:block;font-size:1.75rem;font-weight:700;color:var(--text-primary)}.lp-stat-label{font-size:.8rem;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em}.lp-hero-flow{position:relative;margin-top:3.5rem;max-width:1100px;margin-left:auto;margin-right:auto;border-radius:var(--border-radius-lg);border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow-hover);padding:1.5rem 1rem .5rem;overflow:hidden}.lp-hero-flow-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:80%;height:80%;background:radial-gradient(ellipse,rgba(59,130,246,.08),transparent 70%);pointer-events:none;z-index:0}.lp-flow-svg{position:relative;z-index:1;width:100%;height:auto;display:block}.lp-flow-node-bg{fill:var(--surface);stroke:var(--border);stroke-width:1.5}.lp-flow-port{fill:#3b82f6;opacity:.5}.lp-flow-label{fill:var(--text-primary);font-size:11px;font-weight:600;text-anchor:middle;font-family:inherit}.lp-flow-sublabel{fill:var(--text-tertiary);font-size:9px;font-weight:400;text-anchor:middle;font-family:inherit}.lp-section{padding:5rem 2rem;max-width:1200px;margin:0 auto}.lp-section-label{display:inline-block;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:#3b82f6;margin-bottom:.75rem}.lp-section-title{font-size:2.25rem;font-weight:700;margin:0 0 .75rem;letter-spacing:-.01em}.lp-section-subtitle{font-size:1.05rem;color:var(--text-secondary);margin:0 0 3rem;max-width:600px}.lp-section-center{text-align:center}.lp-section-center .lp-section-subtitle{margin-left:auto;margin-right:auto}.lp-features-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem}.lp-feature-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--border-radius);padding:1.75rem;transition:var(--transition);text-align:center}.lp-feature-card:hover{box-shadow:var(--shadow-hover);transform:translateY(-2px);border-color:var(--border-light)}.lp-feature-icon{width:44px;height:44px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1.25rem;margin:0 auto 1rem;background:linear-gradient(135deg,#3b82f61a,#06b6d41a);color:#3b82f6}.lp-feature-card h3{font-size:1rem;font-weight:600;margin:0 0 .5rem}.lp-feature-card p{font-size:.875rem;color:var(--text-secondary);line-height:1.6;margin:0}.lp-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;position:relative}.lp-steps:before{content:"";position:absolute;top:40px;left:calc(16.67% + 40px);right:calc(16.67% + 40px);height:2px;background:var(--border);z-index:0}.lp-step{text-align:center;position:relative}.lp-step-number{width:80px;height:80px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1.25rem;font-size:1.5rem;font-weight:700;background:var(--background);color:#3b82f6;border:2px solid var(--border);position:relative;z-index:1}.lp-step h3{font-size:1.15rem;font-weight:600;margin:0 0 .5rem}.lp-step p{font-size:.9rem;color:var(--text-secondary);line-height:1.6;margin:0}.lp-security{background:var(--background-secondary);border-radius:var(--border-radius-lg);padding:3.5rem;border:1px solid var(--border)}.lp-security-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}.lp-security-item{display:flex;align-items:flex-start;gap:.75rem}.lp-security-check{width:24px;height:24px;border-radius:50%;background:linear-gradient(135deg,#10b98126,#10b9810d);color:var(--success);display:flex;align-items:center;justify-content:center;font-size:.75rem;flex-shrink:0;margin-top:2px}.lp-security-item h4{font-size:.95rem;font-weight:600;margin:0 0 .25rem}.lp-security-item p{font-size:.825rem;color:var(--text-secondary);line-height:1.5;margin:0}.lp-cta-banner{background:linear-gradient(135deg,#3b82f6,#06b6d4);border-radius:var(--border-radius-lg);padding:4rem 2rem;text-align:center;margin:0 2rem;max-width:1200px;margin-left:auto;margin-right:auto}.lp-cta-banner h2{font-size:2rem;font-weight:700;color:#fff;margin:0 0 .75rem}.lp-cta-banner p{font-size:1.05rem;color:#ffffffd9;margin:0 0 2rem;max-width:500px;margin-left:auto;margin-right:auto}.lp-btn-cta-light{background:#fff;border:none;color:#3b82f6;padding:.875rem 2.5rem;border-radius:10px;font-size:1rem;font-weight:600;cursor:pointer;text-decoration:none;transition:opacity .2s ease,transform .2s ease}.lp-btn-cta-light:hover{opacity:.9;transform:translateY(-2px)}.lp-footer{padding:3rem 2rem;text-align:center;border-top:1px solid var(--border);margin-top:5rem}.lp-footer-brand{display:inline-flex;align-items:center;gap:.5rem;font-weight:700;font-size:1.1rem;margin-bottom:1rem;color:var(--text-primary)}.lp-footer p{font-size:.8rem;color:var(--text-tertiary);margin:0}.lp-footer-links{display:flex;justify-content:center;gap:1.5rem;margin-top:1rem;list-style:none;padding:0}.lp-footer-links a{font-size:.8rem;color:var(--text-tertiary);text-decoration:none;transition:color .2s ease}.lp-footer-links a:hover{color:var(--text-secondary)}@media (max-width: 1024px){.lp-features-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.lp-nav-links,.lp-nav-actions{display:none}.lp-hamburger{display:block}.lp-hero h1{font-size:2.5rem}.lp-hero{padding:8rem 1.5rem 4rem}.lp-hero-flow{margin-top:2.5rem;overflow-x:auto;-webkit-overflow-scrolling:touch}.lp-flow-svg{min-width:700px}.lp-hero-stats{gap:1.5rem}.lp-section{padding:3.5rem 1.5rem}.lp-section-title{font-size:1.75rem}.lp-features-grid{grid-template-columns:repeat(2,1fr)}.lp-steps{grid-template-columns:1fr;gap:2rem}.lp-steps:before{display:none}.lp-security{padding:2rem}.lp-security-grid{grid-template-columns:1fr}.lp-cta-banner{margin:0 1rem;padding:3rem 1.5rem}}@media (max-width: 640px){.lp-hero h1{font-size:2rem}.lp-hero p{font-size:1rem}.lp-hero-actions{flex-direction:column;align-items:center}.lp-btn-hero{width:100%;max-width:280px;text-align:center}.lp-hero-stats{flex-direction:column;gap:1rem}.lp-features-grid{grid-template-columns:1fr}.lp-cta-banner h2{font-size:1.5rem}.lp-perf-hero-stats{grid-template-columns:repeat(2,1fr)!important}.lp-perf-advantages{grid-template-columns:1fr!important}.lp-perf-table-wrap{overflow-x:auto}}.lp-perf-hero-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:1.25rem;max-width:800px;margin:2.5rem auto}.lp-perf-stat{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:1.5rem 1rem;text-align:center;transition:transform .2s ease,box-shadow .2s ease}.lp-perf-stat:hover{transform:translateY(-3px);box-shadow:var(--shadow-hover)}.lp-perf-stat-value{display:block;font-size:2rem;font-weight:800;background:linear-gradient(135deg,#3b82f6,#06b6d4);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.2}.lp-perf-stat-label{display:block;font-size:.75rem;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:1px;margin-top:.25rem}.lp-perf-comparison{max-width:860px;margin:3rem auto}.lp-perf-comparison-title{font-size:1.2rem;font-weight:700;color:var(--text-primary);margin-bottom:.25rem;text-align:center}.lp-perf-comparison-subtitle{font-size:.85rem;color:var(--text-tertiary);text-align:center;margin-bottom:1.5rem}.lp-perf-table-wrap{border-radius:12px;overflow:hidden;border:1px solid var(--border)}.lp-perf-table{width:100%;border-collapse:collapse}.lp-perf-table th{background:var(--background-secondary);color:var(--text-secondary);font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;padding:.75rem 1.25rem;text-align:left;border-bottom:1px solid var(--border)}.lp-perf-table td{padding:.85rem 1.25rem;font-size:.9rem;color:var(--text-secondary);border-bottom:1px solid var(--border-light)}.lp-perf-table tr:last-child td{border-bottom:none}.lp-perf-table tr:hover{background:var(--surface-hover)}.lp-perf-row-highlight{background:#3b82f60f}.lp-perf-row-highlight td{color:var(--text-primary);font-weight:600}.lp-perf-name{display:flex;align-items:center;gap:.5rem;font-weight:600;color:var(--text-primary)}.lp-perf-blur{filter:blur(3px);-webkit-user-select:none;user-select:none;opacity:.7;transition:filter .3s ease,opacity .3s ease}.lp-perf-blur:hover{filter:blur(1.5px);opacity:.85}.lp-perf-badge{display:inline-block;padding:.15rem .5rem;border-radius:999px;font-size:.65rem;font-weight:700;background:linear-gradient(135deg,#3b82f6,#06b6d4);color:#fff;text-transform:uppercase;letter-spacing:.5px}.lp-perf-bars{max-width:700px;margin:3rem auto}.lp-perf-bar-row{display:flex;align-items:center;margin:.5rem 0}.lp-perf-bar-label{width:110px;font-size:.8rem;font-weight:600;color:var(--text-secondary);text-align:right;padding-right:1rem;flex-shrink:0}.lp-perf-bar-track{flex:1;height:30px;background:var(--background-secondary);border-radius:6px;overflow:hidden}.lp-perf-bar-fill{height:100%;border-radius:6px;display:flex;align-items:center;padding-left:.75rem;font-size:.75rem;font-weight:600;color:#fff;background:var(--text-tertiary);transition:width .8s ease;min-width:60px}.lp-perf-bar-accent{background:linear-gradient(90deg,#3b82f6,#06b6d4)!important}.lp-perf-advantages{display:grid;grid-template-columns:repeat(4,1fr);gap:1.25rem;max-width:960px;margin:3rem auto 0}.lp-perf-adv-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:1.5rem;text-align:center;transition:transform .2s ease,box-shadow .2s ease}.lp-perf-adv-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-hover)}.lp-perf-adv-icon{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:12px;background:linear-gradient(135deg,#3b82f61a,#06b6d41a);color:#3b82f6;margin:0 auto .75rem}.lp-perf-adv-card h4{font-size:.95rem;font-weight:700;color:var(--text-primary);margin-bottom:.5rem}.lp-perf-adv-card p{font-size:.8rem;color:var(--text-tertiary);line-height:1.5}@media (max-width: 768px){.lp-perf-hero-stats,.lp-perf-advantages{grid-template-columns:repeat(2,1fr)}.lp-perf-bar-label{width:80px;font-size:.7rem}}@media (max-width: 480px){.lp-perf-advantages{grid-template-columns:1fr}}.login-container{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;padding:24px;background:var(--background-secondary);background-image:radial-gradient(ellipse at 20% 50%,rgba(var(--primary-rgb),.06) 0%,transparent 60%),radial-gradient(ellipse at 80% 20%,rgba(var(--primary-rgb),.04) 0%,transparent 50%);overflow-y:auto}.login-card{background:var(--surface);border-radius:14px;border:1px solid var(--border);box-shadow:var(--shadow);padding:44px 40px 36px;width:100%;max-width:440px;position:relative}.login-header{text-align:center;margin-bottom:36px}.login-header .logo-container{justify-content:center;margin-bottom:4px}.login-header p{color:var(--text-tertiary);font-size:14px;margin:0;font-weight:400}.login-card .alert{display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:10px;margin-bottom:20px;font-size:13px;font-weight:500;line-height:1.4;animation:loginFadeIn .25s ease-out}@keyframes loginFadeIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.login-card .alert-error{background:rgba(var(--danger-rgb),.08);border:1px solid rgba(var(--danger-rgb),.25);color:var(--danger)}.login-card .alert-success{background:rgba(var(--success-rgb),.08);border:1px solid rgba(var(--success-rgb),.25);color:var(--success)}.login-card .alert i:first-child{font-size:15px;flex-shrink:0}.login-card .alert span{flex:1}.login-card .alert-close{background:none;border:none;color:inherit;cursor:pointer;padding:2px 4px;border-radius:4px;opacity:.5;transition:opacity .15s;font-size:12px;flex-shrink:0}.login-card .alert-close:hover{opacity:1}.login-form{margin-bottom:0}.login-form .form-group{margin-bottom:20px}.login-form label{display:block;color:var(--text-primary);font-weight:600;margin-bottom:6px;font-size:13px;letter-spacing:.01em}.login-form input[type=email],.login-form input[type=password],.login-form input[type=text]{width:100%;padding:11px 14px;border:1px solid var(--border);border-radius:8px;font-size:15px;color:var(--text-primary);background:var(--background);transition:border-color .15s,box-shadow .15s;box-sizing:border-box}.login-form input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px rgba(var(--primary-rgb),.12)}.login-form input::placeholder{color:var(--text-tertiary)}.login-form .password-input{position:relative}.login-form .password-input input{padding-right:44px}.login-form .password-toggle{position:absolute;right:4px;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--text-tertiary);cursor:pointer;padding:8px 10px;border-radius:6px;font-size:14px;transition:color .15s}.login-form .password-toggle:hover{color:var(--text-secondary)}.login-form .form-options{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.login-form .remember-me{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:13px;color:var(--text-secondary)}.login-form .remember-me input[type=checkbox]{width:16px;height:16px;accent-color:var(--primary);border-radius:4px;cursor:pointer}.login-form .form-options a{font-size:13px;color:var(--primary);text-decoration:none;font-weight:600}.login-form .form-options a:hover{color:var(--primary-dark);text-decoration:underline}.login-button{width:100%;height:46px;background:var(--primary-gradient);color:#fff;border:none;border-radius:8px;padding:0 24px;font-size:15px;font-weight:600;cursor:pointer;transition:background .15s,box-shadow .15s;display:flex;align-items:center;justify-content:center;gap:8px;letter-spacing:.01em;flex-shrink:0}.login-button:hover:not(:disabled){background:var(--primary-dark);box-shadow:0 2px 8px rgba(var(--primary-rgb),.3)}.login-button:active:not(:disabled){background:var(--primary-dark)}.login-button:disabled{opacity:.65;cursor:not-allowed}.login-button .spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:loginSpin .7s linear infinite}@keyframes loginSpin{to{transform:rotate(360deg)}}.login-card .divider{position:relative;text-align:center;margin:24px 0}.login-card .divider:before{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background:var(--border)}.login-card .divider span{background:var(--surface);color:var(--text-tertiary);padding:0 14px;font-size:13px;font-weight:500;position:relative;text-transform:uppercase;letter-spacing:.04em}.login-card .social-buttons{display:flex;gap:12px;margin-bottom:28px}.login-card .social-button{flex:1;display:flex;align-items:center;justify-content:center;gap:10px;padding:10px 16px;border:1px solid var(--border);border-radius:8px;background:var(--surface);color:var(--text-primary);font-size:14px;font-weight:500;cursor:pointer;transition:background .15s,border-color .15s}.login-card .social-button:hover:not(:disabled){background:var(--surface-hover);border-color:var(--border-light)}.login-card .social-button:disabled{opacity:.45;cursor:not-allowed}.login-card .social-button i{font-size:16px}.login-card .social-button.google i{color:#ea4335}.login-card .social-button.microsoft i{color:#00a4ef}.login-footer{text-align:center;color:var(--text-secondary);font-size:13px}.login-footer p{margin:0}.login-footer a{color:var(--primary);text-decoration:none;font-weight:600}.login-footer a:hover{text-decoration:underline}@media (max-width: 480px){.login-container{padding:48px 16px 16px;align-items:flex-start}.login-card{padding:32px 24px 28px}.login-card .social-buttons{flex-direction:column;gap:10px}}.data-explorer{padding:1.5rem;max-width:1400px;margin:0 auto;width:100%;box-sizing:border-box}.de-page-header{margin-bottom:2rem}.de-page-title-section h1{font-size:2rem;font-weight:700;color:var(--text-primary);margin:0 0 .5rem;display:flex;align-items:center;gap:.75rem}.de-page-title-section h1 i{color:var(--primary);font-size:1.75rem}.de-mode-badge{font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;padding:.2rem .55rem;border-radius:4px;vertical-align:middle}.de-mode-badge.build{background:rgba(var(--primary-rgb),.12);color:var(--primary)}.de-mode-badge.run{background:#22c55e1f;color:var(--success)}.de-page-subtitle{font-size:1rem;color:var(--text-secondary);margin:0;font-weight:400}.de-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem;margin-bottom:2rem}.de-stat-card{background:var(--surface);border-radius:12px;padding:1.25rem;box-shadow:var(--shadow);border:1px solid var(--border);display:flex;align-items:center;gap:1rem;transition:all .2s ease}.de-stat-card:hover{box-shadow:var(--shadow-hover);transform:translateY(-1px)}.de-stat-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.25rem;flex-shrink:0}.de-stat-icon.primary{background:#4a8db71a;color:var(--primary)}.de-stat-icon.success{background:#10b9811a;color:var(--success)}.de-stat-icon.warning{background:#f59e0b1a;color:var(--warning)}.de-stat-icon.info{background:#3b82f61a;color:var(--info)}.de-stat-content{flex:1;min-width:0}.de-stat-value{font-size:1.5rem;font-weight:700;color:var(--text-primary);line-height:1.2}.de-stat-label{font-size:.8rem;color:var(--text-secondary);font-weight:500;text-transform:uppercase;letter-spacing:.5px}.de-action-header{background:var(--surface);border-radius:12px;padding:1.5rem;margin-bottom:1.5rem;box-shadow:var(--shadow);border:1px solid var(--border);transition:background-color .3s ease,border-color .3s ease}.de-action-header-content{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.de-action-title{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin:0}.de-header-actions{display:flex;align-items:center;gap:.75rem}.de-search-filter-bar{display:flex;gap:1rem;align-items:center}.de-search-container{position:relative;flex:1}.de-search-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:var(--text-tertiary);pointer-events:none}.de-search-input{width:100%;padding:.625rem 1rem .625rem 2.5rem;border:1px solid var(--border);border-radius:8px;font-size:.875rem;background:var(--background);color:var(--text-primary);transition:all .2s ease}.de-search-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #4a8db726}.de-filter-select{padding:.625rem 1rem;border:1px solid var(--border);border-radius:8px;font-size:.875rem;background:var(--background);color:var(--text-primary);cursor:pointer;transition:all .2s ease}.de-filter-select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #4a8db726}.de-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;border:none;white-space:nowrap}.de-btn-primary{background:var(--primary-gradient);color:#fff}.de-btn-primary:hover{opacity:.9;transform:translateY(-1px);box-shadow:0 4px 12px #4a8db74d}.de-btn-secondary{background:var(--background);color:var(--text-primary);border:1px solid var(--border)}.de-btn-secondary:hover{background:var(--surface-hover);border-color:var(--primary)}.de-btn-sm{padding:.375rem .75rem;font-size:.8rem}.de-btn-icon{padding:.5rem;border-radius:8px;background:transparent;border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px}.de-btn-icon:hover{background:var(--surface-hover);color:var(--primary);border-color:var(--primary)}.de-btn-icon.danger:hover{color:var(--danger);border-color:var(--danger)}.de-btn-icon.promote:hover{color:var(--success);border-color:var(--success)}.de-tables-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:1.25rem}.de-table-card{background:var(--surface);border-radius:12px;border:1px solid var(--border);box-shadow:var(--shadow);padding:1.25rem;transition:all .2s ease;cursor:pointer;position:relative}.de-table-card:hover{box-shadow:var(--shadow-hover);transform:translateY(-2px);border-color:var(--primary)}.de-table-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.75rem}.de-table-card-title{font-size:1.05rem;font-weight:600;color:var(--text-primary);margin:0;display:flex;align-items:center;gap:.5rem}.de-table-card-title i{color:var(--primary);font-size:.95rem}.de-table-card-actions{display:flex;gap:.25rem}.de-table-card-desc{font-size:.85rem;color:var(--text-secondary);margin:0 0 1rem;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.de-table-card-meta{display:flex;gap:1.25rem;font-size:.8rem;color:var(--text-tertiary)}.de-table-card-meta-item{display:flex;align-items:center;gap:.35rem}.de-table-card-meta-item i{font-size:.75rem}.de-detail-header{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}.de-back-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:8px;background:var(--surface);border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;font-size:.875rem;transition:all .2s ease}.de-back-btn:hover{color:var(--primary);border-color:var(--primary)}.de-detail-title{flex:1}.de-detail-title h2{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin:0}.de-detail-title p{font-size:.875rem;color:var(--text-secondary);margin:.25rem 0 0}.de-tabs{display:flex;border-bottom:2px solid var(--border);margin-bottom:1.5rem}.de-tab{padding:.75rem 1.5rem;font-size:.9rem;font-weight:500;color:var(--text-secondary);background:transparent;border:none;cursor:pointer;position:relative;transition:all .2s ease;display:flex;align-items:center;gap:.5rem}.de-tab:hover{color:var(--text-primary)}.de-tab.active{color:var(--primary)}.de-tab.active:after{content:"";position:absolute;bottom:-2px;left:0;right:0;height:2px;background:var(--primary-gradient);border-radius:2px 2px 0 0}.de-tab-badge{background:#4a8db71a;color:var(--primary);font-size:.7rem;padding:.15rem .5rem;border-radius:10px;font-weight:600}.de-schema-editor{background:var(--surface);border-radius:12px;border:1px solid var(--border);box-shadow:var(--shadow);overflow:hidden}.de-schema-header{padding:1rem 1.25rem;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center}.de-schema-header h3{margin:0;font-size:1rem;font-weight:600;color:var(--text-primary)}.de-schema-table{width:100%;border-collapse:collapse}.de-schema-table th{padding:.75rem 1rem;text-align:left;font-size:.8rem;font-weight:600;color:var(--text-secondary);background:var(--background-secondary);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--border)}.de-schema-table td{padding:.625rem 1rem;border-bottom:1px solid var(--border-light);vertical-align:middle}.de-schema-table tr:last-child td{border-bottom:none}.de-schema-table tr:hover td{background:var(--surface-hover)}.de-schema-input{padding:.5rem .75rem;border:1px solid var(--border);border-radius:6px;font-size:.85rem;background:var(--background);color:var(--text-primary);width:100%;transition:all .2s ease}.de-schema-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 2px #4a8db726}.de-schema-select{padding:.5rem .75rem;border:1px solid var(--border);border-radius:6px;font-size:.85rem;background:var(--background);color:var(--text-primary);cursor:pointer;transition:all .2s ease}.de-schema-select:focus{outline:none;border-color:var(--primary)}.de-schema-checkbox{width:18px;height:18px;cursor:pointer;accent-color:var(--primary)}.de-data-container{background:var(--surface);border-radius:12px;border:1px solid var(--border);box-shadow:var(--shadow);overflow:hidden}.de-data-toolbar{padding:1rem 1.25rem;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;gap:1rem}.de-filters-bar{padding:.75rem 1.25rem;background:var(--background-secondary);border-bottom:1px solid var(--border);display:flex;flex-direction:column;gap:.5rem}.de-filter-row{display:flex;align-items:center;gap:.5rem}.de-filter-select{padding:.4rem .5rem;font-size:.8rem;border:1px solid var(--border);border-radius:6px;background:var(--surface);color:var(--text-primary);min-width:120px}.de-filter-select:focus{outline:none;border-color:var(--primary)}.de-filter-op{min-width:80px;max-width:100px}.de-filter-input{flex:1;padding:.4rem .5rem;font-size:.8rem;border:1px solid var(--border);border-radius:6px;background:var(--surface);color:var(--text-primary);max-width:250px}.de-filter-input:focus{outline:none;border-color:var(--primary)}.de-filter-actions{display:flex;gap:.5rem;align-items:center}.de-data-table-wrapper{overflow-x:auto}.de-data-table{width:100%;border-collapse:collapse;min-width:600px}.de-data-table th{padding:.75rem 1rem;text-align:left;font-size:.8rem;font-weight:600;color:var(--text-secondary);background:var(--background-secondary);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--border);position:sticky;top:0;white-space:nowrap}.de-data-table td{padding:.625rem 1rem;border-bottom:1px solid var(--border-light);font-size:.875rem;color:var(--text-primary);max-width:250px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.de-data-table tbody tr:hover td{background:var(--surface-hover)}.de-data-table .row-actions{white-space:nowrap;width:80px}.de-pagination{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1.15rem;border-top:1px solid var(--border);font-size:.82rem;color:var(--text-secondary);flex-shrink:0;gap:1rem;flex-wrap:wrap}.de-pagination-info{display:flex;align-items:center;gap:.75rem}.de-pagination-info select{padding:.3rem .5rem;border:1px solid var(--border);border-radius:6px;background:var(--background);color:var(--text-primary);font-size:.82rem;cursor:pointer}.de-pagination-nav{display:flex;align-items:center;gap:.25rem}.de-pagination-page-btn{width:32px;height:32px;border-radius:8px;border:1px solid var(--border);background:var(--background);color:var(--text-primary);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;font-size:.78rem;transition:all .15s ease}.de-pagination-page-btn:hover:not(:disabled):not(.active){border-color:var(--primary);color:var(--primary);background:var(--surface-hover)}.de-pagination-page-btn:disabled{opacity:.35;cursor:not-allowed}.de-pagination-page-btn.active{background:var(--primary-gradient);color:var(--surface);border-color:var(--primary)}.de-pagination-page-num{font-size:.82rem;font-weight:500;min-width:32px;text-align:center}.de-charts-section{display:grid;grid-template-columns:320px 1fr;gap:1.5rem}.de-chart-config{background:var(--surface);border-radius:12px;border:1px solid var(--border);box-shadow:var(--shadow);padding:1.25rem}.de-chart-config h3{font-size:1rem;font-weight:600;color:var(--text-primary);margin:0 0 1.25rem}.de-chart-field{margin-bottom:1rem}.de-chart-field label{display:block;font-size:.8rem;font-weight:600;color:var(--text-secondary);margin-bottom:.375rem;text-transform:uppercase;letter-spacing:.5px}.de-chart-field select,.de-chart-field input{width:100%;padding:.5rem .75rem;border:1px solid var(--border);border-radius:6px;font-size:.85rem;background:var(--background);color:var(--text-primary);transition:all .2s ease}.de-chart-field select:focus,.de-chart-field input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 2px #4a8db726}.de-chart-type-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem}.de-chart-type-btn{padding:.75rem;border:2px solid var(--border);border-radius:8px;background:var(--background);color:var(--text-secondary);cursor:pointer;text-align:center;transition:all .2s ease;font-size:.8rem;font-weight:500}.de-chart-type-btn i{display:block;font-size:1.25rem;margin-bottom:.25rem}.de-chart-type-btn:hover{border-color:var(--primary);color:var(--primary)}.de-chart-type-btn.active{border-color:var(--primary);background:#4a8db714;color:var(--primary)}.de-chart-preview{background:var(--surface);border-radius:12px;border:1px solid var(--border);box-shadow:var(--shadow);padding:1.5rem;min-height:400px;display:flex;flex-direction:column}.de-chart-preview-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.de-chart-preview-header h3{margin:0;font-size:1rem;font-weight:600;color:var(--text-primary)}.de-chart-area{flex:1;display:flex;align-items:center;justify-content:center;min-height:320px}.de-chart-placeholder{text-align:center;color:var(--text-tertiary)}.de-chart-placeholder i{font-size:3rem;margin-bottom:1rem;opacity:.4}.de-chart-placeholder p{font-size:.9rem}.de-slicer-builder{margin-top:.75rem;padding-top:.75rem;border-top:1px solid var(--border)}.de-slicer-builder-header{display:flex;align-items:center;gap:.5rem;font-size:.82rem;font-weight:700;color:var(--text-primary);margin-bottom:.65rem;text-transform:uppercase;letter-spacing:.4px}.de-slicer-builder-header i{color:var(--primary);font-size:.78rem}.de-slicer-count{background:rgba(var(--primary-rgb),.1);color:var(--primary);font-size:.68rem;padding:1px 6px;border-radius:8px;font-weight:600}.de-slicer-row{background:var(--background-secondary);border:1px solid var(--border-light);border-radius:8px;padding:8px;margin-bottom:6px}.de-slicer-row-top{display:flex;gap:4px;margin-bottom:4px}.de-slicer-type-select,.de-slicer-col-select{flex:1;padding:5px 6px;border:1px solid var(--border);border-radius:6px;font-size:.76rem;background:var(--surface);color:var(--text-primary);cursor:pointer;min-width:0}.de-slicer-type-select:focus,.de-slicer-col-select:focus{outline:none;border-color:var(--primary)}.de-slicer-label-input{width:100%;padding:4px 6px;border:1px solid var(--border);border-radius:6px;font-size:.76rem;background:var(--surface);color:var(--text-primary);box-sizing:border-box}.de-slicer-label-input:focus{outline:none;border-color:var(--primary)}.de-slicer-remove{width:26px;height:26px;border:none;border-radius:6px;background:transparent;color:var(--text-tertiary);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:.7rem;flex-shrink:0;transition:all .12s}.de-slicer-remove:hover{color:var(--danger);background:#ef444414}.de-slicer-add-btn{display:flex;align-items:center;justify-content:center;gap:.35rem;width:100%;padding:6px;border:1px dashed var(--border);border-radius:6px;background:transparent;color:var(--text-secondary);font-size:.76rem;font-weight:500;cursor:pointer;transition:all .12s}.de-slicer-add-btn:hover{border-color:var(--primary);color:var(--primary)}.de-slicer-add-btn i{font-size:.65rem}.de-slicer-bar{display:flex;flex-wrap:wrap;align-items:center;gap:12px;padding:10px 16px;background:var(--background-secondary);border-bottom:1px solid var(--border-light)}.de-slicer-divider{width:1px;height:24px;background:var(--border);flex-shrink:0}.de-slicer-control{display:flex;align-items:center;gap:6px}.de-slicer-label{font-size:.72rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.3px;white-space:nowrap}.de-slicer-dropdown{padding:4px 8px;border:1px solid var(--border);border-radius:6px;font-size:.78rem;background:var(--surface);color:var(--text-primary);cursor:pointer;min-width:90px}.de-slicer-dropdown:focus{outline:none;border-color:var(--primary)}.de-slicer-buttons{display:flex;gap:2px;border:1px solid var(--border);border-radius:6px;overflow:hidden}.de-slicer-btn{padding:4px 10px;border:none;border-right:1px solid var(--border);background:var(--surface);color:var(--text-secondary);font-size:.74rem;font-weight:500;cursor:pointer;transition:all .1s;white-space:nowrap}.de-slicer-btn:last-child{border-right:none}.de-slicer-btn:hover{background:var(--surface-hover);color:var(--text-primary)}.de-slicer-btn.active{background:var(--primary);color:#fff}.de-slicer-date{display:flex;align-items:center;gap:4px}.de-slicer-date-input{padding:4px 6px;border:1px solid var(--border);border-radius:6px;font-size:.76rem;background:var(--surface);color:var(--text-primary);width:110px}[data-theme=dark] .de-slicer-date-input{color-scheme:dark}.de-slicer-date-input:focus{outline:none;border-color:var(--primary)}.de-slicer-date-sep{font-size:.72rem;color:var(--text-tertiary)}.de-slicer-search{padding:4px 8px;border:1px solid var(--border);border-radius:6px;font-size:.78rem;background:var(--surface);color:var(--text-primary);width:140px;transition:border-color .15s}.de-slicer-search:focus{outline:none;border-color:var(--primary)}.de-slicer-clear-all{background:none;border:1px solid var(--border);border-radius:6px;padding:3px 8px;font-size:.72rem;color:var(--text-tertiary);cursor:pointer;display:flex;align-items:center;gap:4px;transition:all .12s}.de-slicer-clear-all:hover{color:var(--danger);border-color:var(--danger)}.de-saved-charts{margin-top:2rem}.de-saved-charts h3{font-size:1.1rem;font-weight:600;color:var(--text-primary);margin:0 0 1rem}.de-saved-charts-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.25rem}.de-saved-chart-card{background:var(--surface);border-radius:12px;border:1px solid var(--border);box-shadow:var(--shadow);padding:1rem;transition:all .2s ease}.de-saved-chart-card:hover{box-shadow:var(--shadow-hover)}.de-saved-chart-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.de-saved-chart-header h4{margin:0;font-size:.95rem;font-weight:600;color:var(--text-primary)}.de-chart-type-badge{display:inline-flex;align-items:center;gap:.35rem;padding:.2rem .6rem;border-radius:12px;font-size:.7rem;font-weight:600;background:#4a8db71a;color:var(--primary);text-transform:uppercase}.de-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:1050;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.de-modal{background:var(--surface);border-radius:16px;box-shadow:0 20px 40px #0003;width:600px;max-width:90vw;max-height:85vh;overflow-y:auto;border:1px solid var(--border)}.de-modal-header{padding:1.25rem 1.5rem;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center}.de-modal-header h2{margin:0;font-size:1.2rem;font-weight:600;color:var(--text-primary)}.de-modal-close{background:transparent;border:none;color:var(--text-tertiary);font-size:1.25rem;cursor:pointer;padding:.25rem;transition:color .2s ease}.de-modal-close:hover{color:var(--text-primary)}.de-modal-body{padding:1.5rem}.de-modal-footer{padding:1rem 1.5rem;border-top:1px solid var(--border);display:flex;justify-content:flex-end;gap:.75rem}.de-form-group{margin-bottom:1.25rem}.de-form-group label{display:block;font-size:.85rem;font-weight:600;color:var(--text-primary);margin-bottom:.5rem}.de-form-group input,.de-form-group textarea,.de-form-group select{width:100%;padding:.625rem .875rem;border:1px solid var(--border);border-radius:8px;font-size:.875rem;background:var(--background);color:var(--text-primary);transition:all .2s ease}.de-form-group input:focus,.de-form-group textarea:focus,.de-form-group select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #4a8db726}.de-form-group textarea{min-height:80px;resize:vertical}.de-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;color:var(--text-secondary)}.de-spinner{width:40px;height:40px;border:3px solid var(--border);border-top:3px solid var(--primary);border-radius:50%;animation:de-spin .8s linear infinite;margin-bottom:1rem}@keyframes de-spin{to{transform:rotate(360deg)}}.de-empty-state{text-align:center;padding:4rem 2rem;color:var(--text-secondary)}.de-empty-state i{font-size:3.5rem;color:var(--text-tertiary);margin-bottom:1rem;opacity:.4}.de-empty-state h3{font-size:1.15rem;font-weight:600;color:var(--text-primary);margin:0 0 .5rem}.de-empty-state p{font-size:.9rem;margin:0 0 1.5rem}.de-cell-edit{padding:.25rem .5rem;border:1px solid var(--primary);border-radius:4px;font-size:.85rem;background:var(--background);color:var(--text-primary);width:100%;min-width:80px}.de-y-columns-list{display:flex;flex-direction:column;gap:.375rem;max-height:200px;overflow-y:auto;padding:.5rem;border:1px solid var(--border);border-radius:6px;background:var(--background)}.de-y-columns-list>.de-y-column-item{display:flex;align-items:center;gap:10px;font-size:.85rem;color:var(--text-primary);padding:.3rem 0;cursor:pointer}.de-y-columns-list>.de-y-column-item>input[type=checkbox]{width:16px;height:16px;min-width:16px;margin:0;accent-color:var(--primary);cursor:pointer;flex-shrink:0;position:relative;top:-1px}.de-y-columns-list>.de-y-column-item>span{line-height:1}@media (max-width: 1024px){.de-stats-grid{grid-template-columns:repeat(2,1fr)}.de-charts-section{grid-template-columns:1fr}}@media (max-width: 768px){.data-explorer{padding:.75rem}.de-page-header{margin-bottom:1rem}.de-page-title-section h1{font-size:1.35rem;gap:.5rem}.de-page-title-section h1 i{font-size:1.15rem}.de-page-subtitle{font-size:.8rem}.de-stats-grid{grid-template-columns:repeat(2,1fr);gap:.5rem;margin-bottom:1rem}.de-stat-card{padding:.75rem .85rem;border-radius:10px;gap:.65rem}.de-stat-icon{width:34px;height:34px;font-size:.9rem;border-radius:8px}.de-stat-value{font-size:1.35rem}.de-stat-label{font-size:.7rem}.de-action-header{padding:.85rem;margin-bottom:1rem;border-radius:10px}.de-action-header-content{flex-direction:column;gap:.75rem;align-items:flex-start;margin-bottom:.75rem}.de-action-title{font-size:1rem}.de-header-actions{width:100%;flex-wrap:wrap}.de-search-filter-bar{flex-direction:column;gap:.65rem}.de-tables-grid{grid-template-columns:1fr;gap:.75rem}.de-table-card{padding:.85rem;border-radius:10px}.de-table-card-title{font-size:.92rem}.de-table-card-desc{font-size:.8rem}.de-table-card-meta{gap:.75rem;font-size:.72rem}.de-detail-header{flex-direction:column;align-items:flex-start;gap:.75rem;margin-bottom:1rem}.de-detail-title h2{font-size:1.2rem}.de-tabs{overflow-x:auto;scrollbar-width:none}.de-tabs::-webkit-scrollbar{display:none}.de-tab{padding:.6rem 1rem;font-size:.82rem;white-space:nowrap}.de-schema-header{padding:.75rem 1rem}.de-data-toolbar{padding:.75rem 1rem;flex-wrap:wrap;gap:.5rem}.de-pagination{padding:.65rem .85rem;font-size:.75rem}.de-charts-section{grid-template-columns:1fr;gap:1rem}.de-chart-config{padding:.85rem}.de-chart-preview{padding:.85rem;min-height:280px}.de-modal{max-width:95vw}}@media (max-width: 480px){.de-stats-grid{grid-template-columns:repeat(2,1fr)}}.react-grid-layout{position:relative;transition:height .2s ease}.react-grid-item{transition:all .2s ease;transition-property:left,top,width,height}.react-grid-item img{pointer-events:none;-webkit-user-select:none;user-select:none}.react-grid-item.cssTransforms{transition-property:transform,width,height}.react-grid-item.resizing{transition:none;z-index:1;will-change:width,height}.react-grid-item.react-draggable-dragging{transition:none;z-index:3;will-change:transform}.react-grid-item.dropping{visibility:hidden}.react-grid-item.react-grid-placeholder{background:red;opacity:.2;transition-duration:.1s;z-index:2;-webkit-user-select:none;user-select:none}.react-grid-item.react-grid-placeholder.placeholder-resizing{transition:none}.react-grid-item>.react-resizable-handle{position:absolute;width:20px;height:20px;opacity:0}.react-grid-item:hover>.react-resizable-handle{opacity:1}.react-grid-item>.react-resizable-handle:after{content:"";position:absolute;right:3px;bottom:3px;width:5px;height:5px;border-right:2px solid rgba(0,0,0,.4);border-bottom:2px solid rgba(0,0,0,.4)}.react-resizable-hide>.react-resizable-handle{display:none}.react-grid-item>.react-resizable-handle.react-resizable-handle-sw{bottom:0;left:0;cursor:sw-resize;transform:rotate(90deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-se{bottom:0;right:0;cursor:se-resize}.react-grid-item>.react-resizable-handle.react-resizable-handle-nw{top:0;left:0;cursor:nw-resize;transform:rotate(180deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-ne{top:0;right:0;cursor:ne-resize;transform:rotate(270deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-w,.react-grid-item>.react-resizable-handle.react-resizable-handle-e{top:50%;margin-top:-10px;cursor:ew-resize}.react-grid-item>.react-resizable-handle.react-resizable-handle-w{left:0;transform:rotate(135deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-e{right:0;transform:rotate(315deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-n,.react-grid-item>.react-resizable-handle.react-resizable-handle-s{left:50%;margin-left:-10px;cursor:ns-resize}.react-grid-item>.react-resizable-handle.react-resizable-handle-n{top:0;transform:rotate(225deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-s{bottom:0;transform:rotate(45deg)}.react-resizable{position:relative}.react-resizable-handle{position:absolute;width:20px;height:20px;background-repeat:no-repeat;background-origin:content-box;box-sizing:border-box;background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2IDYiIHN0eWxlPSJiYWNrZ3JvdW5kLWNvbG9yOiNmZmZmZmYwMCIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSI2cHgiIGhlaWdodD0iNnB4Ij48ZyBvcGFjaXR5PSIwLjMwMiI+PHBhdGggZD0iTSA2IDYgTCAwIDYgTCAwIDQuMiBMIDQgNC4yIEwgNC4yIDQuMiBMIDQuMiAwIEwgNiAwIEwgNiA2IEwgNiA2IFoiIGZpbGw9IiMwMDAwMDAiLz48L2c+PC9zdmc+);background-position:bottom right;padding:0 3px 3px 0}.react-resizable-handle-sw{bottom:0;left:0;cursor:sw-resize;transform:rotate(90deg)}.react-resizable-handle-se{bottom:0;right:0;cursor:se-resize}.react-resizable-handle-nw{top:0;left:0;cursor:nw-resize;transform:rotate(180deg)}.react-resizable-handle-ne{top:0;right:0;cursor:ne-resize;transform:rotate(270deg)}.react-resizable-handle-w,.react-resizable-handle-e{top:50%;margin-top:-10px;cursor:ew-resize}.react-resizable-handle-w{left:0;transform:rotate(135deg)}.react-resizable-handle-e{right:0;transform:rotate(315deg)}.react-resizable-handle-n,.react-resizable-handle-s{left:50%;margin-left:-10px;cursor:ns-resize}.react-resizable-handle-n{top:0;transform:rotate(225deg)}.react-resizable-handle-s{bottom:0;transform:rotate(45deg)}.dashboard-page{padding:1.5rem;max-width:1600px;margin:0 auto;width:100%;box-sizing:border-box}.db-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem;gap:1rem}.db-header-left h1{font-size:2rem;font-weight:700;color:var(--text-primary);margin:0 0 .25rem;display:flex;align-items:center;gap:.75rem}.db-header-left h1 i{color:var(--primary);font-size:1.75rem}.db-header-subtitle{font-size:.9rem;color:var(--text-secondary);margin:0}.db-header-actions{display:flex;align-items:center;gap:.75rem;flex-shrink:0}.db-selector{display:flex;align-items:center;gap:.75rem;margin-bottom:1.5rem;background:var(--surface);border-radius:12px;padding:.75rem 1.25rem;border:1px solid var(--border);box-shadow:var(--shadow)}.db-selector-label{font-size:.8rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}.db-selector select{flex:1;max-width:300px;padding:.5rem .75rem;border:1px solid var(--border);border-radius:8px;font-size:.875rem;background:var(--background);color:var(--text-primary);cursor:pointer}.db-selector select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #4a8db726}.db-edit-banner{display:flex;align-items:center;justify-content:space-between;background:#4a8db714;border:2px dashed var(--primary);border-radius:12px;padding:.75rem 1.25rem;margin-bottom:1.25rem;animation:db-pulse-border 2s ease-in-out infinite}@keyframes db-pulse-border{0%,to{border-color:var(--primary)}50%{border-color:var(--secondary)}}.db-edit-banner-left{display:flex;align-items:center;gap:.75rem;color:var(--primary);font-weight:600;font-size:.9rem}.db-edit-banner-left i{font-size:1.1rem}.db-edit-banner-actions{display:flex;gap:.5rem}.db-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1.15rem;border-radius:8px;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s ease;border:none;white-space:nowrap}.db-btn-primary{background:var(--primary-gradient);color:#fff}.db-btn-primary:hover{opacity:.9;transform:translateY(-1px);box-shadow:0 4px 12px #667eea4d}.db-btn-secondary{background:var(--background);color:var(--text-primary);border:1px solid var(--border)}.db-btn-secondary:hover{background:var(--surface-hover);border-color:var(--primary)}.db-btn-success{background:var(--success);color:#fff}.db-btn-success:hover{opacity:.9}.db-btn-sm{padding:.375rem .75rem;font-size:.8rem}.db-btn-icon{width:32px;height:32px;padding:0;border-radius:8px;background:transparent;border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:all .2s ease;font-size:.8rem}.db-btn-icon:hover{background:var(--surface-hover);color:var(--primary);border-color:var(--primary)}.db-btn-icon.danger:hover{color:var(--danger);border-color:var(--danger)}.db-grid-wrapper,.db-grid-wrapper .react-grid-layout{min-height:200px}.db-grid-wrapper .react-grid-item{transition:all .2s ease;transition-property:left,top,width,height}.db-grid-wrapper .react-grid-item.react-grid-placeholder{background:var(--primary-gradient);opacity:.12;border-radius:12px}.db-grid-wrapper .react-resizable-handle{background-image:none;width:20px;height:20px}.db-grid-wrapper .react-resizable-handle:after{content:"";position:absolute;right:5px;bottom:5px;width:8px;height:8px;border-right:2px solid var(--text-tertiary);border-bottom:2px solid var(--text-tertiary);border-radius:0 0 2px}.db-widget{background:var(--surface);border-radius:12px;border:1px solid var(--border);box-shadow:var(--shadow);display:flex;flex-direction:column;overflow:hidden;height:100%;transition:box-shadow .2s ease}.db-widget:hover{box-shadow:var(--shadow-hover)}.db-widget.editing{border-color:#4a8db766;cursor:grab}.db-widget.editing:active{cursor:grabbing}.db-widget-header{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;border-bottom:1px solid var(--border-light);flex-shrink:0;min-height:44px}.db-widget-title{font-size:.85rem;font-weight:600;color:var(--text-primary);display:flex;align-items:center;gap:.5rem;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.db-widget-title i{color:var(--primary);font-size:.8rem;flex-shrink:0}.db-widget-actions{display:flex;flex-shrink:0}.db-widget-body{flex:1;padding:.75rem;overflow:hidden;display:flex;flex-direction:column;min-height:0}.db-widget-body .recharts-responsive-container{min-height:0!important}.db-widget-table-wrapper{width:100%;height:100%;overflow:auto}.db-widget-table{width:100%;border-collapse:collapse;font-size:.8rem}.db-widget-table th{padding:.5rem .75rem;text-align:left;font-weight:600;color:var(--text-secondary);background:var(--background-secondary);border-bottom:1px solid var(--border);text-transform:uppercase;font-size:.7rem;letter-spacing:.5px;position:sticky;top:0;white-space:nowrap}.db-widget-table td{padding:.4rem .75rem;border-bottom:1px solid var(--border-light);color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:200px}.db-widget-table tbody tr:hover td{background:var(--surface-hover)}.db-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:1050;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.db-modal{background:var(--surface);border-radius:16px;box-shadow:0 20px 40px #0003;width:640px;max-width:92vw;max-height:85vh;overflow-y:auto;border:1px solid var(--border)}.db-modal-header{padding:1.25rem 1.5rem;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center}.db-modal-header h2{margin:0;font-size:1.15rem;font-weight:600;color:var(--text-primary)}.db-modal-close{background:transparent;border:none;color:var(--text-tertiary);font-size:1.2rem;cursor:pointer;padding:.25rem}.db-modal-close:hover{color:var(--text-primary)}.db-modal-body{padding:1.5rem}.db-modal-footer{padding:1rem 1.5rem;border-top:1px solid var(--border);display:flex;justify-content:flex-end;gap:.75rem}.db-form-group{margin-bottom:1.15rem}.db-form-group label{display:block;font-size:.8rem;font-weight:600;color:var(--text-secondary);margin-bottom:.4rem;text-transform:uppercase;letter-spacing:.5px}.db-form-group input,.db-form-group select{width:100%;padding:.5rem .75rem;border:1px solid var(--border);border-radius:8px;font-size:.875rem;background:var(--background);color:var(--text-primary);transition:all .2s ease}.db-form-group input:focus,.db-form-group select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #4a8db726}.db-widget-type-picker{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;margin-bottom:1.25rem}.db-widget-type-option{padding:1rem;border:2px solid var(--border);border-radius:12px;cursor:pointer;text-align:center;transition:all .2s ease;background:var(--background)}.db-widget-type-option:hover{border-color:var(--primary)}.db-widget-type-option.active{border-color:var(--primary);background:#4a8db70f}.db-widget-type-option i{font-size:1.5rem;color:var(--primary);display:block;margin-bottom:.5rem}.db-widget-type-option span{font-size:.85rem;font-weight:600;color:var(--text-primary)}.db-empty{text-align:center;padding:4rem 2rem}.db-empty i{font-size:3.5rem;color:var(--text-tertiary);opacity:.35;margin-bottom:1rem}.db-empty h3{color:var(--text-primary);font-size:1.15rem;margin:0 0 .5rem}.db-empty p{color:var(--text-secondary);font-size:.9rem;margin:0 0 1.5rem}.db-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;color:var(--text-secondary)}.db-spinner{width:36px;height:36px;border:3px solid var(--border);border-top-color:var(--primary);border-radius:50%;animation:db-spin .8s linear infinite;margin-bottom:.75rem}@keyframes db-spin{to{transform:rotate(360deg)}}.db-global-bar{display:flex;align-items:center;flex-wrap:wrap;gap:8px;padding:8px 14px;margin-bottom:.75rem;background:rgba(var(--primary-rgb),.06);border:1px solid rgba(var(--primary-rgb),.15);border-radius:10px;animation:db-global-in .2s ease-out}@keyframes db-global-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.db-global-bar-icon{color:var(--primary);font-size:.75rem}.db-global-chip{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;background:var(--primary);color:#fff;border-radius:14px;font-size:.74rem;font-weight:500;cursor:pointer;transition:opacity .12s}.db-global-chip:hover{opacity:.8}.db-global-chip strong{font-weight:600;text-transform:uppercase;font-size:.65rem;letter-spacing:.3px;opacity:.8}.db-global-chip i{font-size:.55rem;opacity:.7;margin-left:2px}.db-global-chip i:hover{opacity:1}.db-global-clear{background:none;border:1px solid rgba(var(--primary-rgb),.2);border-radius:6px;color:var(--primary);font-size:.72rem;font-weight:600;padding:3px 10px;cursor:pointer;margin-left:auto;transition:all .12s}.db-global-clear:hover{background:var(--primary);color:#fff;border-color:var(--primary)}.db-widget-inner{display:flex;flex-direction:column;width:100%;height:100%;position:relative;transition:opacity .2s ease}.db-widget-inner.db-filtered{border-radius:0 0 10px 10px}.db-widget-inner.db-unrelated{opacity:.4}.db-widget-inner.db-unrelated:hover{opacity:.8}.db-filtered-badges{position:absolute;top:4px;right:4px;display:flex;gap:3px;z-index:5;flex-wrap:wrap;justify-content:flex-end;max-width:60%}.db-filtered-badge{display:inline-flex;align-items:center;gap:3px;padding:2px 7px;color:#fff;border-radius:10px;font-size:.6rem;font-weight:600;opacity:.9;letter-spacing:.2px;white-space:nowrap;text-transform:uppercase}.db-slicer-bar{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:6px 10px;margin:-.75rem -.75rem .5rem;background:var(--background-secondary);border-bottom:1px solid var(--border-light);flex-shrink:0}.db-slicer-item{display:flex;align-items:center;gap:5px}.db-slicer-label{font-size:.68rem;font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.3px;white-space:nowrap}.db-slicer-select{padding:3px 6px;border:1px solid var(--border);border-radius:5px;font-size:.72rem;background:var(--surface);color:var(--text-primary);cursor:pointer;min-width:70px}.db-slicer-select:focus{outline:none;border-color:var(--primary)}.db-slicer-pills{display:flex;border:1px solid var(--border);border-radius:5px;overflow:hidden}.db-slicer-pill{padding:3px 8px;border:none;border-right:1px solid var(--border);background:var(--surface);color:var(--text-secondary);font-size:.68rem;font-weight:500;cursor:pointer;transition:all .1s;white-space:nowrap}.db-slicer-pill:last-child{border-right:none}.db-slicer-pill:hover{background:var(--surface-hover)}.db-slicer-pill.active{background:var(--primary);color:#fff}.db-slicer-search{padding:3px 6px;border:1px solid var(--border);border-radius:5px;font-size:.72rem;background:var(--surface);color:var(--text-primary);width:100px}.db-slicer-search:focus{outline:none;border-color:var(--primary)}.db-slicer-date-group{display:flex;align-items:center;gap:4px}.db-slicer-date-input{padding:3px 6px;border:1px solid var(--border);border-radius:5px;font-size:.72rem;background:var(--surface);color:var(--text-primary);width:105px}[data-theme=dark] .db-slicer-date-input{color-scheme:dark}.db-slicer-date-input:focus{outline:none;border-color:var(--primary)}.db-slicer-date-sep{font-size:.68rem;color:var(--text-tertiary)}.db-widget-loading{display:flex;align-items:center;justify-content:center;width:100%;height:100%;color:var(--text-tertiary)}.db-widget-loading .db-spinner{width:24px;height:24px;border-width:2px}@media (max-width: 768px){.dashboard-page{padding:.75rem}.db-header{flex-direction:column;gap:.5rem;margin-bottom:1rem}.db-header h1{font-size:1.35rem}.db-widget-type-picker{grid-template-columns:repeat(2,1fr);gap:.5rem}}@media (max-width: 480px){.db-widget-type-picker{grid-template-columns:1fr}}:root{--primary: #3B82F6;--primary-rgb: 59, 130, 246;--gray-50: #f9fafb;--gray-100: #f3f4f6;--gray-200: #e5e7eb;--gray-300: #d1d5db;--gray-500: #6b7280;--gray-600: #4b5563;--gray-700: #374151;--gray-900: #111827}.projects-container{background:#3b82f6;min-height:100vh;padding:0;margin:0}.projects-content{background:#f8fafc;min-height:100vh;padding:2rem 0}.projects-loading{display:flex;justify-content:center;align-items:center;height:50vh;font-size:1.2rem;color:var(--gray-600)}.projects-page-header{margin-bottom:2rem}.projects-page-title-section h1{font-size:2rem;font-weight:700;color:var(--gray-900);margin:0 0 .5rem;display:flex;align-items:center;gap:.75rem}.projects-page-title-section h1 i{color:var(--primary);font-size:1.75rem}.projects-page-subtitle{font-size:1rem;color:var(--gray-600);margin:0;font-weight:400}.projects-stats-section{margin-bottom:2rem;width:100%}.projects-stats-grid{display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:1.5rem;margin-bottom:2rem;width:100%;box-sizing:border-box}.projects-stat-card{background:var(--surface);border-radius:12px;padding:1.5rem;box-shadow:0 2px 8px #0000001a;border:1px solid var(--gray-200);position:relative;overflow:hidden;transition:all .3s ease;min-height:140px}.projects-stat-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px #00000026}.projects-stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--primary-gradient)}.projects-stat-content{position:relative;z-index:2;padding-right:80px;display:flex;flex-direction:column;justify-content:center;height:100%}.projects-stat-number{font-size:2.25rem;font-weight:700;color:var(--gray-900);margin-bottom:.5rem}.projects-stat-label{font-size:.875rem;font-weight:600;color:var(--gray-700);margin-bottom:.25rem}.projects-stat-meta{font-size:.75rem;color:var(--gray-500);display:flex;align-items:center;gap:.25rem}.projects-stat-icon{position:absolute;top:1.5rem;right:1.5rem;width:60px;height:60px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:#fff;z-index:1}.projects-stat-icon.total{background:#6366f1}.projects-stat-icon.active{background:#10b981}.projects-stat-icon.flows{background:#3b82f6}.projects-stat-icon.recent{background:#f97316}.projects-action-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.projects-action-header h2{font-size:1.5rem;font-weight:600;color:var(--gray-900);margin:0;display:flex;align-items:center;gap:.5rem}.projects-action-header h2 i{color:var(--primary)}.projects-filter-section{background:var(--surface);border-radius:12px;padding:1.5rem;margin-bottom:1.5rem;box-shadow:0 2px 8px #0000001a;border:1px solid var(--gray-200)}.projects-search-wrapper{position:relative;flex:1;max-width:400px}.projects-search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--gray-500);z-index:2}.projects-search-input{padding-left:2.5rem!important;border:1px solid var(--gray-300);border-radius:8px;transition:all .3s ease;background:var(--gray-50)}.projects-search-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px rgba(var(--primary-rgb),.1);background:var(--surface);outline:none}.projects-filter-select{border:1px solid var(--gray-300);border-radius:8px;background:var(--gray-50);color:var(--gray-700);padding:.5rem 1rem;min-width:150px;transition:all .3s ease}.projects-filter-select:focus{border-color:var(--primary);box-shadow:0 0 0 3px rgba(var(--primary-rgb),.1);background:var(--surface);outline:none}.projects-modern-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1.5rem;margin-bottom:2rem}.projects-modern-card{background:var(--surface);border-radius:12px;box-shadow:0 2px 8px #0000001a;border:1px solid var(--gray-200);overflow:hidden;transition:all .3s ease;position:relative;animation:fadeIn .5s ease-in-out}.projects-modern-card:hover{transform:translateY(-4px);box-shadow:0 12px 30px #00000026}.projects-modern-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--primary-gradient)}.projects-card-header{padding:1.5rem 1.5rem 1rem;border-bottom:1px solid var(--gray-100)}.projects-card-header-top{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:1rem}.projects-card-icon{width:48px;height:48px;background:rgba(var(--primary-rgb),.1);border-radius:12px;display:flex;align-items:center;justify-content:center;color:var(--primary);font-size:1.25rem;flex-shrink:0}.projects-card-info{flex:1;margin-left:1rem}.projects-card-name{font-size:1.25rem;font-weight:600;color:var(--gray-900);margin:0 0 .5rem;line-height:1.3}.projects-card-meta{display:flex;flex-direction:column;gap:.25rem;font-size:.875rem;color:var(--gray-600)}.projects-card-meta span{display:flex;align-items:center;gap:.5rem}.projects-card-meta i{color:var(--gray-500);width:12px}.projects-card-actions{position:relative}.projects-actions-dropdown{background:none;border:none;color:var(--gray-500);padding:.5rem;border-radius:6px;transition:all .2s ease;cursor:pointer}.projects-actions-dropdown:hover{background:var(--gray-100);color:var(--gray-700)}.projects-card-body{padding:1rem 1.5rem 1.5rem}.projects-card-description{color:var(--gray-600);font-size:.875rem;line-height:1.5;margin-bottom:1.5rem}.projects-card-stats{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1.5rem}.projects-card-stat{text-align:center;padding:1rem;background:var(--gray-50);border-radius:8px}.projects-card-stat-number{font-size:1.5rem;font-weight:700;color:var(--gray-900);margin:0 0 .25rem}.projects-card-stat-label{font-size:.75rem;font-weight:600;color:var(--gray-600);text-transform:uppercase;letter-spacing:.05em;margin:0}.projects-card-flows{margin-bottom:1.5rem}.projects-flows-header{display:flex;align-items:center;gap:.5rem;font-size:.875rem;font-weight:600;color:var(--gray-700);margin-bottom:.75rem}.projects-flows-header i{color:var(--primary)}.projects-flows-list{display:flex;flex-direction:column;gap:.5rem}.projects-flow-item{display:flex;align-items:center;gap:.75rem;padding:.5rem;background:var(--gray-50);border-radius:6px;font-size:.875rem}.projects-flow-icon{color:var(--primary);font-size:.75rem}.projects-flow-name{flex:1;color:var(--gray-700);font-weight:500}.projects-flow-status{padding:.25rem .5rem;border-radius:4px;font-size:.75rem;font-weight:600;text-transform:uppercase}.projects-flow-status.success{background:#22c55e1a;color:#059669}.projects-flow-status.pending{background:#f59e0b1a;color:#d97706}.projects-card-footer{padding:1rem 1.5rem;background:var(--gray-50);display:flex;gap:.75rem}.projects-empty-state{text-align:center;padding:4rem 2rem;background:var(--surface);border-radius:12px;box-shadow:0 2px 8px #0000001a;border:1px solid var(--gray-200)}.projects-empty-state-icon{width:80px;height:80px;margin:0 auto 1.5rem;background:rgba(var(--primary-rgb),.1);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2rem;color:var(--primary)}.projects-empty-state h3{font-size:1.5rem;font-weight:600;color:var(--gray-900);margin:0 0 .5rem}.projects-empty-state p{color:var(--gray-600);margin:0 0 2rem;font-size:1rem;max-width:500px;margin-left:auto;margin-right:auto}.create-project-header{display:flex;align-items:center;gap:1rem}.create-icon{width:40px;height:40px;background:var(--primary-gradient);border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.25rem}.create-project-title{font-size:1.25rem;font-weight:600;color:var(--gray-900);margin:0}.form-group{margin-bottom:1.5rem}.form-label{display:block;margin-bottom:.5rem;font-weight:600;color:var(--gray-700);font-size:.875rem}.form-input{width:100%;padding:.75rem 1rem;border:1px solid var(--gray-300);border-radius:8px;font-size:.875rem;transition:all .3s ease;background:var(--gray-50)}.form-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px rgba(var(--primary-rgb),.1);background:var(--surface);outline:none}.form-textarea{resize:vertical;min-height:80px}@media (max-width: 1024px){.projects-stats-grid{grid-template-columns:repeat(2,1fr)!important}.projects-modern-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}}@media (max-width: 768px){.projects-content{padding:.75rem 0}.projects-page-header{margin-bottom:1rem}.projects-page-title-section h1{font-size:1.35rem;gap:.5rem}.projects-page-title-section h1 i{font-size:1.15rem}.projects-page-subtitle{font-size:.8rem}.projects-stats-section{margin-bottom:1rem}.projects-stats-grid{grid-template-columns:repeat(2,1fr)!important;gap:.5rem}.projects-stat-card{padding:.85rem;min-height:auto;border-radius:10px}.projects-stat-card:before{height:3px}.projects-stat-content{padding-right:50px}.projects-stat-number{font-size:1.35rem;margin-bottom:.25rem}.projects-stat-label{font-size:.72rem}.projects-stat-meta{font-size:.65rem}.projects-stat-icon{width:36px;height:36px;font-size:1rem;border-radius:8px;top:.85rem;right:.85rem}.projects-action-header{flex-direction:column;align-items:flex-start;gap:.75rem;margin-bottom:1rem}.projects-action-header h2{font-size:1.15rem}.projects-filter-section{padding:.85rem;margin-bottom:1rem;border-radius:10px}.projects-filter-section .d-flex{flex-direction:column;gap:.65rem}.projects-search-wrapper{max-width:none}.projects-modern-grid{grid-template-columns:1fr;gap:1rem}.projects-modern-card{border-radius:10px}.projects-card-header{padding:1rem 1rem .75rem}.projects-card-icon{width:36px;height:36px;font-size:1rem;border-radius:8px}.projects-card-info{margin-left:.75rem}.projects-card-name{font-size:1.05rem}.projects-card-body{padding:.75rem 1rem 1rem}.projects-card-description{font-size:.8rem;margin-bottom:1rem}.projects-card-stats{gap:.65rem;margin-bottom:1rem}.projects-card-stat{padding:.65rem;border-radius:6px}.projects-card-stat-number{font-size:1.15rem}.projects-card-stat-label{font-size:.65rem}.projects-card-footer{padding:.75rem 1rem;gap:.5rem}.projects-empty-state{padding:2.5rem 1.5rem}.projects-empty-state-icon{width:60px;height:60px;font-size:1.5rem}.projects-empty-state h3{font-size:1.15rem}.projects-empty-state p{font-size:.85rem}}@media (max-width: 480px){.projects-stats-grid{grid-template-columns:repeat(2,1fr)!important}.projects-card-stats{grid-template-columns:1fr}.projects-card-footer{flex-direction:column}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.projects-modern-card:nth-child(1){animation-delay:0s}.projects-modern-card:nth-child(2){animation-delay:.1s}.projects-modern-card:nth-child(3){animation-delay:.2s}.projects-modern-card:nth-child(4){animation-delay:.3s}.d-flex{display:flex!important}.justify-content-between{justify-content:space-between!important}.align-items-center{align-items:center!important}.gap-2{gap:.5rem!important}.gap-3{gap:1rem!important}.container-fluid{width:100%;padding-right:1rem;padding-left:1rem;margin-right:auto;margin-left:auto;max-width:1400px}.dropdown{position:relative;display:inline-block}.dropdown-menu{position:absolute;top:100%;right:0;z-index:1000;display:none;min-width:10rem;padding:.5rem 0;margin:.125rem 0 0;font-size:.875rem;color:var(--gray-700);text-align:left;list-style:none;background-color:var(--surface);background-clip:padding-box;border:1px solid var(--gray-200);border-radius:.375rem;box-shadow:0 .5rem 1rem #00000026}.dropdown:hover .dropdown-menu{display:block}.dropdown-item{display:block;width:100%;padding:.375rem 1rem;clear:both;font-weight:400;color:var(--gray-700);text-align:inherit;text-decoration:none;white-space:nowrap;background-color:transparent;border:0;cursor:pointer}.dropdown-item:hover{color:var(--gray-900);background-color:var(--gray-100)}.dropdown-item.text-danger{color:#dc3545}.dropdown-item.text-danger:hover{color:#dc3545;background-color:#dc35451a}.dropdown-divider{height:0;margin:.5rem 0;overflow:hidden;border-top:1px solid var(--gray-200)}.me-2{margin-right:.5rem!important}.text-muted{color:var(--gray-500)!important}.modal-backdrop{position:fixed;top:0;left:0;z-index:1040;width:100vw;height:100vh;background-color:#00000080}.modal-backdrop.show{opacity:1}.modal.show{display:block!important}.modal{position:fixed;top:0;left:0;z-index:1050;width:100%;height:100%;overflow:hidden;outline:0}.modal-dialog{position:relative;width:auto;margin:1.75rem auto;pointer-events:none}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;border-bottom:1px solid var(--gray-200);border-top-left-radius:.5rem;border-top-right-radius:.5rem}.modal-body{position:relative;flex:1 1 auto;padding:1.5rem}.modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:.5rem;padding:1rem 1.5rem;border-top:1px solid var(--gray-200);border-bottom-right-radius:.5rem;border-bottom-left-radius:.5rem}.btn-close{box-sizing:content-box;width:1em;height:1em;padding:.25em;color:var(--gray-500);background:transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='m.235.757 1.044-.979 1.044.979L8 6.433l5.677-5.676 1.044.979L9.044 7.414l5.677 5.677-1.044.979L8 8.394 2.323 14.07l-1.044-.979L6.956 7.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;border:0;border-radius:.375rem;opacity:.5;cursor:pointer}.btn-close:hover{color:var(--gray-700);text-decoration:none;opacity:.75}.pp-root{width:100%;height:100%;background:var(--surface);border-left:1px solid var(--border);display:flex;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.pp-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:var(--surface);border-bottom:1px solid var(--border);flex-shrink:0}.pp-title{margin:0;font-size:15px;font-weight:600;color:var(--text-primary);display:flex;align-items:center;gap:8px}.pp-close{background:none;border:none;color:var(--text-tertiary);font-size:16px;padding:6px;border-radius:5px;transition:color .15s}.pp-close:hover{color:var(--text-primary)}.pp-tabs{display:flex;background:var(--background);border-bottom:1px solid var(--border);flex-shrink:0}.pp-tab{flex:1;background:none;border:none;padding:10px 14px;color:var(--text-secondary);font-size:13px;font-weight:500;cursor:pointer;transition:color .15s,background .15s;display:flex;align-items:center;justify-content:center;gap:6px;position:relative;border-bottom:2px solid transparent}.pp-tab:hover{color:var(--text-primary);background:var(--surface-hover)}.pp-tab.active{color:var(--primary);background:var(--surface);border-bottom-color:var(--primary)}.pp-content{flex:1;overflow-y:auto;padding:16px;min-height:0}.pp-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:260px;text-align:center;color:var(--text-tertiary)}.pp-empty-icon{font-size:40px;color:var(--text-tertiary);margin-bottom:12px;opacity:.5}.pp-empty h4{margin:0 0 6px;color:var(--text-secondary);font-weight:600;font-size:15px}.pp-empty p{margin:0;color:var(--text-tertiary);font-size:13px;line-height:1.5}.pp-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:180px;text-align:center}.pp-spinner{width:32px;height:32px;border:3px solid var(--border);border-top-color:var(--primary);border-radius:50%;animation:pp-spin .8s linear infinite;margin-bottom:12px}@keyframes pp-spin{to{transform:rotate(360deg)}}.pp-loading p{margin:0;color:var(--text-secondary);font-size:13px}.pp-error{display:flex;flex-direction:column;align-items:center;justify-content:center;height:180px;text-align:center}.pp-error-icon{font-size:36px;color:var(--danger);margin-bottom:12px;opacity:.6}.pp-error h4{margin:0 0 6px;color:var(--danger);font-weight:600;font-size:14px}.pp-error p{margin:0;color:var(--danger);font-size:13px;opacity:.8}.pp-form{max-width:100%}.pp-form-header{margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid var(--border-light)}.pp-form-header h4{margin:0 0 4px;color:var(--text-primary);font-weight:600;font-size:16px}.pp-form-desc{margin:0;color:var(--text-secondary);font-size:13px;line-height:1.5}.pp-step-info{background:var(--background);border:1px solid var(--border);border-radius:8px;margin-bottom:16px;overflow:hidden}.pp-section-header{background:var(--background-secondary);padding:8px 14px;margin:0;border-bottom:1px solid var(--border-light)}.pp-section-header h5{margin:0;font-size:11px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em}.pp-step-fields{padding:14px;background:var(--surface)}.pp-save-output-toggle{margin-top:8px;padding-top:10px;border-top:1px solid var(--border-light)}.pp-checkbox-label{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:.82rem;color:var(--text-primary);font-weight:500}.pp-checkbox-label input[type=checkbox]{width:16px;height:16px;accent-color:var(--primary);cursor:pointer}.pp-fields{margin-bottom:16px}.pp-field{margin-bottom:14px}.pp-field:last-child{margin-bottom:0}.pp-label{display:block;margin-bottom:6px;color:var(--text-primary);font-weight:500;font-size:13px}.pp-required{color:var(--danger);margin-left:3px}.pp-hint{margin:4px 0 0;color:var(--text-tertiary);font-size:12px;line-height:1.4}.pp-input,.pp-textarea,.pp-select{width:100%;padding:8px 12px;border:1px solid var(--border);border-radius:6px;font-size:13px;background:var(--surface);color:var(--text-primary);transition:border-color .15s,box-shadow .15s;box-sizing:border-box}.pp-input:focus,.pp-textarea:focus,.pp-select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 2px rgba(var(--primary-rgb),.12)}.pp-input:hover,.pp-textarea:hover,.pp-select:hover{border-color:var(--text-tertiary)}.pp-textarea{resize:vertical;min-height:72px;font-family:inherit}.pp-check-wrap{display:flex;align-items:center;gap:10px}.pp-check{width:18px;height:18px;border:1px solid var(--border);border-radius:4px;cursor:pointer;transition:all .15s;position:relative;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--surface);flex-shrink:0}.pp-check:checked{background:var(--primary-gradient);border-color:var(--primary)}.pp-check:checked:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:11px;font-weight:700}.pp-check:focus{outline:none;box-shadow:0 0 0 2px rgba(var(--primary-rgb),.12)}.pp-check-label{cursor:pointer;color:var(--text-primary);font-size:13px;line-height:1.4;margin:0}.pp-apply{width:100%;background:var(--primary-gradient);color:#fff;border:none;padding:10px 16px;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;transition:opacity .15s;display:flex;align-items:center;justify-content:center;gap:6px}.pp-apply:hover:not(:disabled){opacity:.88}.pp-apply:disabled{opacity:.5;cursor:not-allowed}.pp-flow-tab{height:100%}.pp-flow-form{display:flex;flex-direction:column;gap:14px}.pp-flow-form h4{margin:0 0 4px;color:var(--text-primary);font-weight:600;font-size:15px;padding-bottom:10px;border-bottom:1px solid var(--border-light)}.pp-kv-editor{background:var(--background);border:1px dashed var(--border);border-radius:8px;padding:12px;display:flex;flex-direction:column;gap:8px}.pp-kv-pair{background:var(--surface);border:1px solid var(--border-light);border-radius:6px;padding:8px;display:flex;align-items:center;gap:6px;transition:border-color .15s}.pp-kv-pair:hover{border-color:var(--border)}.pp-kv-key,.pp-kv-value{flex:1;min-width:0;padding:6px 10px;border:1px solid var(--border-light);border-radius:5px;font-size:13px;background:var(--surface);color:var(--text-primary);transition:border-color .15s}.pp-kv-key{font-weight:500}.pp-kv-key:focus,.pp-kv-value:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 2px rgba(var(--primary-rgb),.1)}.pp-kv-remove{padding:4px 6px;background:rgba(var(--danger),.06);border:1px solid var(--border-light);color:var(--danger);border-radius:5px;cursor:pointer;font-size:11px;display:flex;align-items:center;justify-content:center;min-width:28px;height:28px;transition:opacity .15s}.pp-kv-remove:hover{opacity:.75}.pp-kv-add{background:rgba(var(--primary-rgb),.08);border:1px solid rgba(var(--primary-rgb),.2);color:var(--primary);font-size:12px;font-weight:600;padding:6px 12px;border-radius:6px;cursor:pointer;transition:background .15s;align-self:flex-start;display:flex;align-items:center;gap:5px}.pp-kv-add:hover{background:rgba(var(--primary-rgb),.15)}.pp-kv-add i{font-size:10px}.pp-kv-empty{color:var(--text-tertiary);font-size:12px;font-style:italic;padding:10px;text-align:center;background:var(--surface);border-radius:6px;border:1px dashed var(--border-light)}.pp-content::-webkit-scrollbar{width:6px}.pp-content::-webkit-scrollbar-track{background:transparent}.pp-content::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.pp-content::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}@media (max-width: 768px){.pp-content{padding:12px}.pp-header{padding:10px 14px}.pp-tab{padding:8px 12px;font-size:12px}}.paf-container{background:var(--background);border:1px dashed var(--border);border-radius:8px;padding:14px;margin-bottom:14px;display:flex;flex-direction:column;gap:12px}.paf-container h4{margin:0 0 4px;color:var(--text-primary);font-weight:600;font-size:14px}.paf-add-btn{background:rgba(var(--primary-rgb),.08);border:1px solid rgba(var(--primary-rgb),.2);color:var(--primary);font-size:13px;font-weight:600;padding:8px 14px;border-radius:6px;cursor:pointer;transition:background .15s;align-self:flex-start;display:flex;align-items:center;gap:6px}.paf-add-btn:hover{background:rgba(var(--primary-rgb),.15)}.paf-add-btn i{font-size:11px}.paf-list{display:flex;flex-direction:column;gap:12px}.paf-card{background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:14px;position:relative;transition:border-color .15s}.paf-card:hover{border-color:var(--primary)}.paf-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;gap:10px}.paf-name-input{flex:1;padding:8px 12px;border:1px solid var(--border);border-radius:6px;background:var(--surface);color:var(--text-primary);font-weight:500;font-size:13px;transition:border-color .15s,box-shadow .15s}.paf-name-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 2px rgba(var(--primary-rgb),.12)}.paf-name-input::placeholder{color:var(--text-tertiary);font-weight:400}.paf-remove-btn{background:var(--danger);border:none;color:#fff;border-radius:6px;padding:6px 10px;font-size:12px;cursor:pointer;transition:opacity .15s;min-width:32px;height:32px;display:flex;align-items:center;justify-content:center}.paf-remove-btn:hover{opacity:.85}.paf-card-body{display:flex;flex-direction:column;gap:12px}.paf-preview{background:var(--background);border:1px solid var(--border-light);padding:8px 12px;border-radius:6px;font-family:JetBrains Mono,Monaco,Menlo,monospace;font-size:12px;color:var(--text-secondary);word-break:break-all}.paf-scope-section,.paf-separator-section,.paf-persist-section{display:flex;flex-direction:column;gap:6px}.paf-persist-label{display:flex;align-items:center;gap:8px;font-size:.82rem;font-weight:500;color:var(--text-primary);cursor:pointer}.paf-persist-label input[type=checkbox]{width:16px;height:16px;accent-color:var(--primary);cursor:pointer}.paf-persist-help{font-size:.72rem;color:var(--text-tertiary);margin-left:24px}.paf-scope-label,.paf-separator-label{display:block;font-weight:600;color:var(--text-primary);font-size:13px}.paf-scope-select{width:100%;padding:8px 12px;background:var(--surface);border:1px solid var(--border);border-radius:6px;font-size:13px;color:var(--text-primary);transition:border-color .15s}.paf-scope-select:hover{border-color:var(--text-tertiary)}.paf-scope-select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 2px rgba(var(--primary-rgb),.12)}.paf-separator-input{padding:8px 12px;border:1px solid var(--border);border-radius:6px;background:var(--surface);color:var(--text-primary);font-size:13px;transition:border-color .15s,box-shadow .15s}.paf-separator-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 2px rgba(var(--primary-rgb),.12)}.paf-sources{display:flex;flex-direction:column;gap:10px;background:var(--background);padding:12px;border-radius:6px;border:1px solid var(--border-light)}.paf-sources-header{display:flex;justify-content:space-between;align-items:center}.paf-sources-title{margin:0;color:var(--text-primary);font-weight:600;font-size:13px}.paf-add-source-btn{background:var(--success);border:none;color:#fff;padding:6px 12px;border-radius:6px;cursor:pointer;font-size:12px;font-weight:600;transition:opacity .15s;display:flex;align-items:center;gap:5px}.paf-add-source-btn:hover{opacity:.88}.paf-add-source-btn i{font-size:10px}.paf-sources-list{display:flex;flex-direction:column;gap:10px}.paf-source-item{background:var(--surface);border:1px solid var(--border-light);border-radius:6px;padding:12px;position:relative;display:flex;flex-direction:column;gap:10px;transition:border-color .15s}.paf-source-item:hover{border-color:var(--border)}.paf-remove-source-btn{position:absolute;top:6px;right:6px;background:transparent;border:1px solid var(--border-light);color:var(--danger);border-radius:50%;width:22px;height:22px;cursor:pointer;font-size:11px;display:flex;align-items:center;justify-content:center;transition:all .15s}.paf-remove-source-btn:hover{background:var(--danger);color:#fff;border-color:var(--danger)}.paf-source-type-section,.paf-source-value-section{display:flex;flex-direction:column;gap:6px}.paf-source-type-label{display:block;font-weight:600;color:var(--text-secondary);font-size:11px;text-transform:uppercase;letter-spacing:.03em}.paf-source-type-select,.paf-source-value-input,.paf-source-value-select,.paf-source-schema-select{padding:7px 10px;border:1px solid var(--border);border-radius:6px;background:var(--surface);color:var(--text-primary);font-size:13px;transition:border-color .15s}.paf-source-type-select:focus,.paf-source-value-input:focus,.paf-source-value-select:focus,.paf-source-schema-select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 2px rgba(var(--primary-rgb),.1)}.paf-source-field-btn{background:rgba(var(--primary-rgb),.08);border:1px solid rgba(var(--primary-rgb),.2);color:var(--primary);font-size:12px;font-weight:600;padding:6px 10px;border-radius:5px;cursor:pointer;transition:background .15s;margin-top:2px}.paf-source-field-btn:hover:not(:disabled){background:rgba(var(--primary-rgb),.15)}.paf-source-field-btn:disabled{opacity:.5;cursor:not-allowed}.paf-lookup{display:flex;flex-direction:column;gap:10px;padding:10px;background:var(--background);border:1px solid var(--border-light);border-radius:6px}.paf-lookup-table-section,.paf-lookup-type-section,.paf-lookup-default-section{display:flex;flex-direction:column;gap:4px}.paf-lookup-columns-section{display:flex;flex-direction:column;gap:10px}.paf-lookup-columns-section>div{display:flex;flex-direction:column;gap:4px}.paf-lookup label{font-weight:600;color:var(--text-secondary);font-size:11px;text-transform:uppercase;letter-spacing:.03em}.paf-lookup select,.paf-lookup input{padding:7px 10px;border:1px solid var(--border);border-radius:6px;background:var(--surface);color:var(--text-primary);font-size:13px;transition:border-color .15s;width:100%}.paf-lookup select:focus,.paf-lookup input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 2px rgba(var(--primary-rgb),.1)}@media (max-width: 768px){.paf-container,.paf-card{padding:10px}.paf-card-header,.paf-sources-header{flex-direction:column;align-items:stretch;gap:6px}}.schema-field-modal-portal{position:fixed!important;top:0!important;left:0!important;width:100vw!important;height:100vh!important;z-index:99999!important;pointer-events:none!important}.schema-modal-backdrop{position:fixed!important;top:0!important;left:0!important;width:100vw!important;height:100vh!important;background-color:#00000080!important;z-index:100000!important;pointer-events:all!important}.schema-modal-container{position:fixed!important;top:0!important;left:0!important;width:100vw!important;height:100vh!important;display:flex!important;justify-content:center!important;align-items:center!important;z-index:100001!important;pointer-events:none!important}.schema-modal-dialog{width:90%;max-width:700px;max-height:85vh;pointer-events:all}.schema-modal-content{background:var(--surface);border-radius:12px;border:1px solid var(--border);box-shadow:0 8px 32px #0003;display:flex;flex-direction:column;max-height:85vh;overflow:hidden}.schema-modal-header{display:flex;justify-content:space-between;align-items:center;padding:14px 20px;border-bottom:1px solid var(--border-light);background:var(--background-secondary)}.schema-modal-title{margin:0;font-size:15px;font-weight:600;color:var(--text-primary);display:flex;align-items:center;gap:8px}.schema-modal-title i{color:var(--text-tertiary);font-size:14px}.schema-modal-close{background:none;border:none;font-size:18px;font-weight:600;color:var(--text-tertiary);cursor:pointer;padding:4px 6px;border-radius:5px;line-height:1;transition:color .12s,background .12s}.schema-modal-close:hover{color:var(--text-primary);background:var(--surface-hover)}.schema-modal-body{padding:16px 20px;flex:1;overflow:hidden;display:flex;flex-direction:column}.schema-controls{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.schema-info h6{margin:0 0 2px;font-size:13px;font-weight:600;color:var(--text-primary)}.schema-info small{font-size:12px;color:var(--text-tertiary)}.schema-actions{display:flex;gap:6px}.btn-expand,.btn-collapse{display:inline-flex;align-items:center;gap:5px;background:var(--background);border:1px solid var(--border);color:var(--text-secondary);padding:5px 10px;border-radius:6px;font-size:12px;cursor:pointer;transition:all .12s}.btn-expand:hover,.btn-collapse:hover{background:var(--surface-hover);border-color:var(--text-tertiary);color:var(--text-primary)}.btn-expand i,.btn-collapse i{font-size:10px}.schema-tree-container{border:1px solid var(--border-light);border-radius:8px;padding:10px;background:var(--background);flex:1;overflow-y:auto;max-height:380px}.schema-tree-container::-webkit-scrollbar{width:5px}.schema-tree-container::-webkit-scrollbar-track{background:transparent}.schema-tree-container::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.loading-state,.error-state,.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px;text-align:center}.loading-state .spinner{width:24px;height:24px;border:3px solid var(--border);border-top-color:var(--primary);border-radius:50%;animation:sfm-spin .8s linear infinite;margin-bottom:10px}@keyframes sfm-spin{to{transform:rotate(360deg)}}.loading-state p{margin:0;color:var(--text-secondary);font-size:13px}.error-state i{color:var(--danger);font-size:24px;margin-bottom:8px}.error-state p{margin:0;color:var(--danger);font-size:13px}.empty-state i{color:var(--text-tertiary);font-size:24px;margin-bottom:8px}.empty-state p{margin:0;color:var(--text-secondary);font-size:13px}.empty-state small{display:block;color:var(--text-tertiary);font-size:11px;margin-top:4px;font-family:monospace}.schema-tree{font-size:13px;line-height:1.5}.field-group{margin-bottom:2px}.field-header{display:flex;align-items:center;padding:5px 8px;cursor:pointer;border-radius:6px;transition:background .12s;-webkit-user-select:none;user-select:none;color:var(--text-primary)}.field-header:hover{background:var(--surface-hover)}.field-header.expandable{font-weight:500}.field-header.expanded{color:var(--primary)}.field-header.expanded>.field-icon{color:var(--primary)}.field-header.selected{background:rgba(var(--primary-rgb),.1);color:var(--primary)}.field-header i:first-child{font-size:9px;width:14px;text-align:center;color:var(--text-tertiary);margin-right:4px;flex-shrink:0}.field-header.expanded>i:first-child{color:var(--primary)}.field-icon{margin-right:6px;width:14px;font-size:12px;flex-shrink:0}.field-header .field-icon{color:var(--warning)}.field-item .field-icon{color:var(--info)}.field-name{font-weight:500;margin-right:6px;color:inherit}.field-type{color:var(--text-tertiary);font-size:11px;font-weight:400;margin-right:6px;text-transform:uppercase;letter-spacing:.3px}.field-description{color:var(--text-tertiary);font-size:11px;font-style:italic;margin-left:auto}.field-hint{font-size:11px;color:var(--text-tertiary)}.nested-fields{padding-left:18px;border-left:1px solid var(--border-light);margin-left:10px;margin-top:2px}.field-item{display:flex;align-items:center;padding:5px 8px;cursor:pointer;border-radius:6px;transition:all .12s;margin-bottom:1px;-webkit-user-select:none;user-select:none;color:var(--text-primary);border:1px solid transparent}.field-item:hover{background:var(--surface-hover)}.field-item.selected{background:rgba(var(--primary-rgb),.1);border-color:var(--primary);color:var(--primary)}.field-item.selected .field-icon{color:var(--primary)}.field-item.selected .field-name{font-weight:600}.field-item.disabled,.field-header.disabled{opacity:.4;cursor:not-allowed}.selectable-array{cursor:pointer}.selectable-array:hover{background:rgba(var(--primary-rgb),.06)}.selected-field-preview{margin-top:12px;padding:10px 14px;background:var(--background-secondary);border-radius:7px;border:1px solid var(--border-light)}.selected-field-preview h6{margin:0 0 5px;font-size:12px;font-weight:500;color:var(--text-secondary)}.selected-field-preview code{background:var(--background);color:var(--primary);padding:2px 8px;border-radius:4px;font-family:Monaco,Menlo,monospace;font-size:12px;border:1px solid var(--border-light)}.schema-modal-footer{display:flex;justify-content:flex-end;gap:8px;padding:12px 20px;border-top:1px solid var(--border-light);background:var(--background-secondary)}.btn-cancel,.btn-select{padding:7px 16px;border-radius:7px;border:1px solid;font-size:13px;font-weight:500;cursor:pointer;transition:all .15s}.btn-cancel{background:var(--surface);color:var(--text-secondary);border-color:var(--border)}.btn-cancel:hover{background:var(--surface-hover);color:var(--text-primary);border-color:var(--text-tertiary)}.btn-select{background:var(--primary);color:#fff;border-color:var(--primary)}.btn-select:hover:not(:disabled){filter:brightness(1.1);box-shadow:0 2px 8px rgba(var(--primary-rgb),.3)}.btn-select:disabled{opacity:.4;cursor:not-allowed;filter:none}.dr-root{display:flex;flex-direction:column}.dr-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.dr-subtitle{font-size:12px;color:var(--text-tertiary)}.dr-add-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;background:var(--primary);color:#fff;border:none;border-radius:7px;font-size:12px;font-weight:600;cursor:pointer;transition:filter .15s,box-shadow .15s;flex-shrink:0}.dr-add-btn:hover{filter:brightness(1.1);box-shadow:0 2px 8px rgba(var(--primary-rgb),.3)}.dr-add-btn i{font-size:10px}.dr-empty{display:flex;flex-direction:column;align-items:center;gap:8px;padding:24px 16px;border:1px dashed var(--border);border-radius:8px;background:var(--background);text-align:center}.dr-empty-icon{font-size:24px;color:var(--text-tertiary);opacity:.5}.dr-empty p{margin:0;font-size:13px;color:var(--text-tertiary);line-height:1.5}.dr-list{display:flex;flex-direction:column;gap:6px}.dr-card{border:1px solid var(--border-light);border-radius:9px;background:var(--background);overflow:hidden;transition:border-color .15s,box-shadow .15s}.dr-card:hover{border-color:var(--border)}.dr-card-expanded{border-color:var(--border);box-shadow:0 1px 6px #0000000f}.dr-card-header{display:flex;align-items:center;gap:8px;padding:8px 10px;cursor:pointer;background:var(--background-secondary);transition:background .12s}.dr-card-header:hover{background:var(--surface-hover)}.dr-drag-btn{display:flex;align-items:center;justify-content:center;width:26px;height:26px;border:none;border-radius:5px;background:transparent;color:var(--text-tertiary);cursor:grab;flex-shrink:0;transition:color .12s,background .12s}.dr-drag-btn:hover{background:var(--surface-hover);color:var(--text-secondary)}.dr-drag-btn i{font-size:12px}.dr-color-dot{width:14px;height:14px;border-radius:50%;flex-shrink:0;border:1px solid rgba(128,128,128,.2)}.dr-rule-name{font-size:13px;font-weight:600;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.dr-output-chip{display:inline-flex;align-items:center;padding:1px 8px;border-radius:10px;font-size:11px;font-weight:500;color:var(--primary);border:1px solid rgba(var(--primary-rgb),.3);background:rgba(var(--primary-rgb),.06);white-space:nowrap;flex-shrink:0}.dr-header-actions{display:flex;align-items:center;gap:2px;margin-left:auto;flex-shrink:0}.dr-icon-btn{display:flex;align-items:center;justify-content:center;width:26px;height:26px;border:none;border-radius:5px;background:transparent;color:var(--text-tertiary);cursor:pointer;transition:color .12s,background .12s}.dr-icon-btn:hover{background:var(--surface-hover);color:var(--text-primary)}.dr-icon-btn-danger:hover:not(:disabled){background:rgba(var(--danger-rgb, 239, 68, 68),.1);color:var(--danger)}.dr-icon-btn:disabled{opacity:.25;cursor:default}.dr-icon-btn i{font-size:12px}.dr-chevron{font-size:10px;color:var(--text-tertiary);transition:transform .2s ease;flex-shrink:0;margin-left:2px}.dr-chevron-open{transform:rotate(180deg)}.dr-card-body{padding:12px;border-top:1px solid var(--border-light);background:var(--surface)}.dr-fields-row{display:flex;gap:10px}.dr-field{display:flex;flex-direction:column;gap:5px}.dr-field-grow{flex:1;min-width:0}.dr-label{font-size:12px;font-weight:500;color:var(--text-secondary)}.dr-input,.dr-select{width:100%;padding:7px 10px;border:1px solid var(--border);border-radius:6px;font-size:13px;background:var(--background);color:var(--text-primary);transition:border-color .15s,box-shadow .15s;box-sizing:border-box}.dr-input:focus,.dr-select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 2px rgba(var(--primary-rgb),.12)}.dr-input:hover,.dr-select:hover{border-color:var(--text-tertiary)}.dr-input-clickable{cursor:pointer}.dr-input-clickable:hover{border-color:var(--primary)}.dr-color-select-wrap{position:relative;display:flex;align-items:center}.dr-color-preview{position:absolute;left:10px;width:14px;height:14px;border-radius:50%;border:1px solid rgba(128,128,128,.25);pointer-events:none;z-index:1}.dr-color-select-wrap .dr-select{padding-left:32px}.dr-divider{height:1px;background:var(--border-light);margin:12px 0}.dr-conditions-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.dr-conditions-title{font-size:13px;font-weight:600;color:var(--text-primary)}.dr-add-condition-btn{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;background:transparent;color:var(--primary);border:none;border-radius:5px;font-size:12px;font-weight:600;cursor:pointer;transition:background .12s}.dr-add-condition-btn:hover{background:rgba(var(--primary-rgb),.08)}.dr-add-condition-btn i{font-size:10px}.dr-conditions{display:flex;flex-direction:column;gap:4px}.dr-condition-row{display:flex;flex-direction:column}.dr-logic-row{display:flex;align-items:center;justify-content:center;padding:4px 0}.dr-logic-select{padding:2px 8px;border:1px solid var(--border);border-radius:4px;font-size:11px;font-weight:600;color:var(--text-secondary);background:var(--background);cursor:pointer;text-align:center}.dr-logic-select:focus{outline:none;border-color:var(--primary)}.dr-condition-block{display:flex;flex-direction:column;gap:0;padding:8px 10px;border:1px solid var(--border-light);border-radius:7px;background:var(--background)}.dr-cond-line{display:flex;align-items:center;gap:6px}.dr-select-source{width:auto;min-width:90px;padding:5px 6px;font-size:12px;flex-shrink:0}.dr-cond-input-area{flex:1;min-width:0;display:flex;align-items:center;gap:4px}.dr-cond-input-area .dr-input-full{width:100%}.dr-cond-divider{display:flex;align-items:center;gap:8px;margin:6px 0}.dr-cond-divider-line{flex:1;height:1px;background:var(--border-light)}.dr-select-op{width:auto;min-width:70px;padding:3px 8px;font-size:11px;font-weight:600;text-align:center;border-radius:10px;background:var(--background-secondary);flex-shrink:0}.dr-inline-schema{width:auto;min-width:80px;max-width:130px;padding:5px 6px;font-size:12px;flex-shrink:0}.dr-field-display{flex:1;min-width:0;display:flex;align-items:center;gap:6px;padding:5px 8px;border:1px solid var(--border);border-radius:6px;background:var(--background);font-size:12px;min-height:30px}.dr-field-clickable{cursor:pointer;transition:border-color .12s}.dr-field-clickable:hover{border-color:var(--primary)}.dr-field-path-text{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--primary);font-family:monospace;font-size:12px}.dr-field-path-placeholder{flex:1;color:var(--text-tertiary);font-size:12px}.dr-field-browse-icon{font-size:10px;color:var(--text-tertiary);flex-shrink:0}.dr-field-clickable:hover .dr-field-browse-icon{color:var(--primary)}.dr-cond-no-value{font-size:11px;color:var(--text-tertiary);font-style:italic;padding:6px 0}.bf-root{display:flex;flex-direction:column;gap:0}.bf-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.bf-title{font-size:14px;font-weight:600;color:var(--text-primary)}.bf-add-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;background:var(--primary);color:#fff;border:none;border-radius:7px;font-size:12px;font-weight:600;cursor:pointer;transition:filter .15s,box-shadow .15s}.bf-add-btn:hover{filter:brightness(1.1);box-shadow:0 2px 8px rgba(var(--primary-rgb),.3)}.bf-add-btn i{font-size:10px}.bf-empty{display:flex;flex-direction:column;align-items:center;gap:8px;padding:24px 16px;border:1px dashed var(--border);border-radius:8px;background:var(--background);text-align:center}.bf-empty-icon{font-size:24px;color:var(--text-tertiary);opacity:.5}.bf-empty p{margin:0;font-size:13px;color:var(--text-tertiary);line-height:1.5}.bf-list{display:flex;flex-direction:column;gap:6px}.bf-card{border:1px solid var(--border-light);border-radius:9px;background:var(--background);overflow:hidden;transition:border-color .15s ease,box-shadow .15s ease}.bf-card:hover{border-color:var(--border)}.bf-card-expanded{border-color:var(--border);box-shadow:0 1px 6px #0000000f}.bf-card-header{display:flex;align-items:center;gap:8px;padding:8px 10px;cursor:pointer;background:var(--background-secondary);transition:background .12s ease}.bf-card-header:hover{background:var(--surface-hover)}.bf-drag-btn{display:flex;align-items:center;justify-content:center;width:26px;height:26px;border:none;border-radius:5px;background:transparent;color:var(--text-tertiary);cursor:grab;transition:color .12s,background .12s;flex-shrink:0}.bf-drag-btn:hover:not(:disabled){background:var(--surface-hover);color:var(--text-secondary)}.bf-drag-btn:disabled{opacity:.3;cursor:default}.bf-drag-btn i{font-size:12px}.bf-color-chip{display:inline-flex;align-items:center;padding:2px 10px;border-radius:12px;font-size:11px;font-weight:600;color:#fff;white-space:nowrap;flex-shrink:0;line-height:1.6;letter-spacing:.2px}.bf-branch-name{flex:1;font-size:13px;font-weight:500;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.bf-output-label{font-size:11px;color:var(--text-tertiary);white-space:nowrap;flex-shrink:0}.bf-delete-btn{display:flex;align-items:center;justify-content:center;width:26px;height:26px;border:none;border-radius:5px;background:transparent;color:var(--text-tertiary);cursor:pointer;transition:color .12s,background .12s;flex-shrink:0}.bf-delete-btn:hover:not(:disabled){background:rgba(var(--danger-rgb, 239, 68, 68),.1);color:var(--danger)}.bf-delete-btn:disabled{opacity:.25;cursor:default}.bf-delete-btn i{font-size:12px}.bf-chevron{font-size:10px;color:var(--text-tertiary);transition:transform .2s ease;flex-shrink:0;margin-left:2px}.bf-chevron-open{transform:rotate(180deg)}.bf-card-body{padding:12px;border-top:1px solid var(--border-light);background:var(--surface)}.bf-fields{display:flex;gap:10px}.bf-field{display:flex;flex-direction:column;gap:5px}.bf-field-name{flex:2}.bf-field-color{flex:1;min-width:120px}.bf-label{font-size:12px;font-weight:500;color:var(--text-secondary)}.bf-req{color:var(--danger)}.bf-input,.bf-select{width:100%;padding:7px 10px;border:1px solid var(--border);border-radius:6px;font-size:13px;background:var(--background);color:var(--text-primary);transition:border-color .15s,box-shadow .15s;box-sizing:border-box}.bf-input:focus,.bf-select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 2px rgba(var(--primary-rgb),.12)}.bf-input:hover,.bf-select:hover{border-color:var(--text-tertiary)}.bf-color-select-wrap{position:relative;display:flex;align-items:center}.bf-color-dot{position:absolute;left:10px;width:14px;height:14px;border-radius:50%;border:1px solid rgba(128,128,128,.25);pointer-events:none;z-index:1}.bf-color-select-wrap .bf-select{padding-left:32px}.bf-info-box{display:flex;align-items:flex-start;gap:8px;margin-top:10px;padding:9px 12px;border-radius:7px;background:rgba(var(--info-rgb, 59, 130, 246),.08);border:1px solid rgba(var(--info-rgb, 59, 130, 246),.15)}.bf-info-box i{color:var(--info);font-size:12px;margin-top:2px;flex-shrink:0}.bf-info-box span{font-size:12px;line-height:1.5;color:var(--text-secondary)}.bf-note{display:flex;align-items:flex-start;gap:8px;margin-top:10px;padding:9px 12px;border-radius:7px;background:rgba(var(--warning-rgb, 245, 158, 11),.08);border:1px solid rgba(var(--warning-rgb, 245, 158, 11),.15)}.bf-note i{color:var(--warning);font-size:12px;margin-top:2px;flex-shrink:0}.bf-note span{font-size:12px;line-height:1.5;color:var(--text-secondary)}.vr-root{display:flex;flex-direction:column}.vr-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.vr-subtitle{font-size:12px;color:var(--text-tertiary)}.vr-add-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;background:var(--primary);color:#fff;border:none;border-radius:7px;font-size:12px;font-weight:600;cursor:pointer;transition:filter .15s,box-shadow .15s;flex-shrink:0}.vr-add-btn:hover{filter:brightness(1.1);box-shadow:0 2px 8px rgba(var(--primary-rgb),.3)}.vr-add-btn i{font-size:10px}.vr-empty{display:flex;flex-direction:column;align-items:center;gap:8px;padding:24px 16px;border:1px dashed var(--border);border-radius:8px;background:var(--background);text-align:center}.vr-empty-icon{font-size:24px;color:var(--success);opacity:.5}.vr-empty p{margin:0;font-size:13px;color:var(--text-tertiary);line-height:1.5}.vr-list{display:flex;flex-direction:column;gap:6px}.vr-rule-wrapper{display:flex;flex-direction:column}.vr-rules-logic-row{display:flex;align-items:center;gap:10px;padding:4px 0}.vr-rules-logic-line{flex:1;height:2px;background:var(--border)}.vr-rules-logic-select{padding:4px 16px;border:1.5px solid var(--primary);border-radius:12px;font-size:12px;font-weight:700;color:var(--primary);background:rgba(var(--primary-rgb),.08);cursor:pointer;text-align:center;letter-spacing:.5px;flex-shrink:0}.vr-rules-logic-select:focus{outline:none;box-shadow:0 0 0 2px rgba(var(--primary-rgb),.2)}.vr-rules-logic-select:hover{background:rgba(var(--primary-rgb),.15)}.vr-card{border:1px solid var(--border-light);border-radius:9px;background:var(--background);overflow:hidden;transition:border-color .15s,box-shadow .15s}.vr-card:hover{border-color:var(--border)}.vr-card-expanded{border-color:var(--border);box-shadow:0 1px 6px #0000000f}.vr-card-header{display:flex;align-items:center;gap:8px;padding:8px 10px;cursor:pointer;background:var(--background-secondary);transition:background .12s}.vr-card-header:hover{background:var(--surface-hover)}.vr-rule-icon{display:flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:6px;background:#43a0471a;color:#43a047;font-size:12px;flex-shrink:0}.vr-rule-name{font-size:13px;font-weight:600;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.vr-cond-count{display:inline-flex;align-items:center;padding:1px 8px;border-radius:10px;font-size:11px;font-weight:500;color:var(--text-secondary);border:1px solid var(--border);background:var(--background);white-space:nowrap;flex-shrink:0}.vr-header-actions{display:flex;align-items:center;gap:2px;margin-left:auto;flex-shrink:0}.vr-icon-btn{display:flex;align-items:center;justify-content:center;width:26px;height:26px;border:none;border-radius:5px;background:transparent;color:var(--text-tertiary);cursor:pointer;transition:color .12s,background .12s}.vr-icon-btn:hover{background:var(--surface-hover);color:var(--text-primary)}.vr-icon-btn-danger:hover:not(:disabled){background:rgba(var(--danger-rgb, 239, 68, 68),.1);color:var(--danger)}.vr-icon-btn:disabled{opacity:.25;cursor:default}.vr-icon-btn i{font-size:12px}.vr-chevron{font-size:10px;color:var(--text-tertiary);transition:transform .2s ease;flex-shrink:0;margin-left:2px}.vr-chevron-open{transform:rotate(180deg)}.vr-card-body{padding:12px;border-top:1px solid var(--border-light);background:var(--surface)}.vr-field{display:flex;flex-direction:column;gap:5px}.vr-label{font-size:12px;font-weight:500;color:var(--text-secondary)}.vr-input,.vr-select{width:100%;padding:7px 10px;border:1px solid var(--border);border-radius:6px;font-size:13px;background:var(--background);color:var(--text-primary);transition:border-color .15s,box-shadow .15s;box-sizing:border-box}.vr-input:focus,.vr-select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 2px rgba(var(--primary-rgb),.12)}.vr-input:hover,.vr-select:hover{border-color:var(--text-tertiary)}.vr-divider{height:1px;background:var(--border-light);margin:12px 0}.vr-groups{display:flex;flex-direction:column;gap:0}.vr-group-wrapper{display:flex;flex-direction:column}.vr-group-card{border:1px solid var(--border);border-radius:8px;background:var(--background);overflow:hidden}.vr-group-header{display:flex;align-items:center;gap:8px;padding:6px 10px;background:var(--background-secondary);border-bottom:1px solid var(--border-light)}.vr-group-title{font-size:11px;font-weight:700;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.vr-group-logic-badge{display:inline-flex;align-items:center;gap:4px;font-size:11px;color:var(--text-tertiary)}.vr-group-inner-logic{padding:1px 6px;border:1px solid var(--border);border-radius:4px;font-size:11px;font-weight:600;color:var(--primary);background:var(--background);cursor:pointer}.vr-group-inner-logic:focus{outline:none;border-color:var(--primary)}.vr-group-actions{display:flex;align-items:center;gap:4px;margin-left:auto}.vr-group-logic-row{display:flex;align-items:center;gap:8px;padding:6px 0}.vr-group-logic-line{flex:1;height:1px;background:var(--border)}.vr-group-logic-select{padding:3px 12px;border:1px solid var(--border);border-radius:10px;font-size:11px;font-weight:700;color:var(--primary);background:rgba(var(--primary-rgb),.06);cursor:pointer;text-align:center;letter-spacing:.5px}.vr-group-logic-select:focus{outline:none;border-color:var(--primary)}.vr-conditions-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.vr-conditions-title{font-size:13px;font-weight:600;color:var(--text-primary)}.vr-add-condition-btn{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;background:transparent;color:var(--primary);border:none;border-radius:5px;font-size:12px;font-weight:600;cursor:pointer;transition:background .12s}.vr-add-condition-btn:hover{background:rgba(var(--primary-rgb),.08)}.vr-add-condition-btn i{font-size:10px}.vr-conditions{display:flex;flex-direction:column;gap:4px;padding:8px 10px}.vr-condition-row{display:flex;flex-direction:column}.vr-logic-row{display:flex;align-items:center;justify-content:center;padding:4px 0}.vr-logic-label{padding:2px 10px;border-radius:4px;font-size:10px;font-weight:700;color:var(--text-tertiary);background:var(--background-secondary);text-transform:uppercase;letter-spacing:.5px}.vr-condition-block{display:flex;flex-direction:column;gap:0;padding:8px 10px;border:1px solid var(--border-light);border-radius:7px;background:var(--background)}.vr-cond-line{display:flex;align-items:center;gap:6px}.vr-cond-label{font-size:11px;font-weight:600;color:var(--text-tertiary);min-width:36px;text-transform:uppercase;letter-spacing:.5px;flex-shrink:0}.vr-cond-input-area{flex:1;min-width:0;display:flex;align-items:center;gap:4px}.vr-cond-input-area .vr-input-full{width:100%}.vr-cond-divider{display:flex;align-items:center;gap:8px;margin:6px 0}.vr-cond-divider-line{flex:1;height:1px;background:var(--border-light)}.vr-select-op{width:auto;min-width:70px;padding:3px 8px;font-size:11px;font-weight:600;text-align:center;border-radius:10px;background:var(--background-secondary);flex-shrink:0}.vr-select-source{width:auto;min-width:90px;padding:5px 6px;font-size:12px;flex-shrink:0}.vr-field-display{flex:1;min-width:0;display:flex;align-items:center;gap:6px;padding:5px 8px;border:1px solid var(--border);border-radius:6px;background:var(--background);font-size:12px;min-height:30px}.vr-field-clickable{cursor:pointer;transition:border-color .12s}.vr-field-clickable:hover{border-color:var(--primary)}.vr-field-path-text{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--primary);font-family:monospace;font-size:12px}.vr-field-path-placeholder{flex:1;color:var(--text-tertiary);font-size:12px}.vr-field-browse-icon{font-size:10px;color:var(--text-tertiary);flex-shrink:0}.vr-field-clickable:hover .vr-field-browse-icon{color:var(--primary)}.vr-cond-no-value{font-size:11px;color:var(--text-tertiary);font-style:italic;padding:6px 0}.pe-root{width:100%;height:100%;background:var(--surface);border-right:1px solid var(--border);display:flex;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.pe-header{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;border-bottom:1px solid var(--border);background:var(--surface);flex-shrink:0}.pe-title{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:var(--text-primary);margin:0}.pe-title i{color:var(--primary);font-size:15px}.pe-header-actions{display:flex;align-items:center;gap:4px}.pe-create-btn{background:var(--primary-gradient);color:#fff;border:none;padding:0;border-radius:5px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:12px;width:28px;height:28px;transition:opacity .15s}.pe-create-btn:hover:not(:disabled){opacity:.88}.pe-create-btn:disabled{opacity:.5;cursor:not-allowed}.pe-close-btn{background:none;border:none;color:var(--text-tertiary);cursor:pointer;padding:0;border-radius:5px;display:flex;align-items:center;justify-content:center;width:28px;height:28px;font-size:14px;transition:color .15s}.pe-close-btn:hover{color:var(--text-primary)}.pe-search{padding:8px 12px;border-bottom:1px solid var(--border-light);flex-shrink:0}.pe-search-wrap{position:relative;display:flex;align-items:center}.pe-search-icon{position:absolute;left:10px;color:var(--text-tertiary);font-size:12px;z-index:1;pointer-events:none}.pe-search-input{width:100%;padding:6px 28px 6px 30px;border:1px solid var(--border);border-radius:6px;font-size:13px;background:var(--background);color:var(--text-primary);transition:border-color .15s;box-sizing:border-box}.pe-search-input::placeholder{color:var(--text-tertiary)}.pe-search-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 2px rgba(var(--primary-rgb),.1)}.pe-clear-search{position:absolute;right:6px;background:none;border:none;color:var(--text-tertiary);cursor:pointer;padding:2px;border-radius:3px;font-size:11px;transition:color .15s}.pe-clear-search:hover{color:var(--text-primary)}.pe-content{flex:1;overflow:auto;padding:4px 0;min-height:0}.pe-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;text-align:center}.pe-spinner{width:28px;height:28px;border:3px solid var(--border);border-top-color:var(--primary);border-radius:50%;animation:pe-spin .8s linear infinite;margin-bottom:12px}@keyframes pe-spin{to{transform:rotate(360deg)}}.pe-loading p{color:var(--text-secondary);font-size:13px;margin:0}.pe-error{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px 20px;text-align:center}.pe-error-icon{width:40px;height:40px;border-radius:10px;background:#ef444414;display:flex;align-items:center;justify-content:center;margin-bottom:12px}.pe-error-icon i{color:var(--danger);font-size:16px}.pe-error h4{font-size:14px;font-weight:600;color:var(--text-primary);margin:0 0 6px}.pe-error p{color:var(--text-secondary);font-size:13px;margin:0 0 12px}.pe-retry-btn{background:var(--primary-gradient);color:#fff;border:none;padding:6px 14px;border-radius:5px;font-size:13px;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:6px;transition:opacity .15s}.pe-retry-btn:hover{opacity:.88}.pe-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px 20px;text-align:center}.pe-empty-icon{width:40px;height:40px;border-radius:10px;background:var(--background-secondary);display:flex;align-items:center;justify-content:center;margin-bottom:12px}.pe-empty-icon i{color:var(--text-tertiary);font-size:16px}.pe-empty h4{font-size:14px;font-weight:600;color:var(--text-primary);margin:0 0 4px}.pe-empty p{color:var(--text-tertiary);font-size:13px;margin:0}.pe-tree{padding:0}.pe-node-row{display:flex;align-items:center;padding:4px 10px;margin:0 6px;border-radius:5px;cursor:pointer;transition:background .12s;position:relative;min-height:28px;box-sizing:border-box}.pe-node-row:hover{background:var(--surface-hover)}.pe-node-row.company{font-weight:600;color:var(--text-primary)}.pe-node-row.project{font-weight:500;color:var(--text-primary)}.pe-node-row.folder{font-weight:500;color:var(--text-secondary)}.pe-expand{display:flex;align-items:center;justify-content:center;width:14px;height:14px;margin-right:4px;transition:transform .15s;color:var(--text-tertiary);flex-shrink:0}.pe-expand.expanded{transform:rotate(90deg)}.pe-expand i{font-size:9px}.pe-icon{display:flex;align-items:center;justify-content:center;width:18px;height:18px;margin-right:7px;flex-shrink:0;font-size:13px}.pe-node-row.company .pe-icon i{color:var(--primary)}.pe-node-row.project .pe-icon i{color:var(--warning)}.pe-node-row.folder .pe-icon i{color:var(--text-tertiary)}.pe-node-row.flow .pe-icon i{color:var(--success)}.pe-node-row.schema .pe-icon i{color:var(--warning)}.pe-node-row.mapping .pe-icon i{color:#ec4899}.pe-node-row.xslt .pe-icon i{color:#8b5cf6}.pe-node-row.ediSchema .pe-icon i{color:var(--info)}.pe-node-row.crossRefTable .pe-icon i{color:var(--text-secondary)}.pe-name{flex:1;font-size:13px;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pe-count{background:var(--background-secondary);color:var(--text-tertiary);font-size:10px;font-weight:600;padding:1px 6px;border-radius:8px;margin-left:6px;min-width:14px;text-align:center;flex-shrink:0}.pe-node-row.company .pe-count{background:rgba(var(--primary-rgb),.1);color:var(--primary)}.pe-add-btn,.pe-copy-btn,.pe-del-btn{background:none;border:none;font-size:11px;padding:2px;border-radius:3px;cursor:pointer;opacity:0;transition:all .12s;margin-left:2px;display:flex;align-items:center;justify-content:center;width:20px;height:20px;flex-shrink:0}.pe-node-row:hover .pe-add-btn,.pe-node-row:hover .pe-copy-btn,.pe-node-row:hover .pe-del-btn{opacity:1}.pe-add-btn{color:var(--text-tertiary)}.pe-add-btn:hover{color:var(--primary);background:rgba(var(--primary-rgb),.1)}.pe-copy-btn{color:var(--text-tertiary)}.pe-copy-btn:hover{color:var(--info, var(--primary));background:rgba(var(--primary-rgb),.1)}.pe-del-btn{color:var(--text-tertiary)}.pe-del-btn:hover{color:var(--danger);background:#ef444414}.pe-children{margin-left:0}.pe-footer{padding:8px 14px;border-top:1px solid var(--border-light);background:var(--surface);flex-shrink:0}.pe-footer-stats{display:flex;align-items:center;justify-content:center;font-size:11px;color:var(--text-tertiary);font-weight:500}.pe-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:1000}.pe-modal{background:var(--surface);border-radius:10px;box-shadow:0 8px 32px #00000026;width:420px;max-width:90vw;max-height:80vh;display:flex;flex-direction:column;overflow:hidden}.pe-modal-header{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border-bottom:1px solid var(--border)}.pe-modal-header h4{margin:0;font-size:15px;font-weight:600;color:var(--text-primary);display:flex;align-items:center;gap:8px}.pe-modal-header h4 i{color:var(--primary)}.pe-modal-close{background:none;border:none;color:var(--text-tertiary);cursor:pointer;padding:4px;border-radius:4px;font-size:14px;transition:color .15s}.pe-modal-close:hover{color:var(--text-primary)}.pe-modal-body{padding:16px 18px;overflow-y:auto;display:flex;flex-direction:column;gap:14px}.pe-modal-error{padding:8px 12px;background:#ef44440f;border:1px solid rgba(239,68,68,.15);border-radius:6px;color:var(--danger);font-size:13px;display:flex;align-items:center;gap:6px}.pe-form-group{display:flex;flex-direction:column;gap:5px}.pe-form-label{font-size:13px;font-weight:500;color:var(--text-primary)}.pe-form-label .pe-required{color:var(--danger);margin-left:2px}.pe-form-input,.pe-form-textarea,.pe-form-select{padding:8px 12px;border:1px solid var(--border);border-radius:6px;font-size:13px;background:var(--surface);color:var(--text-primary);transition:border-color .15s;box-sizing:border-box;width:100%}.pe-form-input:focus,.pe-form-textarea:focus,.pe-form-select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 2px rgba(var(--primary-rgb),.1)}.pe-form-textarea{resize:vertical;min-height:64px;font-family:inherit}.pe-modal-footer{display:flex;justify-content:flex-end;gap:8px;padding:12px 18px;border-top:1px solid var(--border)}.pe-btn{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;border-radius:6px;font-size:13px;font-weight:500;border:none;cursor:pointer;transition:opacity .15s}.pe-btn-secondary{background:var(--background-secondary);color:var(--text-secondary)}.pe-btn-secondary:hover{opacity:.85}.pe-btn-primary{background:var(--primary-gradient);color:#fff}.pe-btn-primary:hover:not(:disabled){opacity:.88}.pe-btn:disabled{opacity:.5;cursor:not-allowed}.pe-content::-webkit-scrollbar{width:6px}.pe-content::-webkit-scrollbar-track{background:transparent}.pe-content::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.pe-content::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}@media (max-width: 768px){.pe-header{padding:8px 12px}.pe-search{padding:6px 10px}.pe-footer{padding:6px 12px}.pe-node-row{padding:4px 8px;margin:0 4px}.pe-title{font-size:13px}}.ai-flow-chat-panel{position:fixed;left:340px;top:80px;width:480px;max-width:90vw;height:calc(100vh - 140px);max-height:90vh;min-width:360px;min-height:400px;background:var(--surface);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--border);box-shadow:var(--shadow-hover);border-radius:16px;z-index:1000;opacity:0;visibility:hidden;transform:translate(-20px);transition:opacity .3s cubic-bezier(.4,0,.2,1),visibility .3s cubic-bezier(.4,0,.2,1),transform .3s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column}.ai-flow-chat-panel.resizing{transition:none;-webkit-user-select:none;user-select:none}.ai-flow-chat-panel.active{opacity:1;visibility:visible;transform:translate(0)}.ai-chat-header{padding:16px 20px;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;background:var(--background-secondary);border-radius:16px 16px 0 0;flex-shrink:0}.ai-chat-header h3{margin:0;font-size:15px;font-weight:600;color:var(--text-primary);display:flex;align-items:center;gap:10px}.ai-chat-header h3 .fas{color:var(--primary);font-size:16px}.ai-chat-header h3:before{content:none}.ai-chat-close{all:unset;box-sizing:border-box;font-family:inherit;background:var(--background-tertiary);border:1px solid var(--border);cursor:pointer;font-size:13px;color:var(--text-secondary);width:30px;height:30px;border-radius:8px;display:flex;align-items:center;justify-content:center;transition:all .15s ease}.ai-chat-close:hover{background:var(--danger);color:#fff;border-color:var(--danger)}.ai-chat-clear{all:unset;box-sizing:border-box;font-family:inherit;background:var(--background-tertiary);border:1px solid var(--border);cursor:pointer;font-size:13px;color:var(--text-secondary);width:30px;height:30px;border-radius:8px;display:flex;align-items:center;justify-content:center;transition:all .15s ease}.ai-chat-clear:hover:not(:disabled){background:var(--danger);color:#fff;border-color:var(--danger)}.ai-chat-clear:disabled{opacity:.35;cursor:not-allowed}.ai-chat-content{display:flex;flex-direction:column;flex:1;overflow:hidden}.ai-chat-messages{flex:1;overflow-y:auto;padding:20px;display:flex;flex-direction:column;gap:16px;scrollbar-width:thin;scrollbar-color:var(--border) transparent}.ai-chat-messages::-webkit-scrollbar{width:5px}.ai-chat-messages::-webkit-scrollbar-track{background:transparent}.ai-chat-messages::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.ai-chat-messages::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}.ai-message{max-width:90%;min-width:0;align-self:flex-start}.user-message{max-width:85%;align-self:flex-end}.ai-message-content{display:flex;gap:12px;padding:14px 16px;background:var(--background-secondary);border-radius:14px 14px 14px 4px;border:1px solid var(--border-light);min-width:0;overflow:hidden}.ai-message.error .ai-message-content{background:#ef444414;border-color:#ef444433}.user-message-content{padding:12px 16px;background:var(--primary-gradient);color:#fff;border:none;border-radius:14px 14px 4px;font-weight:500;white-space:pre-wrap;font-size:14px;line-height:1.5}.ai-icon{width:22px;height:22px;color:var(--primary);flex-shrink:0;margin-top:1px}.ai-text{flex:1;min-width:0;color:var(--text-primary);line-height:1.6;font-size:14px;overflow-wrap:break-word;word-break:break-word}.ai-content p{margin:0 0 8px;white-space:pre-wrap;overflow-wrap:break-word;word-break:break-word}.ai-content p:last-child{margin-bottom:0}.ai-content strong{font-weight:600;color:var(--text-primary)}.ai-content code{background:var(--background-tertiary);padding:2px 6px;border-radius:4px;font-size:12px;color:var(--primary);word-break:break-all}.ai-content pre{background:var(--background-tertiary);border:1px solid var(--border);border-radius:8px;padding:12px;margin:8px 0;overflow-x:auto;max-height:300px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--border) transparent}.ai-content pre code{background:none;padding:0;border-radius:0;color:var(--text-primary);font-size:12px;line-height:1.5;word-break:normal;white-space:pre}.ai-content li{margin-bottom:6px;line-height:1.5}.flow-preview{margin-top:12px;background:var(--surface);border:1px solid var(--border);border-radius:10px;overflow:hidden}.flow-preview-header{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;background:var(--background-secondary);border-bottom:1px solid var(--border)}.flow-preview-title{font-weight:600;color:var(--text-primary);font-size:13px}.flow-preview-actions{display:flex;gap:8px}.btn-apply-flow,.btn-preview-flow{all:unset;box-sizing:border-box;font-family:inherit;padding:5px 10px;border-radius:6px;font-size:12px;font-weight:500;cursor:pointer;transition:all .15s ease;display:flex;align-items:center;justify-content:center}.btn-apply-flow{background:var(--success);color:#fff;border:none}.btn-apply-flow:hover{filter:brightness(.9)}.btn-preview-flow{background:var(--background-tertiary);color:var(--text-secondary);border:1px solid var(--border)}.btn-preview-flow:hover{background:var(--surface-hover);color:var(--text-primary)}.flow-preview-content{padding:12px 14px;font-size:13px;color:var(--text-secondary);line-height:1.6}.flow-preview-content strong{color:var(--text-primary)}.ai-chat-input-container{padding:16px 20px;border-top:1px solid var(--border);background:var(--background-secondary);border-radius:0 0 16px 16px;flex-shrink:0}.ai-chat-input-wrapper{display:flex;gap:10px;align-items:flex-end}.ai-chat-input-wrapper textarea{flex:1;border:1px solid var(--border);border-radius:10px;padding:10px 14px;font-size:14px;font-family:inherit;background:var(--surface);color:var(--text-primary);resize:none;transition:all .15s ease;outline:none;min-height:44px;line-height:1.5}.ai-chat-input-wrapper textarea::placeholder{color:var(--text-tertiary)}.ai-chat-input-wrapper textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px rgba(var(--primary-rgb),.12)}.ai-chat-input-wrapper textarea:disabled{opacity:.5;cursor:not-allowed}.ai-chat-send-btn{all:unset;box-sizing:border-box;font-family:inherit;background:var(--primary-gradient);color:#fff;width:44px;height:44px;border-radius:10px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s ease;flex-shrink:0;font-size:15px}.ai-chat-send-btn:hover:not(:disabled){filter:brightness(1.1);transform:scale(1.05)}.ai-chat-send-btn:disabled{opacity:.4;cursor:not-allowed;background:var(--text-tertiary);transform:none}.ai-chat-stop-btn{background:var(--danger)!important;animation:ai-stop-pulse 1.5s ease-in-out infinite}.ai-chat-stop-btn:hover{filter:brightness(1.1)}@keyframes ai-stop-pulse{0%,to{opacity:1}50%{opacity:.7}}.ai-chat-status{display:flex;align-items:center;gap:6px;margin-top:10px;font-size:12px;color:var(--text-tertiary)}.ai-flow-chat-panel span.ai-status-indicator,.ai-flow-chat-panel span.ai-status-indicator.loading,.ai-flow-chat-panel span.ai-status-indicator.error,div.ai-chat-status span.ai-status-indicator,div.ai-chat-status span.ai-status-indicator.loading,div.ai-chat-status span.ai-status-indicator.error{width:6px!important;height:6px!important;min-width:6px!important;min-height:6px!important;max-width:6px!important;max-height:6px!important;border-radius:50%!important;flex-shrink:0!important;flex-grow:0!important;flex-basis:6px!important;display:inline-block!important;box-sizing:border-box!important;overflow:hidden!important;font-size:0!important;line-height:0!important;position:static!important;transform:none!important;transition:none!important;animation:none!important;background:var(--success)!important;margin:0!important;padding:0!important;border:none!important;outline:none!important;text-indent:-9999px!important;vertical-align:baseline!important;align-items:normal!important;justify-content:normal!important}.ai-flow-chat-panel span.ai-status-indicator.loading,div.ai-chat-status span.ai-status-indicator.loading{background:var(--warning)!important;animation:ai-status-simple-pulse 1.5s infinite!important}.ai-flow-chat-panel span.ai-status-indicator.error,div.ai-chat-status span.ai-status-indicator.error{background:var(--danger)!important;animation:none!important}@keyframes ai-status-simple-pulse{0%{opacity:1}50%{opacity:.4}to{opacity:1}}.ai-chat-header-actions{display:flex;align-items:center;gap:8px}.ai-chat-auto-toggle{all:unset;box-sizing:border-box;font-family:inherit;display:flex;align-items:center;gap:5px;padding:4px 10px;border-radius:6px;font-size:11px;font-weight:600;cursor:pointer;transition:all .15s ease;background:var(--background-tertiary);border:1px solid var(--border);color:var(--text-secondary)}.ai-chat-auto-toggle:hover{border-color:var(--primary);color:var(--primary)}.ai-chat-auto-toggle.active{background:rgba(var(--primary-rgb),.15);border-color:var(--primary);color:var(--primary)}.ai-chat-auto-toggle i{font-size:10px}.approval-cards{margin-top:12px;display:flex;flex-direction:column;gap:8px}.approval-card{background:var(--surface);border:1px solid var(--warning);border-radius:10px;overflow:hidden}.approval-card-header{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background:#f59e0b14;border-bottom:1px solid var(--border-light)}.approval-tool-name{font-weight:600;font-size:13px;color:var(--text-primary);display:flex;align-items:center;gap:6px}.approval-tool-name .fas{color:var(--warning);font-size:12px}.approval-status{font-size:11px;font-weight:500;color:var(--warning);background:#f59e0b1f;padding:2px 8px;border-radius:4px}.approval-card-body{padding:8px 12px;font-size:12px;color:var(--text-secondary);word-break:break-all}.approval-card-actions{display:flex;gap:6px;padding:8px 12px;border-top:1px solid var(--border-light)}.btn-approve,.btn-deny{all:unset;box-sizing:border-box;font-family:inherit;padding:5px 12px;border-radius:6px;font-size:12px;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:5px;transition:all .15s ease}.btn-approve{background:var(--success);color:#fff}.btn-approve:hover{filter:brightness(.9)}.btn-deny{background:var(--background-tertiary);color:var(--text-secondary);border:1px solid var(--border)}.btn-deny:hover{background:var(--danger);color:#fff;border-color:var(--danger)}.ai-chat-resize-handle{position:absolute;z-index:10}.ai-chat-resize-handle.right{top:16px;right:-4px;width:8px;height:calc(100% - 32px);cursor:ew-resize}.ai-chat-resize-handle.bottom{bottom:-4px;left:16px;width:calc(100% - 32px);height:8px;cursor:ns-resize}.ai-chat-resize-handle.corner{bottom:0;right:0;width:20px;height:20px;cursor:nwse-resize;border-radius:0 0 14px}.ai-chat-resize-handle.corner:after{content:"";position:absolute;bottom:4px;right:4px;width:8px;height:8px;border-right:2px solid var(--text-tertiary);border-bottom:2px solid var(--text-tertiary);opacity:.5}.ai-chat-resize-handle:hover:after,.ai-chat-resize-handle:active:after{opacity:1;border-color:var(--primary)}@media (max-width: 768px){.ai-flow-chat-panel{width:calc(100vw - 16px);left:8px;top:8px;height:calc(100vh - 16px);max-height:none;border-radius:12px}.ai-chat-header{padding:12px 16px;border-radius:12px 12px 0 0}.ai-chat-messages{padding:14px;gap:12px}.ai-chat-input-container{padding:12px;border-radius:0 0 12px 12px}}@media (prefers-reduced-motion: reduce){.ai-flow-chat-panel,.ai-chat-close,.ai-chat-clear,.ai-chat-send-btn,.btn-apply-flow,.btn-preview-flow{transition:none}.ai-loading-dot,.ai-status-indicator.loading{animation:none}}.sc-root{width:100%;height:100vh;background:var(--background);display:flex;flex-direction:column;overflow:hidden}.sc-header{padding:14px 24px;border-bottom:1px solid var(--border);background:var(--surface);flex-shrink:0;display:flex;align-items:center;justify-content:space-between}.sc-header-left h2{margin:0;font-size:17px;font-weight:600;color:var(--text-primary)}.sc-header-left .sc-subtitle{margin:2px 0 0;font-size:12px;color:var(--text-tertiary)}.sc-header-actions{display:flex;gap:8px;align-items:center}.sc-btn-cancel{background:var(--surface);color:var(--text-secondary);border:1px solid var(--border);padding:7px 16px;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:all .15s}.sc-btn-cancel:hover{background:var(--surface-hover);color:var(--text-primary)}.sc-btn-save{background:var(--primary-gradient);color:#fff;border:none;padding:7px 16px;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:6px;transition:all .15s}.sc-btn-save:hover:not(:disabled){opacity:.88;box-shadow:0 2px 6px rgba(var(--primary-rgb),.25)}.sc-btn-save:disabled{opacity:.5;cursor:not-allowed}.sc-error{margin:8px 24px 0;padding:8px 12px;background:#dc262614;border:1px solid rgba(220,38,38,.2);border-radius:6px;color:var(--danger);display:flex;align-items:center;gap:6px;font-size:13px;flex-shrink:0}.sc-content{flex:1;overflow:auto;padding:16px 24px 24px;display:flex;flex-direction:column;gap:14px}.sc-info-bar{display:grid;grid-template-columns:1.5fr .8fr 1fr 1.5fr;gap:12px;padding:12px 16px;background:var(--surface);border:1px solid var(--border);border-radius:8px;flex-shrink:0}.sc-field{display:flex;flex-direction:column;gap:4px}.sc-field label{font-size:11px;font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.03em}.sc-field input,.sc-field select,.sc-field textarea{padding:6px 10px;border:1px solid var(--border);border-radius:5px;font-size:13px;color:var(--text-primary);background:var(--background);transition:border-color .15s}.sc-field input:focus,.sc-field select:focus,.sc-field textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 2px rgba(var(--primary-rgb),.12)}.sc-field textarea{resize:vertical;min-height:32px}.sc-field .sc-error-text{font-size:11px;color:var(--danger)}.sc-main{flex:1;min-height:0;display:flex;flex-direction:column;border:1px solid var(--border);border-radius:8px;background:var(--surface);overflow:hidden}.sc-main-header{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;border-bottom:1px solid var(--border);background:var(--background);flex-shrink:0}.sc-main-header h3{margin:0;font-size:14px;font-weight:600;color:var(--text-primary);display:flex;align-items:center;gap:8px}.sc-main-header h3 i{color:var(--primary);font-size:13px}.sc-main-header p{margin:0;font-size:12px;color:var(--text-tertiary)}.sc-editor{flex:1;display:grid;grid-template-columns:1fr 1fr;min-height:0;overflow:hidden}.sc-tree-panel{display:flex;flex-direction:column;border-right:1px solid var(--border);min-height:0}.sc-panel-head{display:flex;align-items:center;justify-content:space-between;padding:8px 14px;border-bottom:1px solid var(--border-light);background:var(--background-secondary);flex-shrink:0}.sc-panel-head h4{margin:0;font-size:12px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.03em}.sc-btn-add{background:var(--primary-gradient);color:#fff;border:none;padding:4px 10px;border-radius:4px;font-size:11px;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:4px;transition:all .15s}.sc-btn-add:hover{opacity:.88}.sc-tree-body{flex:1;overflow-y:auto;padding:8px}.sc-empty{text-align:center;padding:32px 16px;color:var(--text-tertiary)}.sc-empty p{margin:0 0 4px;font-size:13px;font-weight:500}.sc-empty small{font-size:12px}.sc-details-panel{display:flex;flex-direction:column;min-height:0}.sc-details-body{flex:1;overflow-y:auto}.sc-no-selection{padding:32px 16px;text-align:center;color:var(--text-tertiary);font-size:13px}.sc-field-form{padding:14px;display:flex;flex-direction:column;gap:10px}.sc-form-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.sc-form-checks{display:flex;gap:16px}.sc-check-label{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--text-secondary);cursor:pointer}.sc-check-label input[type=checkbox]{width:15px;height:15px;margin:0;accent-color:var(--primary)}.sc-constraints-section{padding-top:10px;border-top:1px solid var(--border-light);display:flex;flex-direction:column;gap:8px}.sc-constraints-header{font-size:11px;font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.03em}.sc-form-row.sc-single{grid-template-columns:1fr}.sc-form-actions{padding-top:8px;border-top:1px solid var(--border-light)}.sc-btn-delete{background:#dc262614;color:var(--danger);border:1px solid rgba(220,38,38,.2);padding:5px 12px;border-radius:5px;font-size:12px;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:5px;transition:all .15s}.sc-btn-delete:hover{background:#dc262626}.schema-field-item{margin-bottom:2px}.schema-field-header{display:flex;align-items:center;padding:6px 10px;border-radius:5px;cursor:pointer;transition:all .15s;border:1px solid transparent}.schema-field-header:hover{background:var(--surface-hover);border-color:var(--border-light)}.schema-field-header.selected{background:rgba(var(--primary-rgb),.08);border-color:rgba(var(--primary-rgb),.25)}.field-toggle{width:18px;height:18px;display:flex;align-items:center;justify-content:center;margin-right:6px;flex-shrink:0}.toggle-btn{background:none;border:none;cursor:pointer;color:var(--text-tertiary);padding:2px;border-radius:3px;font-size:10px;transition:all .15s}.toggle-btn:hover{color:var(--primary);background:rgba(var(--primary-rgb),.08)}.field-spacer{width:18px;height:18px}.field-icon{color:var(--text-tertiary);width:14px;text-align:center;margin-right:6px;font-size:11px;flex-shrink:0}.schema-field-label{flex:1;display:flex;align-items:center;gap:6px;min-width:0}.field-name{font-weight:500;color:var(--text-primary);font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.field-type{padding:1px 6px;border-radius:3px;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.02em;flex-shrink:0}.field-type-string{background:#10b9811a;color:#059669}.field-type-number,.field-type-integer{background:#3b82f61a;color:#2563eb}.field-type-boolean{background:#f59e0b1a;color:#d97706}.field-type-date,.field-type-datetime{background:#ec48991a;color:#db2777}.field-type-object{background:#6366f11a;color:#6366f1}.field-type-array{background:#7c3aed1a;color:#7c3aed}.array-indicator{font-size:.8em;margin-left:1px}.required-indicator{color:var(--danger);font-weight:700;font-size:12px}.add-child-btn{background:none;border:none;cursor:pointer;color:var(--text-tertiary);padding:3px;border-radius:3px;font-size:10px;transition:all .15s;opacity:0;flex-shrink:0}.schema-field-header:hover .add-child-btn{opacity:1}.add-child-btn:hover{color:var(--primary);background:rgba(var(--primary-rgb),.08)}.schema-field-children{margin-left:16px;border-left:1px solid var(--border-light);padding-left:4px;margin-top:2px}.sc-collapsible{border:1px solid var(--border);border-radius:8px;background:var(--surface);overflow:hidden;flex-shrink:0}.sc-collapse-header{display:flex;align-items:center;justify-content:space-between;padding:8px 14px;cursor:pointer;background:var(--background);border:none;width:100%;text-align:left;transition:background .15s}.sc-collapse-header:hover{background:var(--surface-hover)}.sc-collapse-left{display:flex;align-items:center;gap:8px}.sc-collapse-left h3{margin:0;font-size:13px;font-weight:600;color:var(--text-secondary)}.sc-collapse-left i{color:var(--text-tertiary);font-size:12px;width:14px;text-align:center}.sc-collapse-chevron{color:var(--text-tertiary);font-size:11px;transition:transform .2s}.sc-collapse-chevron.sc-open{transform:rotate(180deg)}.sc-collapse-body{padding:12px 14px;border-top:1px solid var(--border-light)}.sc-sample-grid{display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:start}.sc-sample-upload{display:flex;flex-direction:column;gap:6px}.sc-sample-upload label{font-size:11px;font-weight:600;color:var(--text-tertiary);text-transform:uppercase}.sc-sample-upload input[type=file]{font-size:12px;color:var(--text-secondary)}.sc-sample-upload small{font-size:11px;color:var(--text-tertiary)}.sc-sample-paste textarea{width:100%;padding:8px 10px;border:1px solid var(--border);border-radius:5px;font-size:12px;font-family:Monaco,Menlo,Consolas,monospace;color:var(--text-primary);background:var(--background);resize:vertical;min-height:80px;max-height:200px}.sc-sample-paste textarea:focus{outline:none;border-color:var(--primary)}.sc-detect-row{display:flex;align-items:center;gap:10px;margin-top:8px;grid-column:1 / -1}.sc-btn-detect{background:var(--primary-gradient);color:#fff;border:none;padding:6px 14px;border-radius:5px;font-size:12px;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:6px;transition:all .15s;white-space:nowrap}.sc-btn-detect:hover:not(:disabled){opacity:.88}.sc-btn-detect:disabled{opacity:.5;cursor:not-allowed}.sc-detect-error{color:var(--danger);font-size:12px}.sc-preview-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.sc-preview-box{border:1px solid var(--border-light);border-radius:6px;overflow:hidden}.sc-preview-box h4{margin:0;padding:6px 12px;background:var(--background-secondary);border-bottom:1px solid var(--border-light);font-size:11px;font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.03em}.sc-preview-box pre{margin:0;padding:10px 12px;font-family:Monaco,Menlo,Consolas,monospace;font-size:11px;line-height:1.5;color:var(--text-secondary);white-space:pre-wrap;overflow:auto;max-height:180px;background:var(--background)}.sc-spinner{width:12px;height:12px;border:2px solid rgba(255,255,255,.3);border-top:2px solid #fff;border-radius:50%;animation:sc-spin .8s linear infinite}@keyframes sc-spin{to{transform:rotate(360deg)}}@media (max-width: 900px){.sc-info-bar{grid-template-columns:1fr 1fr}.sc-editor{grid-template-columns:1fr}.sc-tree-panel{border-right:none;border-bottom:1px solid var(--border)}.sc-preview-grid{grid-template-columns:1fr}}.xslt-ai-chat-panel{position:absolute;right:0;top:0;bottom:0;width:400px;background:#f8f9fa;border-left:1px solid #dee2e6;display:flex;flex-direction:column;z-index:100;box-shadow:-2px 0 10px #0000001a;animation:slideInRight .3s ease-out}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}.xslt-ai-chat-header{padding:1rem;background:#fff;border-bottom:1px solid #dee2e6;display:flex;justify-content:space-between;align-items:center}.xslt-ai-chat-header h3{margin:0;color:#495057;font-size:1.1rem;display:flex;align-items:center;gap:.5rem}.xslt-ai-chat-header h3 i{color:#9b59b6}.xslt-ai-chat-header .close-btn{background:none;border:none;color:#6c757d;cursor:pointer;padding:.5rem;border-radius:4px;transition:all .2s}.xslt-ai-chat-header .close-btn:hover{background:#f8f9fa;color:#495057}.ai-status-warning{padding:.75rem 1rem;background:#fff3cd;color:#856404;display:flex;align-items:center;gap:.5rem;font-size:.9rem}.xslt-ai-chat-messages{flex:1;overflow-y:auto;padding:1rem;display:flex;flex-direction:column;gap:1rem}.message{display:flex;animation:fadeIn .3s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.message.user{justify-content:flex-end}.message.assistant{justify-content:flex-start}.message-content{max-width:85%;padding:.75rem 1rem;border-radius:8px;font-size:.9rem;line-height:1.5;white-space:pre-wrap}.message.user .message-content{background:#9b59b6;color:#fff}.message.assistant .message-content{background:#fff;color:#495057;border:1px solid #dee2e6}.message.error .message-content{background:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.xslt-preview{margin-top:.75rem;border:1px solid #dee2e6;border-radius:4px;overflow:hidden}.xslt-preview-header{background:#f8f9fa;padding:.5rem .75rem;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #dee2e6}.xslt-preview-header span{font-size:.85rem;color:#6c757d}.apply-btn{background:#28a745;color:#fff;border:none;padding:.25rem .75rem;border-radius:4px;font-size:.85rem;cursor:pointer;display:flex;align-items:center;gap:.25rem;transition:all .2s}.apply-btn:hover{background:#218838;transform:translateY(-1px)}.xslt-code{margin:0;padding:.75rem;background:#f6f8fa;font-family:Monaco,Consolas,monospace;font-size:.8rem;overflow-x:auto;color:#24292e;max-height:200px}.loading{padding:1rem}.loading-dots{display:flex;gap:.3rem}.loading-dots span{width:8px;height:8px;background:#6c757d;border-radius:50%;animation:bounce 1.4s infinite ease-in-out both}.loading-dots span:nth-child(1){animation-delay:-.32s}.loading-dots span:nth-child(2){animation-delay:-.16s}@keyframes bounce{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}.xslt-ai-chat-input{padding:1rem;border-top:1px solid #dee2e6;background:#fff;display:flex;gap:.5rem;align-items:flex-end}.xslt-ai-chat-input textarea{flex:1;background:#f8f9fa;border:1px solid #dee2e6;border-radius:4px;padding:.75rem;font-size:.9rem;color:#495057;resize:none;transition:all .2s}.xslt-ai-chat-input textarea:focus{outline:none;border-color:#9b59b6;box-shadow:0 0 0 2px #9b59b61a}.xslt-ai-chat-input textarea:disabled{opacity:.6;cursor:not-allowed}.xslt-ai-chat-input button{background:#9b59b6;color:#fff;border:none;padding:.75rem 1rem;border-radius:4px;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.xslt-ai-chat-input button:hover:not(:disabled){background:#8e44ad;transform:translateY(-1px)}.xslt-ai-chat-input button:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 768px){.xslt-ai-chat-panel{width:100%}}.xc-root{display:flex;flex-direction:column;height:100%;background:var(--background);overflow:hidden;position:relative}.xc-header{padding:10px 20px;background:var(--surface);border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;gap:16px;flex-shrink:0}.xc-header-left{flex:1;display:flex;align-items:center;gap:16px}.xc-header-left h2{margin:0;font-size:15px;font-weight:600;color:var(--text-primary);white-space:nowrap}.xc-header-fields{display:flex;gap:10px;align-items:center}.xc-header-fields input,.xc-header-fields select{padding:5px 10px;border:1px solid var(--border);border-radius:5px;font-size:13px;color:var(--text-primary);background:var(--background);transition:border-color .15s}.xc-header-fields input{width:180px}.xc-header-fields select{min-width:140px}.xc-header-fields input:focus,.xc-header-fields select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 2px rgba(var(--primary-rgb),.12)}.xc-header-actions{display:flex;gap:8px}.xc-btn{display:inline-flex;align-items:center;gap:5px;padding:6px 14px;border-radius:5px;font-size:13px;font-weight:500;border:none;cursor:pointer;transition:all .15s;white-space:nowrap}.xc-btn-transform{background:var(--success);color:#fff}.xc-btn-transform:hover:not(:disabled){opacity:.88}.xc-btn-ai{background:#9b59b6;color:#fff}.xc-btn-ai:hover:not(:disabled){opacity:.88}.xc-btn-save{background:var(--primary-gradient);color:#fff}.xc-btn-save:hover:not(:disabled){opacity:.88}.xc-btn:disabled{opacity:.5;cursor:not-allowed}.xc-error{margin:0 16px;padding:8px 12px;background:#dc262614;border:1px solid rgba(220,38,38,.2);border-radius:6px;color:var(--danger);display:flex;align-items:flex-start;gap:6px;font-size:13px;white-space:pre-line;line-height:1.5;flex-shrink:0}.xc-error i{margin-top:2px;flex-shrink:0}.xc-content{flex:1;display:flex;flex-direction:column;overflow:hidden;padding:12px 16px;gap:10px}.xc-templates{display:flex;align-items:center;gap:8px;padding:6px 12px;background:var(--surface);border:1px solid var(--border);border-radius:6px;flex-shrink:0}.xc-templates-label{font-size:11px;font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.03em;white-space:nowrap}.xc-tpl-btn{background:var(--background);border:1px solid var(--border);padding:4px 10px;border-radius:4px;font-size:12px;cursor:pointer;transition:all .15s;color:var(--text-secondary);display:flex;align-items:center;gap:5px}.xc-tpl-btn:hover{background:var(--surface-hover);border-color:var(--primary);color:var(--text-primary)}.xc-tpl-btn i{font-size:11px}.xc-editors{flex:1;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:10px;min-height:0}.xc-panel{display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--border);border-radius:6px;overflow:hidden}.xc-panel-xslt{grid-column:1;grid-row:span 2}.xc-panel-xml{grid-column:2;grid-row:1}.xc-panel-result{grid-column:2;grid-row:2}.xc-panel-head{padding:7px 14px;background:var(--background);border-bottom:1px solid var(--border-light);display:flex;justify-content:space-between;align-items:center;flex-shrink:0}.xc-panel-head h3{margin:0;font-size:12px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.03em;display:flex;align-items:center;gap:6px}.xc-panel-head h3 i{color:var(--text-tertiary);font-size:11px}.xc-panel-body{flex:1;display:flex;flex-direction:column;min-height:0}.syntax-editor-container{position:relative;height:100%;min-height:0}.syntax-highlight-layer{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1;overflow:auto;padding:10px 12px;font-family:JetBrains Mono,Monaco,Menlo,Consolas,monospace;font-size:12px;line-height:1.5;white-space:pre-wrap;background:var(--surface);color:var(--text-primary)}.code-editor-input{position:absolute;top:0;left:0;width:100%;height:100%;color:transparent;caret-color:var(--text-primary);background:transparent;z-index:2;resize:none;border:none;outline:none;padding:10px 12px;font-family:JetBrains Mono,Monaco,Menlo,Consolas,monospace;font-size:12px;line-height:1.5;-moz-tab-size:2;tab-size:2}.code-editor-input::selection{background:rgba(var(--primary-rgb),.15)}.xml-tag{color:#d73a49}.xml-attribute-name{color:#22863a}.xml-attribute-value{color:#e36209}.xml-text{color:var(--text-primary)}.xml-comment{color:#6a737d;font-style:italic}.xml-declaration{color:#6f42c1}.xml-cdata,.xml-entity{color:#e36209}.xc-result-body{flex:1;overflow:hidden;position:relative;min-height:0}.xc-result-output{height:100%;background:var(--surface);color:var(--text-primary);padding:10px 12px;font-family:JetBrains Mono,Monaco,Menlo,Consolas,monospace;font-size:12px;line-height:1.5;white-space:pre-wrap;overflow:auto}.xc-result-empty{height:100%;display:flex;align-items:center;justify-content:center;color:var(--text-tertiary);font-size:13px}.xc-copy-btn{background:rgba(var(--primary-rgb),.08);color:var(--primary);border:1px solid rgba(var(--primary-rgb),.2);padding:3px 8px;border-radius:4px;cursor:pointer;font-size:11px;display:flex;align-items:center;gap:4px;transition:all .15s}.xc-copy-btn:hover:not(:disabled){background:rgba(var(--primary-rgb),.15)}.xc-copy-btn:disabled{opacity:.4;cursor:not-allowed}.xc-result-actions{display:flex;align-items:center;gap:6px}.xc-preview-btn{background:rgba(var(--primary-rgb),.08);color:var(--primary);border:1px solid rgba(var(--primary-rgb),.2);padding:3px 8px;border-radius:4px;font-size:11px;cursor:pointer;display:flex;align-items:center;gap:4px;transition:all .15s ease}.xc-preview-btn:hover{background:rgba(var(--primary-rgb),.15)}.xc-preview-btn.active{background:var(--primary);color:#fff;border-color:var(--primary)}.xc-result-preview{height:100%;overflow:auto;padding:16px;background:#fff}.code-editor-input::-webkit-scrollbar,.xc-result-output::-webkit-scrollbar,.syntax-highlight-layer::-webkit-scrollbar{width:7px;height:7px}.code-editor-input::-webkit-scrollbar-track,.xc-result-output::-webkit-scrollbar-track,.syntax-highlight-layer::-webkit-scrollbar-track{background:transparent}.code-editor-input::-webkit-scrollbar-thumb,.xc-result-output::-webkit-scrollbar-thumb,.syntax-highlight-layer::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}.code-editor-input::-webkit-scrollbar-thumb:hover,.xc-result-output::-webkit-scrollbar-thumb:hover,.syntax-highlight-layer::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}@media (max-width: 1200px){.xc-editors{grid-template-columns:1fr;grid-template-rows:repeat(3,minmax(200px,1fr))}.xc-panel{grid-row:auto!important;grid-column:1!important}.xc-panel-result{grid-column:1!important;grid-row:auto!important}}@media (max-width: 768px){.xc-header{flex-direction:column;align-items:stretch;gap:10px}.xc-header-left{flex-direction:column;align-items:stretch;gap:8px}.xc-header-fields{flex-direction:column;gap:6px}.xc-header-fields input,.xc-header-fields select{width:100%}.xc-templates{flex-wrap:wrap}.xc-content{padding:10px}}.mc-root{height:100%;display:flex;flex-direction:column;background:var(--background);color:var(--text-primary);overflow:hidden}.mc-header{background:var(--surface);border-bottom:1px solid var(--border);box-shadow:var(--shadow);position:relative;z-index:10;flex-shrink:0}.mc-header-bar{padding:10px 20px;display:flex;justify-content:space-between;align-items:center}.mc-title{display:flex;align-items:center;gap:10px}.mc-icon{width:32px;height:32px;background:var(--primary-gradient);border-radius:7px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:14px}.mc-title-text h1{font-size:16px;font-weight:600;margin:0;color:var(--text-primary)}.mc-subtitle{font-size:11px;color:var(--text-tertiary);margin:1px 0 0}.mc-actions{display:flex;gap:8px}.mc-btn{display:inline-flex;align-items:center;gap:6px;padding:7px 16px;border-radius:6px;font-size:13px;font-weight:500;border:none;cursor:pointer;transition:all .15s}.mc-btn-primary{background:var(--primary-gradient);color:#fff}.mc-btn-primary:hover:not(:disabled){opacity:.88;box-shadow:0 2px 8px rgba(var(--primary-rgb),.3)}.mc-btn-primary:disabled{opacity:.45;cursor:not-allowed}.mc-btn-secondary{background:var(--surface);color:var(--text-secondary);border:1px solid var(--border)}.mc-btn-secondary:hover{background:var(--surface-hover);color:var(--text-primary)}.mc-setup{padding:8px 20px;background:var(--background-secondary);border-top:1px solid var(--border);display:flex;gap:16px;align-items:center}.mc-setup-item{display:flex;flex-direction:column;gap:3px;flex:1;max-width:260px}.mc-setup-item label{font-size:10px;font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.5px}.mc-input{padding:5px 10px;border:1px solid var(--border);border-radius:5px;background:var(--surface);color:var(--text-primary);font-size:13px;transition:border-color .15s}.mc-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 2px rgba(var(--primary-rgb),.12)}.mc-input:disabled{background:var(--background-tertiary);color:var(--text-tertiary);cursor:not-allowed}.mc-toggle{position:relative;width:38px;height:20px}.mc-toggle input{opacity:0;width:0;height:0}.mc-toggle-slider{position:absolute;cursor:pointer;top:0;right:0;bottom:0;left:0;background:var(--border);transition:.2s;border-radius:20px}.mc-toggle-slider:before{content:"";position:absolute;height:14px;width:14px;left:3px;bottom:3px;background:#fff;transition:.2s;border-radius:50%}.mc-toggle input:checked+.mc-toggle-slider{background:var(--primary-gradient)}.mc-toggle input:checked+.mc-toggle-slider:before{transform:translate(18px)}.mc-alert{margin:8px 20px;padding:8px 14px;border-radius:6px;display:flex;align-items:center;gap:8px;font-size:13px}.mc-alert-error{background:rgba(var(--danger),.08);color:var(--danger);border:1px solid rgba(var(--danger),.15)}.mc-alert-close{margin-left:auto;background:none;border:none;color:inherit;cursor:pointer;padding:2px 4px;border-radius:4px;opacity:.7;transition:opacity .15s}.mc-alert-close:hover{opacity:1}.mc-workspace{flex:1;display:flex;gap:8px;padding:8px;overflow:hidden;background:var(--background);min-height:0}.mc-panel{flex:1;background:var(--surface);border-radius:8px;box-shadow:var(--shadow);border:1px solid var(--border);display:flex;flex-direction:column;overflow:hidden;min-width:260px}.mc-panel-header{padding:8px 12px;border-bottom:1px solid var(--border);background:var(--background-secondary);flex-shrink:0}.mc-panel-title{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:var(--text-primary)}.mc-panel-title i{color:var(--primary);font-size:12px}.mc-selector{padding:6px 10px;border-bottom:1px solid var(--border);flex-shrink:0}.mc-select{width:100%;padding:5px 8px;border:1px solid var(--border);border-radius:4px;background:var(--surface);color:var(--text-primary);font-size:12px;cursor:pointer;transition:border-color .15s;height:30px}.mc-select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 2px rgba(var(--primary-rgb),.12)}.mc-search{padding:6px 10px;position:relative;border-bottom:1px solid var(--border);flex-shrink:0}.mc-search>i{position:absolute;left:18px;top:50%;transform:translateY(-50%);color:var(--text-tertiary);font-size:10px}.mc-search-input{width:100%;padding:5px 8px 5px 26px;border:1px solid var(--border);border-radius:4px;background:var(--surface);color:var(--text-primary);font-size:12px;transition:border-color .15s}.mc-search-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 2px rgba(var(--primary-rgb),.12)}.mc-tree-wrap{flex:1;overflow-y:auto;padding:4px;min-height:0}.mc-tree{display:flex;flex-direction:column;font-size:12px}.mc-field{margin-bottom:1px}.mc-field-header{display:flex;align-items:center;gap:3px;padding:3px 6px;border-radius:3px;transition:all .15s;background:var(--background);border:1px solid var(--border-light);cursor:default;position:relative;font-size:12px;min-height:24px;height:24px}.mc-field-header:hover{background:var(--surface-hover);border-color:var(--primary)}.mc-field-header.mc-mappable{cursor:pointer}.mc-field-header.mc-selected{background:rgba(var(--primary-rgb),.1);border-color:var(--primary);box-shadow:0 1px 4px rgba(var(--primary-rgb),.2)}.mc-field-header.mc-highlighted{background:rgba(var(--warning),.08);border-color:var(--warning)}.mc-field-header.mc-mapped{position:relative}.mc-field-header.mc-mapped:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--success);border-radius:3px 0 0 3px}.mc-field-toggle{width:12px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-tertiary)}.mc-field-toggle i{font-size:8px;transition:transform .15s}.mc-field-toggle i.rotated{transform:rotate(90deg)}.mc-field-icon{color:var(--text-tertiary);font-size:10px;width:12px;text-align:center;display:flex;align-items:center;justify-content:center}.mc-field-name{flex:1;color:var(--text-primary);font-weight:500;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:200px}.mc-field-type{padding:1px 5px;border-radius:3px;font-size:10px;font-weight:500;text-transform:lowercase}.mc-type-string{background:rgba(var(--primary-rgb),.1);color:var(--primary)}.mc-type-number,.mc-type-integer{background:rgba(var(--success),.1);color:var(--success)}.mc-type-boolean{background:#a855f71a;color:#a855f7}.mc-type-object{background:rgba(var(--warning),.1);color:var(--warning)}.mc-type-array{background:#ec48991a;color:#ec4899}.mc-field-children{margin-left:10px;padding-left:8px;border-left:1px dashed var(--border);margin-top:1px;animation:mc-fadeIn .15s ease}@keyframes mc-fadeIn{0%{opacity:0;transform:translateY(-3px)}to{opacity:1;transform:translateY(0)}}.mc-array-items{position:relative}.mc-array-items:before{content:"[0]";position:absolute;left:-20px;top:0;font-size:11px;color:var(--text-tertiary);font-family:monospace}.mc-field-actions{display:flex;align-items:center;gap:3px;margin-left:auto}.mc-badge{background:var(--success);color:#fff;font-size:10px;font-weight:600;padding:1px 4px;border-radius:8px;min-width:14px;text-align:center;line-height:1.1}.mc-select-btn{background:transparent;border:1px solid var(--border);border-radius:3px;padding:0;font-size:10px;color:var(--text-secondary);cursor:pointer;transition:all .15s;opacity:0;height:18px;width:18px;display:flex;align-items:center;justify-content:center}.mc-field-header:hover .mc-select-btn{opacity:1}.mc-select-btn:hover{background:var(--primary-gradient);border-color:var(--primary);color:#fff}.mc-field-header.mc-selected .mc-select-btn{background:var(--primary-gradient);border-color:var(--primary);color:#fff;opacity:1}.mc-empty{text-align:center;padding:24px 12px;color:var(--text-tertiary);font-size:12px}.mc-center{flex:1.5;background:var(--surface);border-radius:8px;box-shadow:var(--shadow);border:1px solid var(--border);display:flex;flex-direction:column;min-width:360px;overflow:hidden}.mc-canvas{position:relative;height:140px;border-bottom:1px solid var(--border);background:var(--background);overflow:hidden;flex-shrink:0}.mc-controls{padding:8px 12px;display:flex;gap:8px;border-bottom:1px solid var(--border);background:var(--background-secondary)}.mc-btn-auto{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:6px 10px;border:1px solid var(--border);border-radius:5px;background:var(--surface);color:var(--text-primary);font-size:12px;font-weight:500;cursor:pointer;transition:all .15s}.mc-btn-auto:hover{background:var(--surface-hover);border-color:var(--primary);color:var(--primary)}.mc-stats{padding:8px 12px;display:flex;gap:24px;justify-content:center;border-bottom:1px solid var(--border);flex-shrink:0}.mc-stat{text-align:center}.mc-stat-val{display:block;font-size:20px;font-weight:700;color:var(--text-primary)}.mc-stat-lbl{display:block;font-size:10px;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.5px}.mc-tabs{display:flex;border-bottom:1px solid var(--border);background:var(--background-secondary);flex-shrink:0}.mc-tab{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:8px;border:none;background:none;color:var(--text-secondary);font-size:12px;font-weight:500;cursor:pointer;transition:all .15s;position:relative}.mc-tab:hover{color:var(--text-primary);background:var(--background)}.mc-tab.mc-active{color:var(--primary);background:var(--surface)}.mc-tab.mc-active:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--primary-gradient)}.mc-tab-content{flex:1;overflow-y:auto;padding:10px;min-height:0}.mc-list{display:flex;flex-direction:column;gap:4px}.mc-list-empty{text-align:center;padding:20px 12px;color:var(--text-tertiary);font-size:12px}.mc-list-empty i{font-size:18px;margin-bottom:8px;opacity:.5;display:block}.mc-item{display:flex;align-items:center;gap:6px;padding:5px 8px;background:var(--background);border:1px solid var(--border-light);border-radius:4px;transition:all .15s}.mc-item:hover{border-color:var(--primary);background:var(--surface-hover)}.mc-item-source,.mc-item-target{flex:1;display:flex;align-items:center;gap:4px;font-size:11px;font-weight:500;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mc-item-arrow{color:var(--primary);font-size:11px;padding:0 4px;flex-shrink:0}.mc-item-remove{background:none;border:none;color:var(--text-tertiary);cursor:pointer;padding:3px;border-radius:3px;transition:all .15s;font-size:10px;flex-shrink:0}.mc-item-remove:hover{background:rgba(var(--danger),.1);color:var(--danger)}.mc-item-transform{display:flex;align-items:center;gap:4px;font-size:10px;color:var(--text-secondary);flex-shrink:0}.mc-transform-select{width:110px;padding:3px 6px;border:1px solid var(--border);border-radius:3px;background:var(--surface);color:var(--text-primary);font-size:11px;cursor:pointer}.mc-transform-select:focus{outline:none;border-color:var(--primary)}.mc-transforms{padding:8px}.mc-transform-editor{background:var(--background);border:1px solid var(--border);border-radius:6px;padding:10px;margin-bottom:8px}.mc-transform-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;padding-bottom:8px;border-bottom:1px solid var(--border)}.mc-transform-title{font-size:13px;font-weight:600;color:var(--text-primary)}.mc-transform-fields{display:flex;gap:6px;align-items:center;font-size:11px;color:var(--text-secondary)}.mc-transform-params{display:flex;flex-direction:column;gap:6px}.mc-param{display:flex;flex-direction:column;gap:3px}.mc-param label{font-size:11px;color:var(--text-secondary);font-weight:500}.mc-param-input{padding:5px 8px;border:1px solid var(--border);border-radius:4px;background:var(--surface);color:var(--text-primary);font-size:12px;transition:border-color .15s}.mc-param-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 2px rgba(var(--primary-rgb),.12)}.mc-preview{text-align:center;padding:24px;color:var(--text-secondary);font-size:13px}@media (max-width: 1200px){.mc-workspace{flex-direction:column}.mc-panel,.mc-center{min-width:auto}}@media (max-width: 768px){.mc-header-bar{flex-direction:column;gap:8px;align-items:stretch}.mc-setup{flex-direction:column;gap:8px}.mc-setup-item{max-width:none}}.edi-root{display:flex;flex-direction:column;height:100%;background:var(--background);overflow:hidden}.edi-header{padding:10px 20px;background:var(--surface);border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;gap:16px;flex-shrink:0}.edi-header-left{flex:1;display:flex;align-items:center;gap:16px}.edi-header-left h2{margin:0;font-size:15px;font-weight:600;color:var(--text-primary);white-space:nowrap;display:flex;align-items:center;gap:8px}.edi-header-left h2 i{color:var(--text-tertiary);font-size:14px}.edi-header-fields{display:flex;gap:10px;align-items:center}.edi-header-fields input{padding:5px 10px;border:1px solid var(--border);border-radius:5px;font-size:13px;color:var(--text-primary);background:var(--background);transition:border-color .15s}.edi-header-fields input:first-child{width:200px;font-weight:500}.edi-header-fields input:last-child{width:260px}.edi-header-fields input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 2px rgba(var(--primary-rgb),.12)}.edi-header-actions{display:flex;gap:8px}.edi-btn{display:inline-flex;align-items:center;gap:5px;padding:6px 14px;border-radius:5px;font-size:13px;font-weight:500;border:none;cursor:pointer;transition:all .15s;white-space:nowrap}.edi-btn-primary{background:var(--primary-gradient);color:#fff}.edi-btn-primary:hover:not(:disabled){opacity:.88;box-shadow:0 2px 6px rgba(var(--primary-rgb),.25)}.edi-btn-cancel{background:var(--background-secondary);color:var(--text-secondary);border:1px solid var(--border)}.edi-btn-cancel:hover:not(:disabled){background:var(--surface-hover);color:var(--text-primary)}.edi-btn:disabled{opacity:.5;cursor:not-allowed}.edi-content{flex:1;display:flex;flex-direction:column;overflow:hidden;padding:12px 16px;gap:10px}.edi-info-bar{display:flex;gap:16px;padding:6px 14px;background:var(--surface);border:1px solid var(--border);border-radius:6px;flex-shrink:0;align-items:center}.edi-info-item{display:flex;align-items:center;gap:6px;font-size:12px}.edi-info-label{color:var(--text-tertiary);font-weight:600;text-transform:uppercase;letter-spacing:.03em;font-size:11px}.edi-info-value{color:var(--text-secondary)}.edi-tabs{display:flex;gap:2px;padding:0;background:var(--surface);border:1px solid var(--border);border-radius:6px;flex-shrink:0;overflow:hidden}.edi-tab{flex:1;padding:8px 16px;font-size:13px;font-weight:500;color:var(--text-secondary);background:transparent;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px;transition:all .15s}.edi-tab:hover:not(.edi-active):not(:disabled){background:var(--surface-hover);color:var(--text-primary)}.edi-tab.edi-active{background:var(--primary-gradient);color:#fff}.edi-tab:disabled{opacity:.4;cursor:not-allowed}.edi-tab i{font-size:12px}.edi-tab-body{flex:1;display:flex;flex-direction:column;overflow:auto;min-height:0}.edi-detect-section{background:var(--surface);border:1px solid var(--border);border-radius:6px;padding:14px;display:flex;flex-direction:column;gap:10px}.edi-section-title{margin:0;font-size:12px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.03em;display:flex;align-items:center;gap:6px}.edi-section-title i{color:var(--text-tertiary);font-size:11px}.edi-textarea{width:100%;min-height:160px;padding:10px 12px;background:var(--background);border:1px solid var(--border);border-radius:5px;font-family:JetBrains Mono,Monaco,Menlo,Consolas,monospace;font-size:12px;line-height:1.5;color:var(--text-primary);resize:vertical;transition:border-color .15s}.edi-textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 2px rgba(var(--primary-rgb),.12)}.edi-detect-actions{display:flex;gap:8px;align-items:center}.edi-detect-actions select{padding:5px 10px;border:1px solid var(--border);border-radius:5px;font-size:13px;color:var(--text-primary);background:var(--background)}.edi-detect-actions select:focus{outline:none;border-color:var(--primary)}.edi-tpl-section-label{font-size:10px;font-weight:700;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em;margin:6px 0 3px}.edi-tpl-section-label:first-of-type{margin-top:0}.edi-tpl-grid{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:6px}.edi-tpl-card{background:var(--background);border:1px solid var(--border);border-radius:5px;padding:6px 12px;cursor:pointer;transition:all .15s;text-align:center;min-width:100px}.edi-tpl-card:hover{border-color:var(--primary);background:var(--surface-hover)}.edi-tpl-card.edi-selected{border-color:var(--primary);background:rgba(var(--primary-rgb),.06)}.edi-tpl-icon{display:none;width:36px;height:36px;margin:0 auto 8px;background:var(--background-secondary);border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:14px;color:var(--primary)}.edi-tpl-name{font-size:12px;font-weight:600;color:var(--text-primary);margin:0}.edi-tpl-desc{font-size:10px;color:var(--text-tertiary);margin:0;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:140px}.edi-overview{display:flex;gap:16px;padding:8px 14px;background:var(--surface);border:1px solid var(--border);border-radius:6px;flex-shrink:0;align-items:center;flex-wrap:wrap}.edi-overview-item{display:flex;align-items:center;gap:6px;font-size:12px}.edi-overview-label{color:var(--text-tertiary);font-weight:600;text-transform:uppercase;letter-spacing:.03em;font-size:11px}.edi-overview-value{color:var(--text-secondary);font-weight:500}.edi-table-section{flex:1;display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--border);border-radius:6px;overflow:hidden;min-height:0}.edi-table-wrap{flex:1;overflow:auto;min-height:0}.edi-table{width:100%;border-collapse:collapse;table-layout:fixed;font-size:13px}.edi-table thead{position:sticky;top:0;z-index:2}.edi-table th{padding:8px 12px;background:var(--background);border-bottom:2px solid var(--border);font-size:11px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.03em;text-align:left;white-space:nowrap}.edi-table th.edi-center{text-align:center}.edi-table td{padding:7px 12px;border-bottom:1px solid var(--border-light);color:var(--text-primary);vertical-align:middle;overflow:hidden;text-overflow:ellipsis}.edi-table tbody tr:hover{background:var(--surface-hover)}.edi-table .edi-tag{font-family:JetBrains Mono,Monaco,monospace;font-size:12px;font-weight:500}.edi-table .edi-group-info{font-size:11px;color:var(--text-tertiary);margin-left:6px}.edi-badge{display:inline-block;padding:2px 7px;border-radius:3px;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.02em}.edi-badge-m{background:#dc26261a;color:var(--danger)}.edi-badge-c{background:var(--background-secondary);color:var(--text-tertiary)}.edi-badge-yes{background:rgba(var(--primary-rgb),.1);color:var(--primary)}.edi-badge-no{background:var(--background-secondary);color:var(--text-tertiary)}.edi-badge-group{background:rgba(var(--primary-rgb),.08);color:var(--primary);border:1px solid rgba(var(--primary-rgb),.2);padding:1px 6px;border-radius:3px;font-size:11px;font-weight:500}.edi-expand-btn{background:none;border:none;color:var(--text-tertiary);cursor:pointer;padding:2px 5px;border-radius:3px;font-size:11px;transition:all .15s}.edi-expand-btn:hover{background:var(--surface-hover);color:var(--text-primary)}.edi-elements-cell{padding:0!important;background:var(--background)}.edi-elements-inner{padding:10px 16px 10px 40px}.edi-elements-table{width:100%;border-collapse:collapse;font-size:12px}.edi-elements-table th{padding:5px 10px;background:var(--background-secondary);border-bottom:1px solid var(--border);font-size:10px;font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.03em;text-align:left}.edi-elements-table td{padding:4px 10px;border-bottom:1px solid var(--border-light);color:var(--text-primary);font-size:12px}.edi-elements-table .edi-mono{font-family:JetBrains Mono,Monaco,monospace;font-size:11px}.edi-elements-table .edi-comp{font-size:11px;color:var(--text-secondary);line-height:1.5}.edi-elements-table .edi-comp-line{display:block}.edi-elements-table .edi-comp-id{font-family:JetBrains Mono,Monaco,monospace;color:var(--text-primary)}.edi-elements-table .edi-comp-val{color:var(--success)}.edi-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;min-height:200px;color:var(--text-tertiary);gap:8px}.edi-empty i{font-size:2rem;opacity:.3}.edi-empty h4{margin:0;font-size:14px;color:var(--text-secondary)}.edi-empty p{margin:0;font-size:13px}.edi-badge-clickable{cursor:pointer;border:none;padding:2px 8px;border-radius:3px;font-size:11px;font-weight:700;transition:all .15s}.edi-badge-clickable:hover{transform:scale(1.1);box-shadow:0 0 0 2px rgba(var(--primary-rgb),.3)}.edi-format-input{font-family:SF Mono,Consolas,monospace;font-size:12px;width:70px;padding:2px 4px;border:1px solid transparent;border-radius:3px;background:transparent;color:var(--text-primary);transition:all .15s}.edi-format-input:hover{border-color:var(--border)}.edi-format-input:focus{border-color:var(--primary);background:var(--surface);outline:none}.edi-format-inline{width:50px;display:inline;padding:1px 3px;font-size:11px}.edi-badge-sm{font-size:9px;padding:1px 5px;vertical-align:middle}.edi-separators-bar{display:flex;align-items:center;gap:16px;padding:10px 16px;background:var(--surface);border:1px solid var(--border);border-radius:8px;margin-bottom:0;flex-shrink:0}.edi-separator-group{display:flex;flex-direction:column;gap:3px}.edi-separator-group label{font-size:10px;font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.03em}.edi-separator-group select{padding:4px 8px;border:1px solid var(--border);border-radius:4px;background:var(--background);color:var(--text-primary);font-size:12px}.edi-sep-input{width:32px;height:28px;text-align:center;font-family:SF Mono,Consolas,monospace;font-size:14px;font-weight:600;border:1px solid var(--border);border-radius:4px;background:var(--background);color:var(--text-primary)}.edi-sep-input:focus{border-color:var(--primary);outline:none}.edi-sep-combo{display:flex;align-items:center;gap:2px}.edi-sep-preset{width:28px;height:28px;padding:0;border:1px solid var(--border);border-radius:4px;background:var(--background);color:var(--text-tertiary);font-size:10px;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;text-align:center;text-indent:4px}.edi-sep-preset:focus{border-color:var(--primary);outline:none}.edi-table-wrap::-webkit-scrollbar,.edi-tab-body::-webkit-scrollbar{width:7px;height:7px}.edi-table-wrap::-webkit-scrollbar-track,.edi-tab-body::-webkit-scrollbar-track{background:transparent}.edi-table-wrap::-webkit-scrollbar-thumb,.edi-tab-body::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}.edi-table-wrap::-webkit-scrollbar-thumb:hover,.edi-tab-body::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}@media (max-width: 1200px){.edi-header{flex-wrap:wrap}.edi-tpl-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}}@media (max-width: 768px){.edi-header{flex-direction:column;align-items:stretch;gap:10px}.edi-header-left{flex-direction:column;align-items:stretch;gap:8px}.edi-header-fields{flex-direction:column;gap:6px}.edi-header-fields input{width:100%!important}.edi-content{padding:10px}.edi-tpl-grid{grid-template-columns:1fr 1fr}.edi-overview{flex-direction:column;gap:8px}}.cr-root{display:flex;flex-direction:column;height:100%;background:var(--background);overflow:hidden}.cr-header{padding:10px 20px;background:var(--surface);border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;gap:16px;flex-shrink:0}.cr-header-left{flex:1;display:flex;align-items:center;gap:16px}.cr-header-left h2{margin:0;font-size:15px;font-weight:600;color:var(--text-primary);white-space:nowrap;display:flex;align-items:center;gap:8px}.cr-header-left h2 i{color:var(--text-tertiary);font-size:14px}.cr-header-fields{display:flex;gap:10px;align-items:center}.cr-header-fields input{padding:5px 10px;border:1px solid var(--border);border-radius:5px;font-size:13px;color:var(--text-primary);background:var(--background);transition:border-color .15s}.cr-header-fields input:first-child{width:180px;font-weight:500}.cr-header-fields input:last-child{width:240px}.cr-header-fields input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 2px rgba(var(--primary-rgb),.12)}.cr-header-actions{display:flex;gap:8px}.cr-btn{display:inline-flex;align-items:center;gap:5px;padding:6px 14px;border-radius:5px;font-size:13px;font-weight:500;border:none;cursor:pointer;transition:all .15s;white-space:nowrap}.cr-btn-primary{background:var(--primary-gradient);color:#fff}.cr-btn-primary:hover:not(:disabled){opacity:.88;box-shadow:0 2px 6px rgba(var(--primary-rgb),.25)}.cr-btn-cancel{background:var(--background-secondary);color:var(--text-secondary);border:1px solid var(--border)}.cr-btn-cancel:hover:not(:disabled){background:var(--surface-hover);color:var(--text-primary)}.cr-btn-danger{background:var(--danger);color:#fff}.cr-btn-danger:hover:not(:disabled){opacity:.88;box-shadow:0 2px 6px #dc262640}.cr-btn-sm{padding:4px 10px;font-size:12px}.cr-btn:disabled{opacity:.5;cursor:not-allowed}.cr-content{flex:1;display:flex;flex-direction:column;overflow:hidden;padding:12px 16px;gap:10px}.cr-info-bar{display:flex;gap:16px;padding:6px 14px;background:var(--surface);border:1px solid var(--border);border-radius:6px;flex-shrink:0;align-items:center}.cr-info-item{display:flex;align-items:center;gap:6px;font-size:12px}.cr-info-item .cr-info-label{color:var(--text-tertiary);font-weight:600;text-transform:uppercase;letter-spacing:.03em;font-size:11px}.cr-info-item .cr-info-value{color:var(--text-secondary)}.cr-collapsible{background:var(--surface);border:1px solid var(--border);border-radius:6px;flex-shrink:0;overflow:hidden}.cr-collapse-header{padding:8px 14px;display:flex;justify-content:space-between;align-items:center;cursor:pointer;-webkit-user-select:none;user-select:none;background:var(--background);border-bottom:1px solid transparent;transition:background .15s}.cr-collapse-header:hover{background:var(--surface-hover)}.cr-collapse-header.cr-open{border-bottom-color:var(--border-light)}.cr-collapse-header h3{margin:0;font-size:12px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.03em;display:flex;align-items:center;gap:6px}.cr-collapse-header h3 i{color:var(--text-tertiary);font-size:11px}.cr-collapse-toggle{font-size:10px;color:var(--text-tertiary);transition:transform .2s}.cr-collapse-toggle.cr-open{transform:rotate(180deg)}.cr-collapse-body{padding:12px 14px}.cr-schema-cols{display:flex;flex-direction:column;gap:6px;margin-bottom:10px}.cr-schema-col{display:flex;align-items:center;gap:8px;padding:8px 12px;background:var(--background);border:1px solid var(--border);border-radius:5px;font-size:13px}.cr-col-name{flex:1;font-weight:500;color:var(--text-primary);display:flex;align-items:center;gap:6px}.cr-col-name i{color:var(--text-tertiary);font-size:12px}.cr-col-type{color:var(--text-tertiary);font-size:11px;padding:2px 6px;background:var(--background-secondary);border-radius:3px;text-transform:uppercase;letter-spacing:.03em}.cr-badge{padding:2px 7px;border-radius:3px;font-size:10px;font-weight:600;color:#fff;text-transform:uppercase;letter-spacing:.02em}.cr-badge-pk{background:var(--success)}.cr-badge-req{background:var(--warning)}.cr-badge-uniq{background:var(--info)}.cr-col-actions{display:flex;gap:2px}.cr-col-actions button{background:none;border:none;color:var(--text-tertiary);cursor:pointer;padding:3px 6px;border-radius:3px;transition:all .15s;font-size:12px}.cr-col-actions button:hover{background:var(--surface-hover);color:var(--text-primary)}.cr-add-col{display:flex;gap:8px;align-items:center;padding-top:10px;border-top:1px solid var(--border-light)}.cr-add-col input,.cr-add-col select{padding:5px 10px;border:1px solid var(--border);border-radius:5px;font-size:13px;color:var(--text-primary);background:var(--background)}.cr-add-col input{flex:1}.cr-add-col input:focus,.cr-add-col select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 2px rgba(var(--primary-rgb),.12)}.cr-table-section{flex:1;display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--border);border-radius:6px;overflow:hidden;min-height:0}.cr-table-toolbar{padding:8px 14px;background:var(--background);border-bottom:1px solid var(--border-light);display:flex;justify-content:space-between;align-items:center;flex-shrink:0;gap:10px}.cr-search-area{display:flex;align-items:center;gap:10px}.cr-search-box{position:relative;display:flex;align-items:center}.cr-search-box i{position:absolute;left:10px;color:var(--text-tertiary);font-size:12px}.cr-search-box input{padding:5px 10px 5px 30px;border:1px solid var(--border);border-radius:5px;font-size:13px;color:var(--text-primary);background:var(--background);width:220px;transition:border-color .15s}.cr-search-box input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 2px rgba(var(--primary-rgb),.12)}.cr-row-count{color:var(--text-tertiary);font-size:12px}.cr-table-actions{display:flex;gap:8px;align-items:center}.cr-import-export{display:flex;gap:4px}.cr-hidden-input{display:none}.cr-table-body{flex:1;display:flex;flex-direction:column;min-height:0;overflow:hidden}.cr-thead{display:flex;background:var(--background);border-bottom:2px solid var(--border);font-size:12px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.03em;flex-shrink:0}.cr-th{padding:8px 12px;display:flex;align-items:center;gap:4px}.cr-th:first-child{justify-content:center}.cr-virtual-container{flex:1;position:relative;min-height:0}.cr-row{display:flex;border-bottom:1px solid var(--border-light);transition:background-color .1s}.cr-row:hover{background:var(--surface-hover)}.cr-row.cr-selected{background:rgba(var(--primary-rgb),.06)}.cr-cell{padding:6px 12px;display:flex;align-items:center}.cr-cell:last-child{justify-content:center}.cr-cell-input{width:100%;border:1px solid transparent;background:transparent;padding:4px 8px;border-radius:4px;font-size:13px;color:var(--text-primary);transition:all .15s}.cr-cell-input:focus{background:var(--background);border-color:var(--primary);outline:none;box-shadow:0 0 0 2px rgba(var(--primary-rgb),.1)}.cr-cell-input.cr-duplicate{background:#dc26260f;border-color:var(--danger)}.cr-checkbox{cursor:pointer;width:15px;height:15px}.cr-btn-delete-row{background:none;border:none;color:var(--text-tertiary);cursor:pointer;padding:3px 6px;border-radius:3px;transition:all .15s;font-size:12px}.cr-btn-delete-row:hover{color:var(--danger);background:#dc262614}.cr-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;min-height:200px;color:var(--text-tertiary);gap:8px}.cr-empty i{font-size:2rem;opacity:.3}.cr-empty h4{margin:0;font-size:14px;color:var(--text-secondary)}.cr-empty p{margin:0 0 12px;font-size:13px}.cr-loading{display:flex;align-items:center;justify-content:center;height:100%;color:var(--text-tertiary);font-size:14px;gap:8px}.cr-virtual-container ::-webkit-scrollbar{width:7px;height:7px}.cr-virtual-container ::-webkit-scrollbar-track{background:transparent}.cr-virtual-container ::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}.cr-virtual-container ::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}@media (max-width: 1200px){.cr-header{flex-wrap:wrap}.cr-header-fields input:last-child{width:180px}}@media (max-width: 768px){.cr-header{flex-direction:column;align-items:stretch;gap:10px}.cr-header-left{flex-direction:column;align-items:stretch;gap:8px}.cr-header-fields{flex-direction:column;gap:6px}.cr-header-fields input{width:100%!important}.cr-table-toolbar{flex-direction:column;align-items:stretch}.cr-search-box input{width:100%}.cr-content{padding:10px}}.log-formatter-wrapper{height:100%;display:flex;flex-direction:column;position:relative}.log-formatter{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:12px;line-height:1.6;color:#c9d1d9;padding:12px 16px;flex:1;overflow-y:auto;background:#0d1117}.log-formatter::-webkit-scrollbar{width:7px}.log-formatter::-webkit-scrollbar-track{background:#161b22}.log-formatter::-webkit-scrollbar-thumb{background:#30363d;border-radius:4px}.log-formatter::-webkit-scrollbar-thumb:hover{background:#484f58}.log-line{display:flex;align-items:flex-start;padding:3px 0;border-bottom:1px solid rgba(48,54,61,.4);word-wrap:break-word;position:relative;content-visibility:auto;contain-intrinsic-size:auto 24px}.log-line:hover{background-color:#30363d40}.log-line:last-child{border-bottom:none}.log-timestamp{color:#484f58;margin-right:10px;font-size:11px;white-space:nowrap;flex-shrink:0}.log-level{font-weight:600;text-transform:uppercase;font-size:9px;padding:1px 5px;border-radius:3px;margin-right:10px;white-space:nowrap;flex-shrink:0;letter-spacing:.3px}.log-component{color:#bc8cff;font-weight:500;margin-right:10px;font-size:11px;flex-shrink:0}.log-message{flex:1;color:inherit;white-space:pre-wrap;word-break:break-word}.log-info{color:#c9d1d9}.log-info .log-level{background:#1f6feb;color:#fff}.log-step-separator{color:#58a6ff;font-weight:600;padding:6px 10px;margin:6px 0;background:#1f6feb1f;border-radius:4px;border-left:3px solid #1f6feb}.log-error{color:#ffa198}.log-error .log-level{background:#da3633;color:#fff}.log-warning{color:#e3b341}.log-warning .log-level{background:#9e6a03;color:#fff}.log-success{color:#7ee787}.log-success .log-level{background:#238636;color:#fff}.log-debug{color:#6e7681;opacity:.85}.log-debug .log-level{background:#30363d;color:#8b949e}.log-object{color:#79c0ff}.log-object .log-message{font-weight:500}.log-data{color:#d2a8ff}.json-block{margin:6px 0;padding:10px 12px;background:#161b22;border:1px solid #30363d;border-radius:6px;overflow-x:auto;font-size:11px;line-height:1.45}.json-block::-webkit-scrollbar{height:5px}.json-block::-webkit-scrollbar-track{background:#0d1117}.json-block::-webkit-scrollbar-thumb{background:#30363d;border-radius:3px}.log-message strong{color:#f0883e;font-weight:600}.log-message em{color:#d2a8ff;font-style:italic}.log-empty{color:#484f58;text-align:center;padding:40px;font-style:italic}.log-truncated-banner{display:flex;align-items:center;justify-content:center;gap:12px;padding:10px 16px;background:#1f6feb14;border-top:1px solid rgba(31,111,235,.2);flex-shrink:0}.log-truncated-banner span{font-size:.78rem;color:#8b949e}.log-truncated-banner button{background:#1f6feb26;color:#58a6ff;border:1px solid rgba(31,111,235,.3);padding:4px 14px;border-radius:6px;cursor:pointer;font-size:.76rem;font-weight:500;transition:all .15s ease}.log-truncated-banner button:hover{background:#1f6feb40}.error-summary-banner{background:linear-gradient(135deg,#da3633,#f85149);color:#fff;padding:8px 14px;border-bottom:1px solid #8b1a10;flex-shrink:0;animation:lf-slideDown .25s ease}.error-summary-content{display:flex;align-items:center;gap:12px}.error-count{font-weight:600;font-size:.82rem}.error-navigation{display:flex;gap:6px;margin-left:auto}.error-jump-btn{background:#ffffff26;color:#fff;border:1px solid rgba(255,255,255,.25);padding:3px 10px;border-radius:4px;cursor:pointer;font-size:.72rem;transition:all .15s}.error-jump-btn:hover{background:#ffffff40}.more-errors{display:flex;align-items:center;font-size:.72rem;opacity:.85;font-style:italic}.dismiss-banner-btn{background:transparent;border:none;color:#fff;font-size:16px;cursor:pointer;padding:0 6px;opacity:.7;transition:opacity .15s;line-height:1}.dismiss-banner-btn:hover{opacity:1}.floating-error-indicator{position:absolute;top:12px;right:24px;background:#da3633;color:#fff;border:none;border-radius:16px;padding:6px 14px;cursor:pointer;box-shadow:0 4px 12px #da363366;z-index:10;animation:lf-bounce 2s infinite;transition:all .2s}.floating-error-indicator:hover{transform:scale(1.05);box-shadow:0 6px 16px #da363380}.error-badge{font-weight:600;font-size:.78rem}.error-highlight{animation:lf-errorFlash 2s ease}@keyframes lf-errorFlash{0%{background-color:#f8514966}50%{background-color:#f8514933}to{background-color:transparent}}@keyframes lf-slideDown{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes lf-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}@media (max-width: 768px){.log-formatter{font-size:11px;padding:10px 12px}.log-timestamp{display:none}.log-component{font-size:10px}}.execution-panel{position:absolute;right:80px;top:80px;transform:translate(100%);width:480px;max-width:90vw;height:calc(100vh - 140px);max-height:600px;min-width:360px;min-height:300px;background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-hover);border-radius:16px;z-index:1000;opacity:0;visibility:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column}.execution-panel.active{opacity:1;visibility:visible;transform:translate(0)}.execution-panel.resizing{transition:none;-webkit-user-select:none;user-select:none}.ep-resize-handle{position:absolute;z-index:10}.ep-resize-handle.left{cursor:ew-resize;width:8px;height:calc(100% - 32px);top:16px;left:-4px}.ep-resize-handle.bottom{cursor:ns-resize;width:calc(100% - 32px);height:8px;bottom:-4px;left:16px}.ep-resize-handle.corner{cursor:nesw-resize;width:20px;height:20px;bottom:0;left:0;border-radius:0 0 0 16px}.ep-resize-handle.corner:after{content:"";position:absolute;bottom:4px;left:4px;width:10px;height:10px;background-image:radial-gradient(circle,var(--text-tertiary) 1.5px,transparent 1.5px);background-size:4px 4px;opacity:.6}.execution-panel-header{padding:16px 20px;border-bottom:1px solid var(--border-light);display:flex;justify-content:space-between;align-items:center;background:var(--background-secondary);border-radius:16px 16px 0 0;flex-shrink:0}.execution-panel-header h3{margin:0;font-size:16px;font-weight:600;color:var(--text-primary);display:flex;align-items:center;gap:8px}.header-actions{display:flex;align-items:center;gap:8px}.close-btn{all:unset;box-sizing:border-box;font-family:inherit;background:var(--background-secondary);border:1px solid var(--border-light);cursor:pointer;font-size:14px;color:var(--text-secondary);width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:all .2s ease}.close-btn:hover{background:rgba(var(--danger-rgb),.1);color:var(--danger);border-color:rgba(var(--danger-rgb),.2)}.execution-panel-content{flex:1;overflow:hidden;display:flex;flex-direction:column}.current-execution{height:100%;display:flex;flex-direction:column;padding:0;overflow:hidden}.execution-info{display:flex;align-items:center;gap:12px;padding:12px;margin:0 20px 16px;background:var(--background-secondary);border-radius:8px;flex-shrink:0;flex-wrap:wrap;border:1px solid var(--border)}.status-section{display:flex;align-items:center;gap:8px}.status-indicator{width:8px;height:8px;border-radius:50%;flex-shrink:0}.status-text{font-weight:600;text-transform:uppercase;font-size:12px;color:var(--text-primary);white-space:nowrap}.task-id{font-family:JetBrains Mono,Cascadia Code,Fira Code,SF Mono,Consolas,monospace;font-size:10px;color:var(--text-secondary);background:var(--surface);padding:4px 8px;border-radius:4px;border:1px solid var(--border);word-break:break-all;max-width:100%}.progress-section{flex:1 1 auto;display:flex;align-items:center;gap:8px;min-width:0;width:100%}.progress-bar{flex:1;height:6px;background:var(--border);border-radius:3px;overflow:hidden;position:relative}.progress-fill{height:100%;transition:width .3s ease}.progress-text{font-weight:600;color:var(--text-primary);font-size:11px;white-space:nowrap}.execution-tabs{flex:1;display:flex;flex-direction:column;overflow:hidden;min-height:0;padding:0 20px 40px}.logs-container{flex:1;overflow:hidden;background:#1a1d2e;border-radius:8px;padding:0;position:relative;min-height:200px;max-height:calc(100vh - 300px);display:flex;flex-direction:column}.no-execution{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:var(--text-secondary);text-align:center}.no-execution i{font-size:48px;margin-bottom:16px;opacity:.5}.no-execution p{margin:4px 0;font-size:14px}.hint{font-size:12px;opacity:.7}.header-actions .stop-btn{all:unset;box-sizing:border-box;font-family:inherit;background:rgba(var(--danger-rgb),.1);color:var(--danger);border:1px solid rgba(var(--danger-rgb),.2);width:28px;height:28px;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:12px;transition:all .2s ease}.header-actions .stop-btn:hover{background:var(--danger);color:var(--surface);border-color:var(--danger)}@media (max-width: 768px){.execution-panel{width:360px;height:480px;right:20px;top:60px}.execution-panel-header{padding:12px 16px}.execution-panel-header h3{font-size:14px}.execution-info{margin:0 16px 12px;gap:8px}.execution-tabs{padding:0 16px 16px}.task-id{font-size:9px}}.history-panel{position:fixed;bottom:60px;right:20px;width:420px;max-width:90vw;height:calc(100vh - 140px);max-height:640px;background:var(--surface);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--border);box-shadow:var(--shadow-hover);border-radius:16px;display:flex;flex-direction:column;z-index:1000;opacity:0;transform:translateY(20px);animation:hp-slide-in .3s cubic-bezier(.4,0,.2,1) forwards}@keyframes hp-slide-in{to{opacity:1;transform:translateY(0)}}.history-panel-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--border);background:var(--background-secondary);border-radius:16px 16px 0 0;flex-shrink:0}.history-panel-title{display:flex;align-items:center;gap:10px;font-size:15px;font-weight:600;color:var(--text-primary)}.history-element-name{color:var(--text-secondary);font-weight:400;font-size:13px;max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.history-close-btn{all:unset;box-sizing:border-box;font-family:inherit;background:var(--background-tertiary);border:1px solid var(--border);cursor:pointer;font-size:13px;color:var(--text-secondary);width:30px;height:30px;border-radius:8px;display:flex;align-items:center;justify-content:center;transition:all .15s ease}.history-close-btn:hover{background:var(--danger);color:#fff;border-color:var(--danger)}.history-panel-content{flex:1;overflow-y:auto;padding:16px;scrollbar-width:thin;scrollbar-color:var(--border) transparent}.history-panel-content::-webkit-scrollbar{width:5px}.history-panel-content::-webkit-scrollbar-track{background:transparent}.history-panel-content::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.history-panel-content::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}.history-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:var(--text-tertiary);text-align:center;padding:40px 20px}.history-empty-state p{font-size:14px;margin:0 0 6px;color:var(--text-secondary)}.history-empty-state small{font-size:12px;color:var(--text-tertiary)}.history-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:var(--text-secondary)}.loading-spinner{width:32px;height:32px;border:3px solid var(--border);border-top:3px solid var(--primary);border-radius:50%;animation:hp-spin .8s linear infinite;margin-bottom:14px}@keyframes hp-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.history-loading p{font-size:13px;color:var(--text-secondary);margin:0}.history-error{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:var(--danger);text-align:center;padding:40px 20px}.history-error p{font-size:14px;margin:0 0 16px}.retry-btn{all:unset;box-sizing:border-box;font-family:inherit;padding:8px 18px;background:var(--primary-gradient);color:#fff;border-radius:8px;font-size:13px;font-weight:500;cursor:pointer;transition:all .15s ease}.retry-btn:hover{filter:brightness(1.1);transform:scale(1.02)}.history-list{display:flex;flex-direction:column;gap:10px}.history-item{background:var(--background-secondary);border:1px solid var(--border-light);border-radius:12px;padding:14px 16px;cursor:pointer;transition:all .15s ease}.history-item:hover{background:var(--surface-hover);border-color:var(--primary);box-shadow:0 0 0 1px rgba(var(--primary-rgb),.1)}.history-item-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.version-badge{background:var(--primary-gradient);color:#fff;padding:2px 10px;border-radius:20px;font-size:11px;font-weight:600;letter-spacing:.3px}.history-date{font-size:11px;color:var(--text-tertiary)}.history-item-body{margin-bottom:10px}.history-description{font-size:13px;color:var(--text-primary);margin-bottom:4px;line-height:1.4}.history-metadata{font-size:11px;color:var(--text-tertiary);font-style:italic;margin-bottom:4px}.history-user{display:flex;align-items:center;gap:4px;font-size:11px;color:var(--text-tertiary)}.history-item-actions{display:flex;justify-content:flex-end;gap:8px}.history-item.viewing{border-color:var(--primary);box-shadow:0 0 0 1px rgba(var(--primary-rgb),.12)}.history-badges{display:flex;gap:5px;align-items:center}.badge-saved{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;background:#28a7451a;color:var(--success);border:1px solid rgba(40,167,69,.2);border-radius:6px;font-size:11px;font-weight:600;white-space:nowrap}.badge-viewing{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;background:rgba(var(--primary-rgb),.1);color:var(--primary);border:1px solid rgba(var(--primary-rgb),.2);border-radius:6px;font-size:11px;font-weight:600;white-space:nowrap}.restore-btn{all:unset;box-sizing:border-box;font-family:inherit;padding:5px 14px;background:var(--success);color:#fff;border-radius:6px;font-size:12px;font-weight:500;cursor:pointer;transition:all .15s ease;display:flex;align-items:center;justify-content:center}.restore-btn:hover:not(:disabled){filter:brightness(.9);transform:scale(1.02)}.restore-btn:disabled{opacity:.4;cursor:not-allowed;background:var(--text-tertiary);transform:none}.restore-btn.confirm{background:var(--warning)}.restore-btn.cancel{background:var(--text-tertiary);padding:5px 8px}.history-panel-footer{display:flex;justify-content:space-between;align-items:center;padding:12px 20px;border-top:1px solid var(--border);background:var(--background-secondary);border-radius:0 0 16px 16px;flex-shrink:0}.refresh-btn{all:unset;box-sizing:border-box;font-family:inherit;display:flex;align-items:center;gap:6px;padding:6px 14px;background:var(--primary-gradient);color:#fff;border-radius:8px;font-size:12px;font-weight:500;cursor:pointer;transition:all .15s ease}.refresh-btn:hover:not(:disabled){filter:brightness(1.1);transform:scale(1.02)}.refresh-btn:disabled{opacity:.4;cursor:not-allowed;transform:none}.history-info{font-size:11px;color:var(--text-tertiary)}@media (max-width: 768px){.history-panel{width:calc(100vw - 16px);right:8px;bottom:8px;height:calc(100vh - 16px);max-height:none;border-radius:12px}.history-panel-header{padding:12px 16px;border-radius:12px 12px 0 0}.history-panel-content{padding:12px}.history-panel-footer{padding:10px 16px;border-radius:0 0 12px 12px}}@media (prefers-reduced-motion: reduce){.history-panel{animation:none;opacity:1;transform:none}.history-item,.history-close-btn,.restore-btn,.refresh-btn,.retry-btn{transition:none}.loading-spinner{animation:none}}.sdm-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;justify-content:center;align-items:center;z-index:9999;animation:sdm-fadeIn .2s ease-out}@keyframes sdm-fadeIn{0%{opacity:0}to{opacity:1}}.sdm-modal{background:var(--surface);border:1px solid var(--border);border-radius:12px;width:90%;max-width:900px;height:80vh;max-height:720px;display:flex;flex-direction:column;box-shadow:var(--shadow-hover);animation:sdm-slideUp .25s ease-out;overflow:hidden}@keyframes sdm-slideUp{0%{transform:translateY(16px);opacity:0}to{transform:translateY(0);opacity:1}}.sdm-header{padding:16px 20px;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;background:var(--background-secondary);flex-shrink:0}.sdm-title{margin:0;font-size:15px;font-weight:600;color:var(--text-primary);display:flex;align-items:center;gap:8px}.sdm-title i{color:var(--primary);font-size:16px}.sdm-actions{display:flex;align-items:center;gap:8px}.sdm-btn-copy{padding:6px 12px;border:1px solid var(--border);border-radius:6px;background:var(--surface);color:var(--text-secondary);font-size:12px;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:5px;transition:all .15s ease}.sdm-btn-copy:hover{background:var(--surface-hover);color:var(--text-primary);border-color:var(--primary)}.sdm-btn-download{padding:6px 12px;border:1px solid var(--border);border-radius:6px;background:var(--surface);color:var(--text-secondary);font-size:12px;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:5px;transition:all .15s ease}.sdm-btn-download:hover{background:var(--surface-hover);color:var(--info);border-color:var(--info)}.sdm-btn-download-all{padding:6px 12px;border:1px solid var(--border);border-radius:6px;background:var(--surface);color:var(--text-secondary);font-size:12px;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:5px;transition:all .15s ease}.sdm-btn-download-all:hover:not(:disabled){background:var(--surface-hover);color:var(--primary);border-color:var(--primary)}.sdm-btn-download-all:disabled{opacity:.5;cursor:not-allowed}.sdm-btn-close{width:28px;height:28px;border:none;background:none;color:var(--text-tertiary);font-size:16px;cursor:pointer;border-radius:6px;display:flex;align-items:center;justify-content:center;transition:all .15s ease}.sdm-btn-close:hover{background:var(--surface-hover);color:var(--text-primary)}.sdm-pagination{display:flex;align-items:center;justify-content:center;gap:12px;padding:8px 20px;border-bottom:1px solid var(--border);background:var(--background-secondary);flex-shrink:0}.sdm-page-btn{width:28px;height:28px;border:1px solid var(--border);border-radius:6px;background:var(--surface);color:var(--text-secondary);font-size:11px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s ease}.sdm-page-btn:hover:not(:disabled){background:var(--surface-hover);color:var(--text-primary);border-color:var(--primary)}.sdm-page-btn:disabled{opacity:.4;cursor:not-allowed}.sdm-page-info{font-size:12px;font-weight:500;color:var(--text-primary);display:flex;align-items:center;gap:6px}.sdm-page-range{font-size:11px;font-weight:400;color:var(--text-tertiary)}.sdm-object-bar{display:flex;align-items:center;gap:10px;padding:10px 20px;border-bottom:1px solid var(--border);background:var(--background-secondary);flex-shrink:0}.sdm-object-label{display:flex;align-items:center;gap:5px;font-size:12px;font-weight:500;color:var(--text-secondary)}.sdm-object-label i{color:var(--primary);font-size:11px}.sdm-object-select{min-width:180px;max-width:260px;padding:5px 10px;border:1px solid var(--border);border-radius:6px;background:var(--surface);font-size:12px;color:var(--text-primary);cursor:pointer;transition:border-color .15s ease}.sdm-object-select:hover{border-color:var(--primary)}.sdm-object-select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 2px rgba(var(--primary-rgb),.15)}.sdm-object-count{font-size:11px;color:var(--text-tertiary)}.sdm-body{flex:1;overflow:hidden;display:flex;flex-direction:column}.sdm-content{flex:1;overflow:auto;padding:16px 20px}.sdm-pre{margin:0;padding:16px;background:var(--background-secondary);border:1px solid var(--border);border-radius:8px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:12px;line-height:1.65;color:var(--text-primary);white-space:pre-wrap;word-break:break-word;max-height:100%;overflow:auto}.sdm-search-bar{display:flex;align-items:center;gap:8px;padding:8px 16px;border-bottom:1px solid var(--border);background:var(--background-secondary);flex-shrink:0}.sdm-search-icon{color:var(--text-tertiary);font-size:11px;flex-shrink:0}.sdm-search-input{flex:1;border:1px solid var(--border);border-radius:6px;background:var(--background);color:var(--text-primary);font-size:12px;padding:4px 8px;outline:none;transition:border-color .15s}.sdm-search-input:focus{border-color:var(--primary)}.sdm-search-clear{background:none;border:none;color:var(--text-tertiary);cursor:pointer;padding:2px 4px;font-size:11px;border-radius:4px;transition:color .15s}.sdm-search-clear:hover{color:var(--text-primary)}.sdm-search-count{font-size:11px;color:var(--primary);font-weight:600;white-space:nowrap}.sdm-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;gap:16px}.sdm-progress-track{width:200px;height:4px;background:var(--border);border-radius:2px;overflow:hidden}.sdm-progress-fill{height:100%;background:var(--primary-gradient);border-radius:2px;transition:width .3s ease}.sdm-loading-pct{font-size:20px;font-weight:600;color:var(--text-primary)}.sdm-loading-msg{font-size:13px;color:var(--text-secondary)}.sdm-error{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;gap:12px}.sdm-error-icon{font-size:36px;color:var(--danger)}.sdm-error-msg{color:var(--danger);font-size:14px;text-align:center;margin:0}.sdm-btn-retry{margin-top:8px;padding:7px 16px;background:var(--primary-gradient);color:#fff;border:none;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:6px;transition:opacity .15s ease}.sdm-btn-retry:hover{opacity:.85}.sdm-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;gap:10px}.sdm-empty-icon{font-size:36px;color:var(--text-tertiary)}.sdm-empty-msg{color:var(--text-secondary);font-size:14px;margin:0}.sdm-footer{padding:12px 20px;border-top:1px solid var(--border);background:var(--background-secondary);display:flex;justify-content:space-between;align-items:center;flex-shrink:0}.sdm-footer-info{font-size:11px;color:var(--text-tertiary);font-family:SF Mono,Cascadia Code,Consolas,monospace}.sdm-footer-actions{display:flex;gap:8px}.sdm-btn-refresh{padding:6px 12px;border:1px solid var(--border);border-radius:6px;background:var(--surface);color:var(--text-secondary);font-size:12px;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:5px;transition:all .15s ease}.sdm-btn-refresh:hover{background:var(--surface-hover);color:var(--text-primary)}.sdm-btn-footer-close{padding:6px 14px;border:none;border-radius:6px;background:var(--primary-gradient);color:#fff;font-size:12px;font-weight:500;cursor:pointer;transition:opacity .15s ease}.sdm-btn-footer-close:hover{opacity:.85}.sdm-content::-webkit-scrollbar,.sdm-pre::-webkit-scrollbar{width:6px;height:6px}.sdm-content::-webkit-scrollbar-track,.sdm-pre::-webkit-scrollbar-track{background:transparent}.sdm-content::-webkit-scrollbar-thumb,.sdm-pre::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.sdm-content::-webkit-scrollbar-thumb:hover,.sdm-pre::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}@media (max-width: 768px){.sdm-modal{width:95%;height:90vh}}.ft-bar{display:flex;align-items:stretch;background:var(--background-secondary, #f1f3f5);border-bottom:1px solid var(--border, #dee2e6);height:38px;flex-shrink:0;z-index:100;padding:0 8px;gap:4px}.ft-tabs{display:flex;align-items:flex-end;flex:1;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;gap:1px;padding-top:4px}.ft-tabs::-webkit-scrollbar{display:none}.ft-tab{display:flex;align-items:center;gap:6px;min-width:100px;max-width:200px;height:34px;padding:0 10px;background:transparent;border:1px solid transparent;border-bottom:none;border-radius:6px 6px 0 0;cursor:pointer;flex-shrink:0;transition:background .15s ease;position:relative}.ft-tab:hover{background:var(--surface-hover)}.ft-tab.active{background:var(--surface, #ffffff);border-color:var(--border, #dee2e6);z-index:2}.ft-tab.active:after{content:"";position:absolute;bottom:-1px;left:-1px;right:-1px;height:2px;background:var(--primary, #3B82F6)}.ft-tab-icon{font-size:11px;color:var(--text-tertiary, #9ca3af);flex-shrink:0}.ft-tab.active .ft-tab-icon{color:var(--primary, #3B82F6)}.ft-tab.modified .ft-tab-icon{color:#f59e0b}.ft-tab-label{font-size:12px;font-weight:500;color:var(--text-secondary, #6c757d);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;min-width:0;line-height:1}.ft-tab.active .ft-tab-label{color:var(--text-primary, #212529);font-weight:600}.ft-tab-close{background:none;border:none;color:var(--text-tertiary, #9ca3af);width:18px;height:18px;border-radius:4px;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;font-size:9px;opacity:0;transition:all .15s ease;padding:0}.ft-tab:hover .ft-tab-close{opacity:.6}.ft-tab-close:hover{opacity:1!important;background:#ef44441a;color:#ef4444}.ft-actions{display:flex;align-items:center;gap:4px;padding-left:8px;flex-shrink:0}.ft-btn{background:none;border:none;width:28px;height:28px;border-radius:6px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:12px;color:var(--text-tertiary, #9ca3af);transition:all .15s ease;padding:0}.ft-btn:hover{background:var(--surface-hover, #e9ecef);color:var(--text-primary, #212529)}.ft-btn.active{background:var(--surface, #ffffff);color:var(--primary, #3B82F6)}.ft-btn-add:hover{color:var(--primary, #3B82F6)}.ft-menu-wrap{position:relative}.ft-dropdown{position:absolute;top:calc(100% + 6px);right:0;background:var(--surface, #ffffff);border:1px solid var(--border, #dee2e6);border-radius:8px;box-shadow:0 8px 24px #0000001f;min-width:200px;z-index:1000;overflow:hidden}.ft-dropdown-header{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;font-size:11px;font-weight:600;color:var(--text-tertiary, #9ca3af);text-transform:uppercase;letter-spacing:.5px}.ft-dropdown-badge{font-size:10px;font-weight:600;color:#f59e0b;background:#f59e0b1a;padding:2px 6px;border-radius:4px;text-transform:none;letter-spacing:0}.ft-dropdown-sep{height:1px;background:var(--border-light, #f1f3f5)}.ft-dropdown-item{display:flex;align-items:center;gap:10px;width:100%;padding:9px 14px;border:none;background:none;color:var(--text-primary, #495057);font-size:13px;cursor:pointer;transition:background .1s ease;text-align:left}.ft-dropdown-item:hover{background:var(--background-secondary, #f8f9fa)}.ft-dropdown-item:disabled{opacity:.4;cursor:default}.ft-dropdown-item:disabled:hover{background:none}.ft-dropdown-item i{width:14px;font-size:11px;color:var(--text-tertiary, #9ca3af);text-align:center}.ft-dropdown-danger,.ft-dropdown-danger i{color:#ef4444}.ft-dropdown-danger:hover{background:#ef44440f}.dm-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;animation:dm-fade-in .15s ease}@keyframes dm-fade-in{0%{opacity:0}to{opacity:1}}.dm-modal{background:var(--surface);border:1px solid var(--border);border-radius:14px;width:520px;max-width:92vw;max-height:85vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #0003;animation:dm-slide-up .2s ease}@keyframes dm-slide-up{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.dm-header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;border-bottom:1px solid var(--border)}.dm-header h2{font-size:1.15rem;font-weight:600;color:var(--text-primary);margin:0;display:flex;align-items:center;gap:.5rem}.dm-header h2 i{color:var(--primary)}.dm-close{width:32px;height:32px;border:none;background:transparent;border-radius:8px;color:var(--text-tertiary);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1rem;transition:all .15s ease}.dm-close:hover{background:var(--surface-hover);color:var(--text-primary)}.dm-body{padding:1.5rem;overflow-y:auto;flex:1}.dm-flow-info{display:flex;align-items:center;gap:.75rem;padding:.85rem 1rem;background:var(--background-secondary);border-radius:10px;margin-bottom:1.25rem}.dm-flow-info i{color:var(--primary);font-size:1.1rem}.dm-flow-info-text{flex:1}.dm-flow-name{font-weight:600;color:var(--text-primary);font-size:.92rem}.dm-flow-version{font-size:.78rem;color:var(--text-secondary);margin-top:.15rem}.dm-field{margin-bottom:1rem}.dm-field label{display:block;font-size:.82rem;font-weight:500;color:var(--text-secondary);margin-bottom:.35rem}.dm-field input,.dm-field textarea{width:100%;padding:.55rem .75rem;border:1px solid var(--border);border-radius:8px;background:var(--background);color:var(--text-primary);font-size:.88rem;transition:all .2s ease;box-sizing:border-box}.dm-field input:focus,.dm-field textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px rgba(var(--primary-rgb),.12)}.dm-field textarea{resize:vertical;min-height:60px}.dm-resources{margin-top:1rem}.dm-resources-title{font-size:.82rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.4px;margin-bottom:.6rem;padding-bottom:.4rem;border-bottom:1px solid var(--border-light)}.dm-resource-list{display:flex;flex-direction:column;gap:.4rem}.dm-resource-item{display:flex;align-items:center;gap:.5rem;padding:.4rem .6rem;border-radius:6px;font-size:.84rem;color:var(--text-primary)}.dm-resource-item i{width:16px;text-align:center;color:var(--success);font-size:.75rem}.dm-resource-item .dm-res-count{color:var(--text-secondary);margin-left:auto;font-size:.78rem}.dm-resource-loading{display:flex;align-items:center;justify-content:center;padding:1.5rem;color:var(--text-tertiary);font-size:.85rem;gap:.5rem}.dm-sub-flows{margin-top:1.25rem}.dm-sub-flows-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.6rem;padding-bottom:.4rem;border-bottom:1px solid var(--border-light)}.dm-sub-flows-title{font-size:.82rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.4px}.dm-sub-flows-toggle{display:flex;align-items:center;gap:.4rem;font-size:.8rem;color:var(--text-secondary);cursor:pointer}.dm-sub-flows-toggle input[type=checkbox]{accent-color:var(--primary)}.dm-sub-flow-list{display:flex;flex-direction:column;gap:.4rem}.dm-sub-flow-item{display:flex;align-items:center;gap:.6rem;padding:.5rem .6rem;border-radius:6px;background:var(--background-secondary)}.dm-sub-flow-item>i{color:var(--primary);font-size:.85rem;width:16px;text-align:center}.dm-sub-flow-info{flex:1;display:flex;flex-direction:column}.dm-sub-flow-name{font-size:.84rem;font-weight:500;color:var(--text-primary)}.dm-sub-flow-detail{font-size:.75rem;color:var(--text-tertiary)}.dm-sub-flow-badge{font-size:.72rem;padding:.15rem .5rem;border-radius:4px;background:rgba(var(--primary-rgb),.1);color:var(--primary);font-weight:500}.dm-sub-flow-warning{margin-top:.5rem;padding:.5rem .65rem;border-radius:6px;background:rgba(var(--primary-rgb),.05);color:var(--warning);font-size:.78rem;display:flex;align-items:center;gap:.4rem}.dm-sub-flow-info-note{margin-top:.4rem;padding:.4rem .65rem;border-radius:6px;background:rgba(var(--primary-rgb),.05);color:var(--text-secondary);font-size:.78rem;display:flex;align-items:center;gap:.4rem}.dm-footer{display:flex;align-items:center;justify-content:flex-end;gap:.75rem;padding:1rem 1.5rem;border-top:1px solid var(--border)}.dm-btn{padding:.5rem 1.15rem;border-radius:8px;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .15s ease;border:1px solid var(--border);background:var(--background);color:var(--text-primary)}.dm-btn:hover{background:var(--surface-hover)}.dm-btn-primary{background:var(--primary-gradient)!important;color:#fff!important;border-color:transparent!important}.dm-btn-primary:hover{background:var(--primary-gradient)!important;color:#fff!important;opacity:.92;transform:translateY(-1px)}.dm-btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none}@media (max-width: 600px){.dm-modal{width:100%;max-width:100%;max-height:100%;border-radius:0}}.designer-container{position:relative;display:flex;height:100vh;width:100%;overflow:hidden;background:var(--background)}.flow-designer-tabbed{display:flex;flex-direction:column;height:100vh;background:var(--background)}.execution-error{box-shadow:0 0 10px rgba(var(--primary-rgb),.5);border-color:var(--danger)!important}.execution-info{position:absolute;bottom:-10px;left:0;right:0;text-align:center;background-color:#000000b3;color:#fff;padding:2px 5px;border-radius:3px;font-size:.8rem;z-index:1}.flow-step.step-pending{border-color:var(--text-tertiary);opacity:.8;position:relative}.flow-step.step-pending:before{content:"Pending";position:absolute;top:-20px;left:50%;transform:translate(-50%);background:var(--text-tertiary);color:#fff;padding:2px 8px;border-radius:4px;font-size:.7rem;z-index:10}.flow-step.step-running{border-color:var(--info)!important;box-shadow:0 0 0 3px rgba(var(--primary-rgb),.5);animation:pulse-blue 1.5s infinite;position:relative}.flow-step.step-running:before{content:"Running";position:absolute;top:-20px;left:50%;transform:translate(-50%);background:var(--info);color:#fff;padding:2px 8px;border-radius:4px;font-size:.7rem;z-index:10}.flow-step.step-completed{border-color:var(--success)!important;box-shadow:0 0 0 2px #10b98180;position:relative}.flow-step.step-completed:before{content:"Completed";position:absolute;top:-20px;left:50%;transform:translate(-50%);background:var(--success);color:#fff;padding:2px 8px;border-radius:4px;font-size:.7rem;z-index:10}.flow-step.step-success{border-color:var(--success)!important;box-shadow:0 0 0 2px #10b98180;position:relative}.flow-step.step-success:before{content:"Success";position:absolute;top:-20px;left:50%;transform:translate(-50%);background:var(--success);color:#fff;padding:2px 8px;border-radius:4px;font-size:.7rem;z-index:10}.flow-step.step-failed{border-color:var(--danger)!important;box-shadow:0 0 0 2px #ef444480;position:relative}.flow-step.step-failed:before{content:"Failed";position:absolute;top:-20px;left:50%;transform:translate(-50%);background:var(--danger);color:#fff;padding:2px 8px;border-radius:4px;font-size:.7rem;z-index:10}.flow-step.step-partial_failure{border-color:var(--warning)!important;box-shadow:0 0 0 2px #f59e0b80;position:relative;animation:pulse-warning 2s infinite}.flow-step.step-partial_failure:before{content:"Partial Success";position:absolute;top:-20px;left:50%;transform:translate(-50%);background:var(--warning);color:#fff;padding:2px 8px;border-radius:4px;font-size:.7rem;z-index:10}.flow-step.step-status-changed{animation:pulse-highlight 1s ease-in-out}@keyframes pulse-blue{0%{box-shadow:0 0 rgba(var(--primary-rgb),.7)}70%{box-shadow:0 0 0 8px rgba(var(--primary-rgb),0)}to{box-shadow:0 0 rgba(var(--primary-rgb),0)}}@keyframes pulse-highlight{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes pulse-warning{0%,to{opacity:1}50%{opacity:.7}}.decision-output-label{position:absolute;top:-20px;left:50%;transform:translate(-50%);background:#000c;color:#fff;padding:2px 8px;border-radius:4px;font-size:12px;white-space:nowrap;opacity:0;transition:opacity .2s ease-in-out;pointer-events:none;z-index:1000}.connection-dot.decision-output:hover .decision-output-label,.connection-dot.decision-output:hover>div{opacity:1}.connection-dot.decision-output{cursor:crosshair!important}.connection-dot.decision-output:hover{transform:scale(1.2);box-shadow:0 2px 8px #0000004d!important}.bottom-toolbar{position:fixed;bottom:16px;left:50%;transform:translate(-50%);background:var(--surface);border:1px solid var(--border-light);border-radius:12px;padding:6px 8px;box-shadow:var(--shadow);display:flex;gap:4px;align-items:center;transition:all .2s ease}.bottom-toolbar:hover{box-shadow:var(--shadow-hover)}.toolbar-btn{all:unset;box-sizing:border-box;font-family:inherit;display:flex;align-items:center;justify-content:center;gap:5px;height:28px;padding:0 8px;font-size:12px;font-weight:500;border-radius:6px;cursor:pointer;transition:all .15s ease;position:relative;text-decoration:none;border:1px solid transparent;white-space:nowrap;outline:none;color:var(--text-secondary)}.toolbar-btn.primary{background:rgba(var(--primary-rgb),.08);color:var(--primary);border-color:rgba(var(--primary-rgb),.15)}.toolbar-btn.primary:hover{background:rgba(var(--primary-rgb),.15);color:var(--primary);border-color:rgba(var(--primary-rgb),.25)}.toolbar-btn.success{background:#10b98114;color:var(--success);border-color:#10b98126}.toolbar-btn.success:hover{background:#10b98126;color:var(--success);border-color:#10b98140}.toolbar-btn.danger{background:#ef444414;color:var(--danger);border-color:#ef444426}.toolbar-btn.danger:hover{background:#ef444426;color:var(--danger);border-color:#ef444440}.toolbar-btn.toggle{background:var(--background-secondary);color:var(--text-secondary);border-color:var(--border-light)}.toolbar-btn.toggle:hover{background:var(--background-tertiary);color:var(--text-primary);border-color:var(--border)}.toolbar-btn.toggle.active{background:rgba(var(--primary-rgb),.1);color:var(--primary);border-color:rgba(var(--primary-rgb),.2)}.toolbar-btn.toggle.active:hover{background:rgba(var(--primary-rgb),.15);color:var(--primary);border-color:rgba(var(--primary-rgb),.3)}.toolbar-btn.special{background:#faf5ff;color:#8b5cf6;border-color:#f3e8ff}.toolbar-btn.special:hover{background:#f3e8ff;color:#7c3aed;border-color:#e9d5ff}.toolbar-btn.special.active{background:#ede9fe;color:#7c3aed;border-color:#ddd6fe}.toolbar-btn.special.active:hover{background:#ddd6fe;color:#6d28d9;border-color:#c4b5fd}.toolbar-btn.icon-only{width:40px;padding:0;min-width:28px}.toolbar-btn.monitoring{background:#f59e0b1a;color:var(--warning);border-color:#f59e0b33;position:relative}.toolbar-btn.monitoring:hover{background:#f59e0b26;color:var(--warning);border-color:#f59e0b4d}.toolbar-btn.monitoring:after{content:"";position:absolute;top:4px;right:4px;width:6px;height:6px;background:var(--warning);border-radius:50%;animation:monitorPulse 2s infinite}@keyframes monitorPulse{0%{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.toolbar-btn:disabled{opacity:.5;cursor:not-allowed;background:var(--background-secondary)!important;color:var(--text-tertiary)!important;border-color:var(--border-light)!important}.toolbar-btn:disabled:hover{background:var(--background-secondary)!important;color:var(--text-tertiary)!important;border-color:var(--border-light)!important}.toolbar-btn.loading{pointer-events:none;opacity:.8}.toolbar-btn.loading i{animation:spin 1s linear infinite}.toolbar-divider{width:1px;height:18px;background:var(--border-light);margin:0 2px;flex-shrink:0}.toolbar-btn:focus-visible{outline:2px solid var(--primary);outline-offset:1px}@media (max-width: 768px){.bottom-toolbar{bottom:8px;left:8px;right:8px;transform:none;padding:5px 6px;border-radius:10px;gap:3px;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none;max-width:100%;justify-content:flex-start}.bottom-toolbar::-webkit-scrollbar{display:none}.toolbar-btn{height:36px;min-width:36px;padding:0 8px;font-size:0;gap:0;flex-shrink:0}.toolbar-btn i{font-size:14px}.toolbar-btn.icon-only{width:36px;min-width:36px}.toolbar-divider{height:20px;margin:0 1px;flex-shrink:0}.designer-container{height:calc(100vh - 44px)}.fd-project-drawer,.fd-components-drawer{position:absolute!important;left:0!important;top:0!important;bottom:0!important;height:auto!important;z-index:200!important;box-shadow:4px 0 20px #00000026!important}.fd-properties-drawer{position:absolute!important;right:0!important;top:0!important;bottom:0!important;height:auto!important;z-index:200!important;box-shadow:-4px 0 20px #00000026!important}.fd-minimap{bottom:60px;right:10px;padding:6px}.fd-minimap svg{width:120px!important;height:80px!important}}.fd-minimap{position:fixed;bottom:80px;right:30px;background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:10px;box-shadow:0 4px 16px #0000001a;z-index:50;cursor:crosshair;transition:box-shadow .2s ease}.fd-minimap:hover{box-shadow:0 6px 24px #00000024}.fd-minimap svg{display:block;border-radius:6px;background:var(--background)}@keyframes dash{to{stroke-dashoffset:-10}}.fd-version-banner{display:flex;align-items:center;gap:8px;padding:9px 16px;border-radius:8px;background:var(--background-secondary);border:1px solid var(--border);box-shadow:var(--shadow);font-size:13px;z-index:100}.fd-version-banner i{font-size:14px;flex-shrink:0}.fd-version-banner .banner-label{font-weight:600}.fd-version-banner .banner-hint{font-weight:400;font-size:12px;opacity:.8}.fd-version-banner.snapshot{border-left:3px solid var(--warning)}.fd-version-banner.snapshot i,.fd-version-banner.snapshot .banner-label{color:var(--warning)}.fd-version-banner.snapshot .banner-hint{color:var(--text-secondary)}.fd-version-banner.outdated{border-left:3px solid var(--danger)}.fd-version-banner.outdated i,.fd-version-banner.outdated .banner-label{color:var(--danger)}.fd-version-banner.outdated .banner-hint{color:var(--text-secondary)}.fd-version-banner.absolute{position:absolute;top:10px;left:50%;transform:translate(-50%);max-width:80%}.fd-version-banner.sticky{position:sticky;top:0;margin:10px 16px 0}.lc-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:10000}.lc-dialog{background:var(--surface);border:1px solid var(--border);border-radius:12px;width:380px;box-shadow:var(--shadow-hover);overflow:hidden}.lc-header{display:flex;align-items:center;gap:8px;padding:16px 20px 8px;font-size:16px;font-weight:600;color:var(--text-primary)}.lc-icon{font-size:20px;color:#f39c12}.lc-subtitle{padding:0 20px 12px;font-size:12px;color:var(--text-tertiary);border-bottom:1px solid var(--border-light)}.lc-body{padding:16px 20px;display:flex;flex-direction:column;gap:14px}.lc-field{display:flex;flex-direction:column;gap:4px}.lc-label{font-size:12px;font-weight:500;color:var(--text-secondary)}.lc-hint{font-size:11px;color:var(--text-tertiary)}.lc-mode-toggle{display:flex;gap:0;border:1px solid var(--border);border-radius:8px;overflow:hidden}.lc-mode-btn{flex:1;padding:7px 0;border:none;background:var(--background-secondary);color:var(--text-secondary);font-size:13px;cursor:pointer;transition:all .15s ease}.lc-mode-btn:not(:last-child){border-right:1px solid var(--border)}.lc-mode-active{background:#f39c12;color:#fff;font-weight:600}.lc-input,.lc-select{padding:8px 10px;border:1px solid var(--border);border-radius:6px;background:var(--background-secondary);color:var(--text-primary);font-size:13px;outline:none;transition:border-color .15s ease}.lc-input:focus,.lc-select:focus{border-color:#f39c12}.lc-footer{display:flex;justify-content:flex-end;gap:8px;padding:12px 20px 16px;border-top:1px solid var(--border-light)}.lc-btn{padding:8px 16px;border:none;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:all .15s ease}.lc-btn-cancel{background:var(--background-secondary);color:var(--text-secondary)}.lc-btn-cancel:hover{background:var(--surface-hover)}.lc-btn-confirm{background:#f39c12;color:#fff}.lc-btn-confirm:hover{background:#e67e22}.lc-btn-confirm:disabled{opacity:.5;cursor:not-allowed}.cg-group{position:absolute;border-radius:8px;border:2px solid transparent;z-index:0;-webkit-user-select:none;user-select:none;display:flex;flex-direction:column;transition:box-shadow .15s ease}.cg-group:hover{box-shadow:0 0 0 1px rgba(var(--primary-rgb),.3)}.cg-group.cg-selected{box-shadow:0 0 0 2px rgba(var(--primary-rgb),.5)}.cg-titlebar{display:flex;align-items:center;gap:4px;padding:4px 8px;border-radius:6px 6px 0 0;cursor:grab;min-height:28px;flex-shrink:0}.cg-titlebar:active{cursor:grabbing}.cg-collapse-icon{display:flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:4px;cursor:pointer;font-size:10px;color:inherit;opacity:.7;transition:opacity .1s,background .1s;flex-shrink:0}.cg-collapse-icon:hover{opacity:1;background:#ffffff26}.cg-label{font-size:12px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;pointer-events:none}.cg-label-input{font-size:12px;font-weight:600;background:#fff3;border:1px solid rgba(255,255,255,.3);border-radius:4px;padding:1px 4px;color:inherit;outline:none;flex:1;min-width:40px}.cg-body{flex:1;min-height:0;border-radius:0 0 6px 6px;pointer-events:none}.cg-is-collapsed{overflow:visible;border-radius:14px!important;border:none!important;background:none!important}.cg-is-collapsed .cg-body{display:none}.cg-group.cg-drop-target{box-shadow:0 0 0 3px rgba(var(--primary-rgb),.5);border-color:rgba(var(--primary-rgb),.6)!important;transition:box-shadow .1s ease,border-color .1s ease}.cg-collapsed-card{width:56px;height:56px;border-radius:14px;display:flex;align-items:center;justify-content:center;cursor:grab;border:2px solid;box-shadow:var(--shadow);transition:box-shadow .15s ease}.cg-collapsed-card:hover{box-shadow:var(--shadow-hover)}.cg-collapsed-card:active{cursor:grabbing}.cg-collapsed-icon{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:16px}.cg-collapsed-labels{position:absolute;top:60px;left:50%;transform:translate(-50%);text-align:center;white-space:nowrap;pointer-events:none}.cg-collapsed-name{font-size:11px;font-weight:600;color:var(--text-primary);max-width:100px;overflow:hidden;text-overflow:ellipsis}.cg-collapsed-type{font-size:10px;color:var(--text-tertiary)}.cg-conn-dot{position:absolute;width:8px;height:8px;border-radius:50%;border:2px solid;top:28px;transform:translateY(-50%);pointer-events:none}.cg-conn-dot-in{left:-4px}.cg-conn-dot-out{right:-4px}.cg-resize-handle{position:absolute;z-index:2}.cg-resize-n{top:-3px;left:4px;right:4px;height:6px;cursor:ns-resize}.cg-resize-s{bottom:-3px;left:4px;right:4px;height:6px;cursor:ns-resize}.cg-resize-e{right:-3px;top:4px;bottom:4px;width:6px;cursor:ew-resize}.cg-resize-w{left:-3px;top:4px;bottom:4px;width:6px;cursor:ew-resize}.cg-resize-se{right:-4px;bottom:-4px;width:12px;height:12px;cursor:nwse-resize}.cg-resize-nw{left:-4px;top:-4px;width:12px;height:12px;cursor:nwse-resize}.cg-resize-ne{right:-4px;top:-4px;width:12px;height:12px;cursor:nesw-resize}.cg-resize-sw{left:-4px;bottom:-4px;width:12px;height:12px;cursor:nesw-resize}.cg-context-menu{position:fixed;background:var(--surface);border:1px solid var(--border);border-radius:8px;box-shadow:var(--shadow-hover);z-index:10000;min-width:180px;padding:4px;animation:cg-fadeIn .12s ease-out}@keyframes cg-fadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.cg-context-item{padding:8px 12px;cursor:pointer;border-radius:6px;font-size:13px;color:var(--text-primary);display:flex;align-items:center;gap:8px;transition:background .1s ease}.cg-context-item:hover{background:var(--surface-hover)}.cg-context-item.cg-danger{color:var(--danger)}.cg-context-item.cg-danger:hover{background:#ef44441a}.cg-context-separator{height:1px;background:var(--border);margin:4px 8px}.cg-color-palette{display:flex;gap:6px;padding:8px 12px}.cg-color-swatch{width:20px;height:20px;border-radius:50%;cursor:pointer;border:2px solid transparent;transition:transform .1s,border-color .1s}.cg-color-swatch:hover{transform:scale(1.2)}.cg-color-swatch.cg-swatch-active{border-color:var(--text-primary)}.flow-step.flow-step-modern{position:absolute;width:120px!important;height:auto!important;border-radius:0!important;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:none;transition:transform .2s;cursor:grab;-webkit-user-select:none;user-select:none;background:transparent!important;text-align:center;overflow:visible;z-index:10;padding:0!important;border:none!important;outline:none!important}.flow-step-modern:active{cursor:grabbing}.flow-step-modern:hover{transform:none;z-index:20}.flow-step.flow-step-modern.selected{border:none!important;box-shadow:none!important}.flow-step-modern .connector-dot.branch-output{width:16px!important;height:16px!important;border-radius:50%;border:3px solid var(--background);box-shadow:var(--shadow);cursor:pointer;transition:all .2s ease;position:relative;margin:8px 0;z-index:10}.flow-step-modern .connector-dot.branch-output:hover{transform:scale(1.4);box-shadow:var(--shadow-hover);border-width:4px;z-index:20;filter:brightness(1.1)}.flow-step-modern .connector-dot.branch-output:hover:after{content:"";position:absolute;top:-6px;left:-6px;right:-6px;bottom:-6px;border-radius:50%;border:2px solid currentColor;opacity:.6;animation:branchPulse 1s infinite}@keyframes branchPulse{0%{transform:scale(1);opacity:.6}50%{transform:scale(1.2);opacity:.3}to{transform:scale(1.4);opacity:0}}.flow-step-modern .branch-output-label{position:absolute;left:25px;top:50%;transform:translateY(-50%);background:var(--text-primary);color:var(--background);padding:4px 8px;border-radius:4px;font-size:11px;font-weight:500;white-space:nowrap;pointer-events:none;opacity:.8;transition:all .2s ease;z-index:15;box-shadow:var(--shadow);min-width:60px;text-align:center}.flow-step-modern .connector-dot.branch-output:hover .branch-output-label{opacity:1;transform:translateY(-50%) scale(1.15);background:var(--text-primary);box-shadow:var(--shadow-hover);font-weight:600;z-index:25}.flow-step-modern .connector-dot.branch-output:before{content:"";position:absolute;top:-12px;left:-12px;right:-12px;bottom:-12px;border-radius:50%;background:transparent;cursor:pointer}.flow-step-modern[data-python-path*=error_detection].error-detection-active{position:relative;animation:errorDetectionActive 2.5s ease-in-out infinite;border-color:var(--warning)!important;background:linear-gradient(135deg,#f59e0b26,#f59e0b14);box-shadow:0 0 0 2px #f59e0b4d;z-index:800!important;transform:translateZ(0);isolation:isolate}.flow-step-modern[data-python-path*=error_detection].error-detection-active:before{content:"🔍 ERROR DETECT";position:absolute;top:-45px;left:50%;transform:translate(-50%) translateZ(10px);background:var(--warning);color:#fff;padding:8px 16px;border-radius:25px;font-size:11px;font-weight:700;white-space:nowrap;box-shadow:0 8px 25px #f59e0b66;animation:errorDetectLabelScan 2.5s ease-in-out infinite;z-index:9999;border:2px solid var(--surface);pointer-events:none;letter-spacing:.5px;will-change:transform}.flow-step-modern[data-python-path*=error_detection].error-detection-active:after{content:"";position:absolute;top:50%;left:50%;width:110px;height:110px;transform:translate(-50%,-50%);border-radius:50%;border:2px solid rgba(245,158,11,.6);opacity:0;animation:errorDetectRipple 2.5s ease-out infinite;z-index:-1;pointer-events:none}.flow-step-modern[data-python-path*=error_detection].error-detected{position:relative;animation:errorDetectionPulse 3s ease-in-out infinite;border-color:var(--danger)!important;background:linear-gradient(135deg,#ff57571a,#ff57570d);z-index:800!important}.flow-step-modern[data-python-path*=error_detection].error-detected:before{content:"🔍 ERROR DETECTED";position:absolute;top:-45px;left:50%;transform:translate(-50%);background:var(--danger);color:#fff;padding:8px 16px;border-radius:25px;font-size:11px;font-weight:700;white-space:nowrap;box-shadow:0 8px 25px #ef444466;animation:errorLabelFloat 3s ease-in-out infinite;z-index:9999;border:2px solid var(--surface);pointer-events:none;letter-spacing:.5px}.flow-step-modern[data-python-path*=error_detection]{background:rgba(var(--warning-rgb, 245, 158, 11),.08)!important;border:2px dashed var(--warning)!important;position:relative;overflow:visible;box-shadow:0 2px 8px rgba(var(--warning-rgb, 245, 158, 11),.15)!important}.flow-step-modern[data-python-path*=error_detection]:hover{background:rgba(var(--warning-rgb, 245, 158, 11),.12)!important;border-color:var(--warning)!important;box-shadow:0 4px 12px rgba(var(--warning-rgb, 245, 158, 11),.25)!important;transform:translateY(-2px)}.flow-step-modern[data-python-path*=error_detection] .step-header:after{content:"⚡";position:absolute;top:-8px;right:-8px;background:var(--warning);color:var(--surface);width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;box-shadow:0 2px 6px rgba(var(--warning-rgb, 245, 158, 11),.3);z-index:10}.flow-step-modern[data-python-path*=error_detection] .step-icon{background:var(--warning)!important;color:var(--surface)!important;padding:8px;border-radius:8px;box-shadow:0 2px 6px rgba(var(--warning-rgb, 245, 158, 11),.2)}.flow-step-modern[data-python-path*=error_detection].error-detected:after{content:"";position:absolute;top:50%;left:50%;width:100px;height:100px;transform:translate(-50%,-50%);border-radius:50%;border:2px solid rgba(var(--danger-rgb, 239, 68, 68),.6);opacity:0;animation:errorRippleClean 3s ease-out infinite;z-index:-1;pointer-events:none}@keyframes errorDetectionActive{0%,to{transform:scale(1);box-shadow:0 0 0 2px #ff95004d,0 0 #ff9500b3}50%{transform:scale(1.02);box-shadow:0 0 0 2px #ff950080,0 0 0 18px #ff950000}}@keyframes errorDetectionPulse{0%,to{transform:scale(1);box-shadow:0 0 #ff5757b3}50%{transform:scale(1.02);box-shadow:0 0 0 15px #ff575700}}.sn-node[data-python-path*=sub_flow] .sn-card{border:2px solid #00897B!important;box-shadow:inset 0 0 0 2px var(--surface),0 2px 10px #00897b2e!important}.sn-node[data-python-path*=sub_flow]:hover .sn-card{box-shadow:inset 0 0 0 2px var(--surface),0 4px 16px #00897b47!important}.sn-node[data-python-path*=sub_flow] .sn-card:after{content:"↪";position:absolute;bottom:-6px;right:-6px;background:#00897b;color:#fff;width:18px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;border:2px solid var(--surface);z-index:10}.flow-step-modern.step-failed{position:relative;animation:stepFailedPulse 2.5s ease-in-out infinite;border-color:var(--danger)!important;background:rgba(var(--danger-rgb, 239, 68, 68),.12);box-shadow:0 0 0 2px rgba(var(--danger-rgb, 239, 68, 68),.3);z-index:800!important}.flow-step-modern.step-failed:before{content:"💥 STEP FAILED";position:absolute;top:-45px;left:50%;transform:translate(-50%);background:var(--danger);color:var(--surface);padding:8px 16px;border-radius:25px;font-size:11px;font-weight:700;white-space:nowrap;box-shadow:0 8px 25px rgba(var(--danger-rgb, 239, 68, 68),.4);animation:stepFailedLabelShake 2.5s ease-in-out infinite;z-index:9999;border:2px solid var(--surface);pointer-events:none;letter-spacing:.5px}.flow-step-modern.step-failed:after{content:"";position:absolute;top:50%;left:50%;width:120px;height:120px;transform:translate(-50%,-50%);border-radius:50%;border:3px solid rgba(var(--danger-rgb, 239, 68, 68),.8);opacity:0;animation:stepFailedRipple 2.5s ease-out infinite;z-index:-1;pointer-events:none}@keyframes stepFailedPulse{0%,to{transform:scale(1);box-shadow:0 0 0 2px #dc35454d,0 0 #dc3545b3}50%{transform:scale(1.03);box-shadow:0 0 0 2px #dc354580,0 0 0 20px #dc354500}}.flow-step-modern.execution-error{position:relative;animation:executionErrorPulse 2s ease-in-out infinite;border-color:var(--danger)!important;background:rgba(var(--danger-rgb, 239, 68, 68),.1);z-index:800!important}.flow-step-modern.execution-error:before{content:"⚠️ ERROR";position:absolute;top:-40px;left:50%;transform:translate(-50%);background:var(--danger);color:var(--surface);padding:6px 14px;border-radius:20px;font-size:10px;font-weight:600;white-space:nowrap;box-shadow:0 6px 20px rgba(var(--danger-rgb, 239, 68, 68),.3);animation:executionErrorLabelBounce 2s ease-in-out infinite;z-index:9999;border:2px solid var(--surface);pointer-events:none;letter-spacing:.3px}.flow-step-modern.execution-error:after{content:"";position:absolute;top:50%;left:50%;width:90px;height:90px;transform:translate(-50%,-50%);border-radius:50%;border:2px solid rgba(var(--danger-rgb, 239, 68, 68),.6);opacity:0;animation:executionErrorRipple 2s ease-out infinite;z-index:-1;pointer-events:none}@keyframes executionErrorPulse{0%,to{transform:scale(1);box-shadow:0 0 #ff6b6b99}50%{transform:scale(1.015);box-shadow:0 0 0 12px #ff6b6b00}}.co-page{padding:1.5rem;max-width:1600px;margin:0 auto;width:100%;box-sizing:border-box}.co-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem;gap:1rem}.co-header-left h1{font-size:2rem;font-weight:700;color:var(--text-primary);margin:0 0 .25rem;display:flex;align-items:center;gap:.75rem}.co-header-left h1 i{color:var(--primary);font-size:1.75rem}.co-header-subtitle{font-size:.9rem;color:var(--text-secondary);margin:0}.co-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:1.5rem}.co-stat-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:1.15rem 1.25rem;display:flex;align-items:center;justify-content:space-between;box-shadow:var(--shadow);transition:all .2s ease}.co-stat-card:hover{box-shadow:var(--shadow-hover);transform:translateY(-1px)}.co-stat-value{font-size:1.75rem;font-weight:700;color:var(--text-primary);line-height:1;margin-bottom:.25rem}.co-stat-label{font-size:.78rem;color:var(--text-secondary);font-weight:500}.co-stat-icon{width:42px;height:42px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1.1rem;flex-shrink:0}.co-stat-icon.total{background:#4a8db71a;color:var(--primary)}.co-stat-icon.active{background:#10b9811a;color:#10b981}.co-stat-icon.premium{background:#f59e0b1a;color:#f59e0b}.co-stat-icon.enterprise{background:#8b5cf61a;color:#8b5cf6}.co-toolbar{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:.85rem 1.15rem;display:flex;align-items:center;gap:.75rem;margin-bottom:1rem;box-shadow:var(--shadow);flex-wrap:wrap}.co-search{position:relative;flex:1;min-width:200px;max-width:340px}.co-search i{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);color:var(--text-tertiary);font-size:.8rem}.co-search input{width:100%;padding:.5rem .75rem .5rem 2.1rem;border:1px solid var(--border);border-radius:8px;font-size:.85rem;background:var(--background);color:var(--text-primary);transition:all .2s ease}.co-search input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #4a8db71f}.co-filter{padding:.5rem .75rem;border:1px solid var(--border);border-radius:8px;background:var(--background);color:var(--text-primary);font-size:.85rem;min-width:120px;cursor:pointer;transition:all .2s ease}.co-filter:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #4a8db71f}.co-toolbar-spacer{flex:1}.co-view-toggle{display:flex;background:var(--background);border:1px solid var(--border);border-radius:8px;padding:.2rem;gap:.15rem}.co-view-btn{width:32px;height:32px;border-radius:6px;border:none;background:transparent;color:var(--text-tertiary);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;font-size:.82rem;transition:all .15s ease}.co-view-btn:hover{color:var(--text-primary);background:var(--surface-hover)}.co-view-btn.active{background:var(--surface);color:var(--primary);box-shadow:var(--shadow)}.co-toolbar-btn{display:inline-flex;align-items:center;gap:.4rem;padding:.45rem .85rem;border-radius:8px;font-size:.82rem;font-weight:500;cursor:pointer;transition:all .2s ease;border:1px solid transparent;white-space:nowrap}.co-toolbar-btn.primary{background:var(--primary-gradient);color:#fff}.co-toolbar-btn.primary:hover{opacity:.9;transform:translateY(-1px)}.co-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:1rem}.co-card{background:var(--surface);border:1px solid var(--border);border-radius:8px;overflow:hidden;transition:border-color .15s ease;display:flex;flex-direction:column}.co-card:hover{border-color:var(--primary)}.co-card-header{padding:1rem 1.15rem;display:flex;align-items:center;gap:.7rem}.co-card-icon{width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:.75rem;font-weight:600;flex-shrink:0;-webkit-user-select:none;user-select:none}.co-card-info{flex:1;min-width:0}.co-card-name{font-size:.88rem;font-weight:500;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.co-card-domain{font-size:.75rem;color:var(--text-tertiary)}.co-card-badges{display:flex;gap:.4rem;flex-shrink:0}.co-card-body{padding:0 1.15rem .85rem;flex:1}.co-card-meta{display:grid;grid-template-columns:1fr 1fr;gap:.35rem}.co-meta-item{display:flex;align-items:center;gap:.35rem;font-size:.75rem;color:var(--text-secondary)}.co-meta-item i{width:13px;text-align:center;color:var(--text-tertiary);font-size:.7rem}.co-card-footer{padding:.6rem 1.15rem;border-top:1px solid var(--border-light);display:flex;gap:.3rem;justify-content:flex-end}.co-table-wrap{background:var(--surface);border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow);overflow:hidden;transition:background-color .3s ease,border-color .3s ease}.co-table-scroll{overflow-x:auto}.co-table{width:100%;border-collapse:collapse;font-size:.85rem}.co-table thead th{padding:.75rem 1.15rem;text-align:left;font-weight:600;font-size:.75rem;text-transform:uppercase;letter-spacing:.4px;color:var(--text-secondary);background:var(--background-secondary);border-bottom:1px solid var(--border);white-space:nowrap;position:sticky;top:0;z-index:2}.co-table thead th:last-child{text-align:center;width:130px}.co-table tbody tr{transition:background .15s ease}.co-table tbody tr:hover{background:var(--surface-hover)}.co-table tbody td{padding:.75rem 1.15rem;border-bottom:1px solid var(--border-light);vertical-align:middle;color:var(--text-primary)}.co-table tbody td:last-child{text-align:center}.co-company-cell{display:flex;align-items:center;gap:.65rem}.co-company-cell-icon{width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:.72rem;font-weight:700;letter-spacing:.5px;flex-shrink:0;-webkit-user-select:none;user-select:none;box-shadow:0 2px 6px #0000001a}.co-company-cell-name{font-weight:600}.co-company-cell-domain{font-size:.75rem;color:var(--text-tertiary);font-family:SF Mono,Monaco,Menlo,monospace}.co-count-cell{font-weight:600}.co-date-cell{color:var(--text-secondary);font-size:.8rem}.co-badge{display:inline-flex;align-items:center;padding:.15rem .5rem;border-radius:4px;font-size:.68rem;font-weight:500;text-transform:capitalize;white-space:nowrap}.co-badge.success{background:#10b9811f;color:#10b981}.co-badge.warning{background:#f59e0b1f;color:#f59e0b}.co-badge.danger{background:#ef44441f;color:#ef4444}.co-badge.secondary{background:#6b72801f;color:var(--text-secondary)}.co-plan-badge{display:inline-flex;align-items:center;padding:.15rem .5rem;border-radius:4px;font-size:.65rem;font-weight:500;text-transform:uppercase;letter-spacing:.3px;white-space:nowrap}.co-plan-badge.secondary{background:#6b72801f;color:var(--text-secondary)}.co-plan-badge.info{background:#3b82f61f;color:#3b82f6}.co-plan-badge.warning{background:#f59e0b1f;color:#f59e0b}.co-plan-badge.purple{background:#8b5cf61f;color:#8b5cf6}.co-actions{display:flex;gap:.35rem;justify-content:center}.co-act-btn{width:30px;height:30px;border-radius:7px;border:1px solid var(--border);background:transparent;color:var(--text-secondary);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;font-size:.78rem;transition:all .15s ease;text-decoration:none}.co-act-btn:hover{background:var(--surface-hover);color:var(--primary);border-color:var(--primary)}.co-act-btn.danger:hover{color:#ef4444;border-color:#ef4444;background:#ef444414}.co-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;color:var(--text-secondary)}.co-spin{width:36px;height:36px;border:3px solid var(--border);border-top-color:var(--primary);border-radius:50%;animation:co-spin .8s linear infinite;margin-bottom:.75rem}@keyframes co-spin{to{transform:rotate(360deg)}}.co-empty{text-align:center;padding:4rem 2rem;background:var(--surface);border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow)}.co-empty i{font-size:3rem;color:var(--text-tertiary);opacity:.35;margin-bottom:1rem}.co-empty h3{color:var(--text-primary);font-size:1.1rem;margin:0 0 .5rem}.co-empty p{color:var(--text-secondary);font-size:.88rem;margin:0 0 1.5rem}.co-empty-btn{display:inline-flex;align-items:center;gap:.4rem;padding:.55rem 1.1rem;border-radius:8px;font-size:.85rem;font-weight:500;cursor:pointer;border:none;background:var(--primary-gradient);color:#fff;transition:all .2s ease}.co-empty-btn:hover{opacity:.9;transform:translateY(-1px)}.co-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.co-modal{background:var(--surface);border:1px solid var(--border);border-radius:16px;box-shadow:0 20px 60px #0000004d;width:100%;max-width:440px;max-height:90vh;display:flex;flex-direction:column;overflow:hidden}.co-modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.15rem 1.5rem;border-bottom:1px solid var(--border)}.co-modal-header h3{margin:0;font-size:1.05rem;font-weight:600;color:var(--text-primary)}.co-modal-close{width:30px;height:30px;border-radius:8px;border:1px solid var(--border);background:transparent;color:var(--text-secondary);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;font-size:1.1rem;transition:all .15s ease}.co-modal-close:hover{background:var(--surface-hover);color:var(--text-primary)}.co-modal-body{padding:1.25rem 1.5rem;overflow-y:auto;flex:1;min-height:0}.co-modal-footer{display:flex;justify-content:flex-end;gap:.5rem;padding:1rem 1.5rem;border-top:1px solid var(--border)}.co-form-group{margin-bottom:.65rem}.co-form-label{display:block;margin-bottom:.25rem;font-weight:500;color:var(--text-primary);font-size:.8rem}.co-form-input{width:100%;padding:.45rem .7rem;border:1px solid var(--border);border-radius:8px;background:var(--background);color:var(--text-primary);font-size:.82rem;transition:all .2s ease;box-sizing:border-box}.co-form-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #4a8db71f}textarea.co-form-textarea{resize:vertical;min-height:50px;font-family:inherit}.co-btn{display:inline-flex;align-items:center;gap:.35rem;padding:.5rem 1rem;border-radius:8px;font-size:.82rem;font-weight:500;cursor:pointer;transition:all .2s ease;border:1px solid var(--border)}.co-btn.secondary{background:var(--background);color:var(--text-primary)}.co-btn.secondary:hover{background:var(--surface-hover)}.co-btn.primary{background:var(--primary-gradient);color:#fff;border-color:transparent}.co-btn.primary:hover{opacity:.9}.co-btn.primary:disabled{opacity:.5;cursor:not-allowed}.co-btn.danger{background:#ef4444;color:#fff;border-color:transparent}.co-btn.danger:hover{background:#dc2626}.co-btn.danger:disabled{opacity:.5;cursor:not-allowed}.co-delete-confirm{text-align:center;padding:.5rem 0}.co-delete-icon{font-size:2.5rem;color:#ef4444;margin-bottom:.75rem}.co-delete-title{font-size:1.05rem;font-weight:600;color:var(--text-primary);margin:0 0 .5rem}.co-delete-text{font-size:.85rem;color:var(--text-secondary);margin:0 0 1rem}.co-delete-warning{background:#ef444414;border:1px solid rgba(239,68,68,.15);border-radius:8px;padding:.75rem 1rem}.co-delete-warning p{color:#ef4444;font-weight:500;margin:0;font-size:.82rem;display:flex;align-items:center;gap:.4rem;justify-content:center}.co-worker-section{margin-top:.65rem;padding-top:.65rem;border-top:1px dashed var(--border-light)}.co-worker-header{display:flex;align-items:center;gap:.4rem;font-size:.75rem;font-weight:600;color:var(--text-secondary);margin-bottom:.45rem}.co-worker-header i{color:var(--primary);font-size:.7rem}.co-worker-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:.35rem}.co-worker-stat{display:flex;flex-direction:column;align-items:center;background:var(--background-secondary);border-radius:6px;padding:.35rem .25rem}.co-worker-stat-val{font-size:.82rem;font-weight:700;color:var(--text-primary);line-height:1}.co-worker-stat-label{font-size:.6rem;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.3px;margin-top:.15rem}.co-worker-error{margin-top:.4rem;padding:.35rem .5rem;background:#ef444414;border:1px solid rgba(239,68,68,.15);border-radius:6px;font-size:.7rem;color:#ef4444;display:flex;align-items:flex-start;gap:.3rem;word-break:break-word}.co-worker-error i{flex-shrink:0;margin-top:.1rem}.co-modal-wide{max-width:640px}.co-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:.5rem .75rem}.co-form-grid .co-form-group{margin-bottom:.25rem}.co-form-divider{display:flex;align-items:center;gap:.5rem;font-size:.78rem;font-weight:600;color:var(--primary);margin:.75rem 0 .5rem;padding-bottom:.35rem;border-bottom:1px solid var(--border-light)}.co-form-divider:first-of-type{margin-top:.25rem}.co-form-hint{display:block;font-size:.68rem;color:var(--text-tertiary);margin-top:.2rem}.co-form-info{display:flex;align-items:flex-start;gap:.5rem;margin-top:1rem;padding:.65rem .85rem;background:rgba(var(--primary-rgb),.06);border:1px solid rgba(var(--primary-rgb),.12);border-radius:8px;font-size:.78rem;color:var(--text-secondary);line-height:1.4}.co-form-info i{color:var(--primary);margin-top:.15rem;flex-shrink:0}.co-wm-status-row{display:flex;gap:1.5rem;margin-bottom:1rem}.co-wm-status{display:flex;align-items:center;gap:.5rem}.co-wm-label{font-size:.78rem;font-weight:500;color:var(--text-secondary)}.co-wm-code{font-size:.75rem;padding:.15rem .4rem;background:var(--background-secondary);border:1px solid var(--border-light);border-radius:4px;font-family:SF Mono,Monaco,Menlo,monospace;color:var(--text-primary)}.co-wm-queues{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;margin-bottom:1rem}.co-wm-queue{background:var(--background-secondary);border:1px solid var(--border-light);border-radius:8px;padding:.75rem}.co-wm-queue-label{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.3px;color:var(--text-tertiary);margin-bottom:.35rem}.co-wm-queue-detail{font-size:.75rem;color:var(--text-secondary);margin-top:.35rem}.co-wm-resources{display:flex;flex-direction:column;gap:.4rem;margin-bottom:.75rem}.co-wm-resource{display:flex;align-items:center;gap:.5rem;font-size:.8rem;color:var(--text-secondary)}.co-wm-resource i{width:16px;text-align:center;color:var(--text-tertiary);font-size:.75rem}.co-wm-resources-split{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;margin-bottom:.75rem}.co-wm-res-group{background:var(--background-secondary);border-radius:8px;padding:.6rem .75rem;display:flex;flex-direction:column;gap:.35rem}.co-wm-res-title{font-size:.75rem;font-weight:600;color:var(--text-primary);margin-bottom:.15rem;display:flex;align-items:center;gap:.4rem}.co-wm-res-title i{font-size:.7rem;color:var(--primary)}.co-wm-timestamp{font-size:.72rem;color:var(--text-tertiary);margin-top:.5rem}.co-form-divider-sub{font-size:.72rem;font-weight:400;color:var(--text-tertiary);margin-left:.5rem}.co-res-cell{display:flex;flex-direction:column;gap:.15rem;font-size:.72rem}.co-res-cell span{white-space:nowrap}@media (max-width: 1024px){.co-stats{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.co-page{padding:.75rem}.co-header{flex-direction:column;gap:.5rem;margin-bottom:1rem}.co-header-left h1{font-size:1.35rem;gap:.5rem}.co-header-left h1 i{font-size:1.15rem}.co-header-subtitle{font-size:.8rem}.co-stats{grid-template-columns:repeat(2,1fr);gap:.5rem;margin-bottom:1rem}.co-stat-card{padding:.75rem .85rem;border-radius:10px}.co-stat-value{font-size:1.35rem}.co-stat-label{font-size:.7rem}.co-stat-icon{width:34px;height:34px;font-size:.9rem}.co-toolbar{flex-direction:column;align-items:stretch;padding:.65rem;gap:.5rem;margin-bottom:.75rem}.co-search{max-width:100%}.co-grid{grid-template-columns:1fr;gap:.75rem}.co-card-footer{flex-direction:row;gap:.35rem}.co-table thead th,.co-table tbody td{padding:.6rem .75rem;font-size:.8rem}}@media (max-width: 480px){.co-stats{grid-template-columns:repeat(2,1fr)}.co-card-meta{grid-template-columns:1fr}.co-card-header{flex-wrap:wrap}}.co-deploy-toggle{display:flex;gap:0;border:1px solid var(--border);border-radius:8px;overflow:hidden}.co-deploy-btn{flex:1;padding:.6rem 1rem;border:none;background:var(--surface);color:var(--text-secondary);font-size:.85rem;font-weight:500;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem;transition:all .15s ease}.co-deploy-btn:first-child{border-right:1px solid var(--border)}.co-deploy-btn.active{background:var(--primary);color:#fff}.co-deploy-btn:not(.active):hover{background:var(--surface-hover)}.co-heartbeat-success{color:var(--success)}.co-heartbeat-warning{color:var(--warning)}.co-heartbeat-danger{color:var(--danger)}.co-heartbeat-secondary{color:var(--text-tertiary)}.co-badge.primary{background:rgba(var(--primary-rgb),.12);color:var(--primary)}.co-badge.info{background:rgba(var(--info-rgb, 59, 130, 246),.12);color:var(--info)}.co-badge.onprem{background:#8b5cf61f;color:#8b5cf6}.file-explorer{display:flex;flex-direction:column;height:100%;background:var(--background);overflow:hidden}.file-explorer-toolbar{padding:8px 16px;background:var(--surface);border-bottom:1px solid var(--border);display:flex;gap:6px;flex-shrink:0}.toolbar-button{padding:5px 10px;border:1px solid var(--border);background:var(--surface);color:var(--text-secondary);border-radius:6px;cursor:pointer;font-size:.78rem;display:flex;align-items:center;gap:4px;transition:all .15s ease}.toolbar-button:hover{background:var(--surface-hover);border-color:var(--primary);color:var(--text-primary)}.file-explorer-breadcrumbs{display:flex;align-items:center;padding:8px 16px;background:var(--surface);border-bottom:1px solid var(--border);flex-wrap:wrap;gap:2px;flex-shrink:0}.breadcrumb-item{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;background:none;border:none;color:var(--primary);cursor:pointer;font-size:.78rem;border-radius:5px;transition:all .15s ease}.breadcrumb-item:hover:not(:disabled){background:rgba(var(--primary-rgb),.08)}.breadcrumb-item:disabled{color:var(--text-primary);cursor:default;font-weight:600}.breadcrumb-separator{color:var(--text-tertiary);font-size:10px}.breadcrumb-icon{font-size:.82rem}.file-explorer-content{flex:1;overflow-y:auto;background:var(--surface)}.file-explorer-content::-webkit-scrollbar{width:7px}.file-explorer-content::-webkit-scrollbar-track{background:transparent}.file-explorer-content::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}.file-explorer-content::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}.file-list{display:flex;flex-direction:column}.file-item{display:grid;grid-template-columns:24px 1fr auto auto auto 32px;align-items:center;gap:12px;padding:9px 16px;border-bottom:1px solid var(--border-light, var(--border));cursor:pointer;transition:background-color .12s ease;position:relative}.file-item:hover{background:var(--surface-hover)}.file-item:last-child{border-bottom:none}.file-item.directory{font-weight:500}.file-icon{font-size:1rem;color:var(--text-tertiary)}.folder-icon{color:var(--warning)}.file-name{font-size:.82rem;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-size{font-size:.75rem;color:var(--text-tertiary);min-width:80px;text-align:right}.file-permissions{font-size:.7rem;color:var(--text-tertiary);font-family:SF Mono,Cascadia Code,Consolas,monospace;min-width:50px;text-align:center}.file-modified{font-size:.75rem;color:var(--text-tertiary);min-width:140px;text-align:right}.file-menu-button{opacity:0;padding:4px 8px;border:none;background:transparent;color:var(--text-tertiary);cursor:pointer;border-radius:5px;margin-left:auto;transition:all .15s ease}.file-item:hover .file-menu-button{opacity:1}.file-menu-button:hover{background:var(--surface-hover);color:var(--text-primary)}.file-explorer-loading{display:flex;align-items:center;justify-content:center;gap:8px;padding:40px;color:var(--text-secondary);font-size:.82rem}.file-explorer-loading svg{animation:fe-spin 1s linear infinite}@keyframes fe-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.file-explorer-error{padding:24px;text-align:center;color:var(--danger);font-size:.85rem}.file-explorer-empty{padding:40px;text-align:center;color:var(--text-tertiary);font-size:.85rem}.file-explorer-status{padding:8px 16px;background:var(--background-secondary);border-top:1px solid var(--border);font-size:.72rem;color:var(--text-tertiary);flex-shrink:0}.context-menu{position:fixed;background:var(--surface);border:1px solid var(--border);border-radius:8px;box-shadow:0 8px 24px #00000026;z-index:10000;min-width:160px;padding:4px 0}.context-menu-item{padding:7px 14px;cursor:pointer;display:flex;align-items:center;gap:8px;font-size:.8rem;color:var(--text-primary);transition:background-color .12s ease}.context-menu-item:hover{background:var(--surface-hover)}.context-menu-item.danger{color:var(--danger)}.context-menu-item.danger:hover{background:rgba(var(--danger-rgb),.08)}.dialog-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:10001}.dialog{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:20px;min-width:400px;box-shadow:0 16px 48px #0003}.dialog h3{margin:0 0 14px;font-size:.92rem;font-weight:600;color:var(--text-primary)}.dialog input[type=text]{width:100%;padding:8px 12px;border:1.5px solid var(--border);border-radius:7px;font-size:.85rem;margin-bottom:14px;background:var(--background);color:var(--text-primary);box-sizing:border-box;transition:border-color .15s ease,box-shadow .15s ease}.dialog input[type=text]:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px rgba(var(--primary-rgb),.1)}.dialog-buttons{display:flex;gap:8px;justify-content:flex-end}.dialog-buttons button{padding:7px 16px;border:1px solid var(--border);background:var(--surface);color:var(--text-primary);border-radius:7px;cursor:pointer;font-size:.82rem;font-weight:500;transition:all .15s ease}.dialog-buttons button:hover{background:var(--surface-hover)}.dialog-buttons button.primary{background:var(--primary-gradient);color:#fff;border-color:var(--primary)}.dialog-buttons button.primary:hover{opacity:.88}.dialog-buttons button.danger{background:var(--danger);color:#fff;border-color:var(--danger)}.dialog-buttons button.danger:hover{opacity:.88}.dialog-message{margin:0 0 14px;font-size:.85rem;color:var(--text-secondary);line-height:1.5}.dialog-buttons button:disabled{opacity:.45;cursor:not-allowed}@media (max-width: 768px){.file-item{grid-template-columns:24px 1fr 32px;gap:8px}.file-size,.file-permissions,.file-modified{display:none}.dialog{min-width:90%;margin:0 20px}}.fp-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1065;padding:20px}.fp-container{background:var(--surface);border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow-hover, 0 8px 32px rgba(0, 0, 0, .25));width:90%;max-width:800px;max-height:80vh;display:flex;flex-direction:column;overflow:hidden}.fp-header{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border-bottom:1px solid var(--border);background:var(--background-secondary);flex-shrink:0}.fp-title{margin:0;font-size:.92rem;font-weight:600;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0}.fp-actions{display:flex;gap:4px;flex-shrink:0;margin-left:12px}.fp-btn{width:32px;height:32px;border:1px solid var(--border);background:var(--surface);color:var(--text-secondary);cursor:pointer;border-radius:7px;display:flex;align-items:center;justify-content:center;font-size:.82rem;transition:all .15s ease}.fp-btn:hover{background:var(--surface-hover);border-color:var(--primary);color:var(--primary)}.fp-btn:disabled{opacity:.4;cursor:not-allowed}.fp-btn-close:hover{background:#ef44441a;border-color:var(--danger);color:var(--danger)}.fp-body{flex:1;overflow:auto;background:var(--surface)}.fp-body::-webkit-scrollbar{width:7px}.fp-body::-webkit-scrollbar-track{background:transparent}.fp-body::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}.fp-body::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}.fp-text{padding:16px 20px}.fp-text pre{margin:0;font-family:SF Mono,Cascadia Code,Consolas,Monaco,monospace;font-size:.8rem;line-height:1.6;color:var(--text-primary);white-space:pre-wrap;word-wrap:break-word;-moz-tab-size:4;tab-size:4}.fp-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 20px;text-align:center;color:var(--text-secondary);font-size:.85rem;gap:8px}.fp-error-state{color:var(--danger)}.fp-binary-icon{font-size:40px;opacity:.4;margin-bottom:8px;color:var(--text-tertiary)}.fp-meta{font-size:.78rem;color:var(--text-tertiary)}.fp-spinner{font-size:28px;margin-bottom:8px;animation:fp-spin 1s linear infinite}@keyframes fp-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.fp-footer{display:flex;align-items:center;justify-content:space-between;padding:10px 18px;border-top:1px solid var(--border);background:var(--background-secondary);font-size:.75rem;color:var(--text-tertiary);flex-shrink:0}.fp-truncated{color:var(--warning);font-style:italic}@media (max-width: 768px){.fp-container{width:100%;max-width:none;max-height:90vh}.fp-title{font-size:.85rem}}.file-browser-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:9999;padding:20px}.file-browser-container{background:var(--surface);border:1px solid var(--border);border-radius:14px;box-shadow:0 24px 64px #00000040;width:90%;max-width:1000px;height:80vh;max-height:700px;display:flex;flex-direction:column;overflow:hidden;animation:fb-slideUp .25s ease-out}@keyframes fb-slideUp{0%{transform:translateY(14px);opacity:0}to{transform:translateY(0);opacity:1}}.file-browser-header{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;background:var(--background-secondary);border-bottom:1px solid var(--border);border-radius:14px 14px 0 0;flex-shrink:0}.file-browser-title{display:flex;align-items:center;gap:8px}.title-icon{font-size:1rem;color:var(--primary)}.file-browser-title h3{margin:0;font-size:.92rem;font-weight:600;color:var(--text-primary)}.file-browser-actions{display:flex;gap:6px}.action-button{width:32px;height:32px;border:1px solid var(--border);background:transparent;color:var(--text-secondary);cursor:pointer;border-radius:7px;display:flex;align-items:center;justify-content:center;font-size:.8rem;transition:all .15s ease}.action-button:hover:not(:disabled){background:var(--surface-hover);color:var(--text-primary);border-color:var(--primary)}.action-button:disabled{opacity:.4;cursor:not-allowed}.close-button{border:none!important;color:var(--text-tertiary);font-size:.85rem}.close-button:hover{background:rgba(var(--danger-rgb),.1)!important;color:var(--danger)!important;border-color:transparent!important}.file-browser-body{flex:1;overflow:hidden;background:var(--background)}.file-browser-footer{padding:10px 20px;background:var(--background-secondary);border-top:1px solid var(--border);border-radius:0 0 14px 14px;flex-shrink:0}.connection-info{display:flex;align-items:center;gap:10px;font-size:.75rem}.connection-type{padding:2px 8px;background:rgba(var(--primary-rgb),.12);color:var(--primary);border:1px solid rgba(var(--primary-rgb),.25);border-radius:5px;font-weight:600;font-size:.68rem}.connection-mode{color:var(--text-secondary);font-size:.75rem}.fa-spin{animation:fb-spin 1s linear infinite}@keyframes fb-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 768px){.file-browser-container{width:96%;height:92vh;max-height:none;border-radius:10px}.file-browser-overlay{padding:0}.file-browser-header{padding:12px 14px}.file-browser-title h3{font-size:.85rem}}.database-browser-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1060;padding:20px}.database-browser-container{background-color:var(--surface);border-radius:8px;box-shadow:var(--shadow-hover);width:90%;max-width:800px;height:80vh;max-height:700px;display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--border);transition:background-color .3s ease,border-color .3s ease}.database-browser-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;background-color:var(--background-secondary);border-bottom:1px solid var(--border);transition:background-color .3s ease,border-color .3s ease}.database-browser-title{display:flex;align-items:center;gap:10px}.title-icon{font-size:20px;color:var(--primary)}.database-browser-title h3{margin:0;font-size:18px;font-weight:500;color:var(--text-primary)}.action-button{width:36px;height:36px;border:none;background-color:transparent;color:var(--text-secondary);cursor:pointer;border-radius:4px;display:flex;align-items:center;justify-content:center;font-size:16px;transition:all .2s}.action-button:hover{background-color:var(--background-tertiary);color:var(--text-primary)}.close-button{font-size:24px;font-weight:300;line-height:1}.close-button:hover{background-color:var(--danger);color:var(--background)}.database-browser-search{position:relative;padding:12px 20px;background-color:var(--background-secondary);border-bottom:1px solid var(--border);transition:background-color .3s ease,border-color .3s ease}.search-icon{position:absolute;left:32px;top:50%;transform:translateY(-50%);color:var(--text-secondary);font-size:14px}.database-browser-body{flex:1;overflow-y:auto;background-color:var(--surface);transition:background-color .3s ease}.database-browser-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:var(--text-secondary)}.database-browser-loading i{font-size:32px;margin-bottom:16px;color:var(--primary)}.database-browser-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:var(--text-secondary)}.database-browser-empty i{font-size:48px;margin-bottom:16px;opacity:.3}.tables-list{padding:8px 0}.table-item{border-bottom:1px solid var(--border-light)}.table-item:last-child{border-bottom:none}.table-header{display:flex;align-items:center;padding:12px 20px;cursor:pointer;transition:background-color .2s}.table-header:hover{background-color:var(--background-secondary)}.table-chevron{font-size:10px;margin-right:12px;transition:transform .2s;color:var(--text-secondary)}.table-chevron.expanded{transform:rotate(90deg)}.table-icon{font-size:14px;color:var(--primary);margin-right:12px}.table-name{font-size:14px;font-weight:500;color:var(--text-primary);flex:1}.table-row-count{font-size:12px;color:var(--text-secondary);margin-left:8px}.table-columns{background-color:var(--background-secondary);padding:8px 0;transition:background-color .3s ease}.column-item{display:flex;align-items:center;padding:8px 20px 8px 50px;font-size:13px}.column-icon{font-size:12px;color:var(--text-secondary);margin-right:10px;width:16px;text-align:center}.column-name{color:var(--text-primary);min-width:200px;font-family:Consolas,Monaco,Courier New,monospace}.column-type{color:var(--text-secondary);font-size:12px;margin-left:12px;font-family:Consolas,Monaco,Courier New,monospace}.primary-key-icon{color:var(--warning);margin-left:8px;font-size:11px}.not-null-badge{font-size:10px;padding:2px 6px;background-color:var(--background-tertiary);color:var(--text-primary);border-radius:3px;margin-left:8px;font-weight:500}.no-columns{padding:12px 50px;color:var(--text-secondary);font-style:italic;font-size:13px}.loading-columns{padding:12px 50px;color:var(--text-secondary);font-size:13px}.loading-columns i{margin-right:8px}.database-browser-footer{padding:12px 20px;background-color:var(--background-secondary);border-top:1px solid var(--border);transition:background-color .3s ease,border-color .3s ease}.connection-info{display:flex;align-items:center;gap:12px;font-size:13px}.connection-type{padding:2px 8px;background-color:var(--primary-gradient);color:var(--background);border-radius:3px;font-weight:500}.table-count{color:var(--text-secondary)}.fa-spin{animation:spin 1s linear infinite}@media (max-width: 768px){.database-browser-container{width:100%;height:90vh;max-height:none;border-radius:0}.database-browser-overlay{padding:0}.database-browser-header{padding:12px 16px}.database-browser-title h3{font-size:16px}.column-name{min-width:120px}.column-item{padding:8px 16px 8px 40px}}.as2oi-wrap{background:var(--background-secondary);border:1px solid var(--border);border-radius:10px;padding:1rem 1.25rem;margin-bottom:.75rem}.as2oi-loading{display:flex;align-items:center;gap:8px;color:var(--text-secondary);font-size:.85rem;padding:.5rem 0}.as2oi-alert{display:flex;align-items:flex-start;gap:10px;padding:.75rem 1rem;border-radius:8px;font-size:.85rem;line-height:1.5}.as2oi-alert--warning{background:#f59e0b1a;border:1px solid rgba(245,158,11,.25);color:var(--warning)}.as2oi-alert--danger{background:#ef44441a;border:1px solid rgba(239,68,68,.25);color:var(--danger)}.as2oi-alert strong{display:block;font-weight:600;margin-bottom:2px;color:var(--text-primary)}.as2oi-alert small{color:var(--text-secondary)}.as2oi-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.875rem}.as2oi-header-left{display:flex;align-items:center;gap:8px;font-size:.85rem;font-weight:600;color:var(--text-primary)}.as2oi-header-left i{color:var(--success)}.as2oi-badge{font-size:.72rem;font-weight:600;padding:3px 9px;border-radius:20px;letter-spacing:.02em}.as2oi-badge--success{background:#10b98126;color:var(--success);border:1px solid rgba(16,185,129,.3)}.as2oi-badge--warning{background:#f59e0b26;color:var(--warning);border:1px solid rgba(245,158,11,.3)}.as2oi-badge--danger{background:#ef444426;color:var(--danger);border:1px solid rgba(239,68,68,.3)}.as2oi-badge--info{background:#06b6d426;color:var(--info);border:1px solid rgba(6,182,212,.3)}.as2oi-grid{display:grid;grid-template-columns:1fr 1fr;gap:.75rem 1.25rem}.as2oi-field{display:flex;align-items:flex-start;gap:8px}.as2oi-field i{margin-top:2px;font-size:.78rem;color:var(--text-tertiary);flex-shrink:0}.as2oi-field-label{font-size:.72rem;color:var(--text-tertiary);margin-bottom:1px;display:block}.as2oi-field-value{font-size:.83rem;color:var(--text-primary);font-weight:500}.as2oi-field-value--warn{color:var(--warning)}.as2oi-fingerprint{grid-column:1 / -1}.as2oi-fingerprint-code{font-size:.72rem;color:var(--text-secondary);word-break:break-all;background:var(--background);border:1px solid var(--border);border-radius:5px;padding:4px 8px;display:block;font-family:monospace}.cn-page{padding:1.5rem;max-width:1600px;margin:0 auto;width:100%;box-sizing:border-box}.cn-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem;gap:1rem}.cn-header-left h1{font-size:2rem;font-weight:700;color:var(--text-primary);margin:0 0 .25rem;display:flex;align-items:center;gap:.75rem}.cn-header-left h1 i{color:var(--primary);font-size:1.75rem}.cn-header-subtitle{font-size:.9rem;color:var(--text-secondary);margin:0}.cn-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:1.5rem}.cn-stat-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:1.15rem 1.25rem;display:flex;align-items:center;justify-content:space-between;box-shadow:var(--shadow);transition:all .2s ease}.cn-stat-card:hover{box-shadow:var(--shadow-hover);transform:translateY(-1px)}.cn-stat-value{font-size:1.75rem;font-weight:700;color:var(--text-primary);line-height:1;margin-bottom:.25rem}.cn-stat-label{font-size:.78rem;color:var(--text-secondary);font-weight:500}.cn-stat-meta{font-size:.68rem;color:var(--text-tertiary);margin-top:.2rem;display:flex;align-items:center;gap:.3rem}.cn-stat-icon{width:42px;height:42px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1.1rem;flex-shrink:0}.cn-stat-icon.total{background:rgba(var(--primary-rgb),.1);color:var(--primary)}.cn-stat-icon.active{background:rgba(var(--success-rgb),.1);color:var(--success)}.cn-stat-icon.api{background:rgba(var(--info-rgb),.1);color:var(--info)}.cn-stat-icon.database{background:#ec48991a;color:#ec4899}.cn-toolbar{display:flex;align-items:center;gap:.75rem;background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:.75rem 1rem;margin-bottom:1rem;box-shadow:var(--shadow);flex-wrap:wrap}.cn-search{position:relative;flex:1;min-width:180px}.cn-search-icon{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);color:var(--text-tertiary);pointer-events:none;font-size:.85rem}.cn-search-input{width:100%;padding:.5rem .75rem .5rem 2.25rem;border:1px solid var(--border);border-radius:8px;background:var(--background);color:var(--text-primary);font-size:.85rem;transition:all .2s ease}.cn-search-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #4a8db71f}.cn-filter{padding:.5rem .75rem;border:1px solid var(--border);border-radius:8px;background:var(--background);color:var(--text-primary);font-size:.85rem;cursor:pointer;transition:all .2s ease}.cn-filter:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #4a8db71f}.cn-spacer{flex:1}.cn-view-toggle{display:flex;background:var(--background);border:1px solid var(--border);border-radius:8px;padding:.15rem}.cn-view-btn{padding:.4rem .6rem;border:none;background:transparent;color:var(--text-tertiary);border-radius:6px;cursor:pointer;transition:all .2s ease;font-size:.85rem}.cn-view-btn.active{background:var(--surface);color:var(--primary);box-shadow:var(--shadow)}.cn-btn-create{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:var(--primary-gradient);color:#fff;border:none;border-radius:8px;font-size:.85rem;font-weight:500;cursor:pointer;white-space:nowrap;transition:all .2s ease}.cn-btn-create:hover{opacity:.9;transform:translateY(-1px)}.cn-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:.75rem}.cn-card{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:14px 16px;display:flex;flex-direction:column;gap:8px;transition:box-shadow .15s ease}.cn-card:hover{box-shadow:var(--shadow-hover)}.cn-card-top{display:flex;align-items:center;gap:10px}.cn-card-icon{width:34px;height:34px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:.85rem;flex-shrink:0;background:#6366f11a;color:#6366f1}.cn-card-icon.api{background:#0ea5e91a;color:#0ea5e9}.cn-card-icon.database{background:#ec48991a;color:#ec4899}.cn-card-icon.sftp{background:#8b5cf61a;color:#8b5cf6}.cn-card-icon.ftp{background:#10b9811a;color:#10b981}.cn-card-icon.s3{background:#f59e0b1a;color:#f59e0b}.cn-card-icon.email{background:#f59e0b1a;color:#d97706}.cn-card-icon.webhook{background:#8b5cf61a;color:#8b5cf6}.cn-card-icon.rest{background:#06b6d41a;color:#06b6d4}.cn-card-icon.soap{background:#e11d481a;color:#e11d48}.cn-card-icon.local_file{background:#6366f11a;color:#6366f1}.cn-card-icon.as2{background:#f59e0b1a;color:#d97706}.cn-card-info{flex:1;min-width:0;display:flex;align-items:center;gap:8px}.cn-card-name{font-size:.88rem;font-weight:600;color:var(--text-primary);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cn-type-badge{display:inline-block;padding:1px 6px;border-radius:4px;font-size:.6rem;font-weight:600;text-transform:uppercase;letter-spacing:.3px;background:var(--background-secondary);color:var(--text-tertiary);flex-shrink:0;white-space:nowrap}.cn-status{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:10px;font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:.3px;flex-shrink:0;white-space:nowrap}.cn-status.active{background:rgba(var(--success-rgb),.1);color:var(--success)}.cn-status.inactive{background:var(--background-secondary);color:var(--text-tertiary)}.cn-status.error{background:rgba(var(--danger-rgb),.1);color:var(--danger)}.cn-card-badges{display:flex;align-items:center;gap:6px;margin-left:auto;flex-shrink:0}.cn-run-badge{display:inline-flex;align-items:center;gap:3px;padding:2px 7px;border-radius:10px;font-size:.55rem;font-weight:700;text-transform:uppercase;letter-spacing:.3px;background:rgba(var(--success-rgb, 34, 197, 94),.12);color:var(--success);white-space:nowrap}.cn-run-badge i{font-size:.5rem}.cn-card-desc{font-size:.75rem;color:var(--text-secondary);margin:0;line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.cn-card-bottom{display:flex;align-items:center;justify-content:space-between;padding-top:8px;border-top:1px solid var(--border-light, var(--border));margin-top:auto}.cn-card-meta{display:flex;align-items:center;gap:4px}.cn-meta-item{display:inline-flex;align-items:center;gap:3px;font-size:.66rem;color:var(--text-tertiary)}.cn-meta-item i{font-size:.58rem}.cn-meta-dot{color:var(--text-tertiary);font-size:.6rem;opacity:.4}.cn-card-actions{display:flex;gap:3px}.cn-table-wrap{background:var(--surface);border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow);overflow:hidden}.cn-table-scroll{overflow-x:auto}.cn-table{width:100%;border-collapse:collapse;font-size:.85rem}.cn-table thead th{padding:.75rem 1.15rem;text-align:left;font-weight:600;font-size:.75rem;text-transform:uppercase;letter-spacing:.4px;color:var(--text-secondary);background:var(--background-secondary);border-bottom:1px solid var(--border);white-space:nowrap;position:sticky;top:0;z-index:2}.cn-table tbody tr{transition:background .15s ease}.cn-table tbody tr:hover{background:var(--surface-hover)}.cn-table tbody td{padding:.65rem 1.15rem;border-bottom:1px solid var(--border-light);vertical-align:middle;color:var(--text-primary)}.cn-name-cell{display:flex;align-items:center;gap:.75rem}.cn-tbl-icon{width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:.9rem;flex-shrink:0;background:#6366f11a;color:#6366f1}.cn-tbl-icon.api{background:#0ea5e91a;color:#0ea5e9}.cn-tbl-icon.database{background:#ec48991a;color:#ec4899}.cn-tbl-icon.sftp{background:#8b5cf61a;color:#8b5cf6}.cn-tbl-icon.ftp{background:#10b9811a;color:#10b981}.cn-tbl-icon.s3{background:#f59e0b1a;color:#f59e0b}.cn-tbl-icon.email{background:#f59e0b1a;color:#d97706}.cn-tbl-icon.webhook{background:#8b5cf61a;color:#8b5cf6}.cn-tbl-icon.rest{background:#06b6d41a;color:#06b6d4}.cn-tbl-icon.soap{background:#e11d481a;color:#e11d48}.cn-tbl-icon.local_file{background:#6366f11a;color:#6366f1}.cn-tbl-icon.as2{background:#f59e0b1a;color:#d97706}.cn-name{font-weight:600;color:var(--text-primary);font-size:.88rem}.cn-description{font-size:.75rem;color:var(--text-tertiary);margin-top:.1rem}.cn-date{color:var(--text-tertiary);font-size:.8rem}.cn-actions{display:flex;gap:.35rem;align-items:center}.cn-action-btn{width:30px;height:30px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--border);border-radius:6px;background:transparent;color:var(--text-secondary);cursor:pointer;font-size:.78rem;transition:all .15s ease}.cn-action-btn:hover{border-color:var(--text-tertiary);background:var(--background)}.cn-action-btn:disabled{opacity:.4;cursor:not-allowed}.cn-action-btn.test:hover{color:var(--warning);border-color:var(--warning)}.cn-action-btn.edit:hover{color:var(--primary);border-color:var(--primary)}.cn-action-btn.delete:hover{color:var(--danger);border-color:var(--danger)}.cn-action-btn.testing{opacity:.7;cursor:not-allowed;background:rgba(var(--warning-rgb),.1)}.cn-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;color:var(--text-secondary)}.cn-spin{width:36px;height:36px;border:3px solid var(--border);border-top-color:var(--primary);border-radius:50%;animation:cn-spin .8s linear infinite;margin-bottom:.75rem}@keyframes cn-spin{to{transform:rotate(360deg)}}.cn-empty{text-align:center;padding:4rem 2rem;background:var(--surface);border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow)}.cn-empty i{font-size:3rem;color:var(--text-tertiary);opacity:.35;margin-bottom:1rem}.cn-empty h3{color:var(--text-primary);font-size:1.1rem;margin:0 0 .5rem}.cn-empty p{color:var(--text-secondary);font-size:.88rem;margin:0 0 1.25rem}.cn-empty .cn-btn-create{margin-top:.5rem}.conn-modal-body .form-label{display:block;margin-bottom:.4rem;font-weight:500;font-size:.85rem;color:var(--text-primary)}.conn-modal-body .form-control{display:block;width:100%;padding:.5rem .75rem;font-size:.9rem;color:var(--text-primary);background-color:var(--background);border:1px solid var(--border);border-radius:8px;transition:border-color .2s ease,box-shadow .2s ease;box-sizing:border-box}.conn-modal-body .form-control:focus{color:var(--text-primary);background-color:var(--background);border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #4a8db71f}.conn-modal-body .form-control:read-only{background-color:var(--background-secondary);opacity:.8}.conn-modal-body .form-check{display:block;min-height:1.5rem;padding-left:1.5em;margin-bottom:.125rem}.conn-modal-body .form-check .form-check-input{float:left;margin-left:-1.5em;width:1em;height:1em;accent-color:var(--primary)}.conn-modal-body .form-check-label{margin-bottom:0;cursor:pointer;color:var(--text-primary)}.conn-modal-body .form-text{margin-top:.25rem;font-size:.78rem}.conn-modal-body .text-muted{color:var(--text-tertiary)!important}.conn-modal-body .mb-2{margin-bottom:.5rem!important}.conn-modal-body .mb-3{margin-bottom:1rem!important}.conn-modal-body .mb-4{margin-bottom:1.5rem!important}.conn-modal-body .me-2{margin-right:.5rem!important}.conn-modal-body .ms-2{margin-left:.5rem!important}.conn-modal-body .mt-1{margin-top:.25rem!important}.conn-modal-body .mt-4{margin-top:1.5rem!important}.conn-modal-body .d-flex{display:flex!important}.conn-modal-body .d-block{display:block!important}.conn-modal-body .align-items-center{align-items:center!important}.conn-modal-body .text-center{text-align:center!important}.conn-modal-body .alert{position:relative;padding:.75rem 1rem;margin-bottom:1rem;border:1px solid transparent;border-radius:8px;font-size:.85rem}.conn-modal-body .alert-heading{font-size:.9rem;font-weight:600;margin-bottom:.35rem;color:var(--text-primary)}.conn-modal-body .alert-info{background:rgba(var(--info-rgb),.08);border-color:rgba(var(--info-rgb),.2);color:var(--text-primary)}.conn-modal-body .alert-success{background:rgba(var(--success-rgb),.08);border-color:rgba(var(--success-rgb),.2);color:var(--text-primary)}.conn-modal-body .alert-warning{background:rgba(var(--warning-rgb),.08);border-color:rgba(var(--warning-rgb),.2);color:var(--text-primary)}.conn-modal-body .btn{padding:.4rem .85rem;font-size:.85rem;font-weight:500;border-radius:6px;border:1px solid var(--border);cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;gap:.35rem;background:var(--surface);color:var(--text-primary)}.conn-modal-body .btn:disabled{opacity:.5;cursor:not-allowed}.conn-modal-body .btn-sm{padding:.3rem .65rem;font-size:.78rem}.conn-modal-body .btn-outline-primary{color:var(--primary);border-color:var(--primary);background:transparent}.conn-modal-body .btn-outline-primary:hover{background:var(--primary-gradient);color:#fff}.conn-modal-body .btn-outline-success{color:var(--success);border-color:var(--success);background:transparent}.conn-modal-body .btn-outline-success:hover{background:var(--success);color:#fff}.conn-modal-body .btn-primary{background:var(--primary-gradient);color:#fff;border-color:var(--primary)}.conn-modal-body .btn-secondary{background:var(--text-tertiary);color:#fff;border-color:var(--text-tertiary)}.conn-modal-body .btn-group{display:inline-flex;gap:0}.conn-modal-body .btn-group .btn{border-radius:0}.conn-modal-body .btn-group .btn:first-child{border-radius:6px 0 0 6px}.conn-modal-body .btn-group .btn:last-child{border-radius:0 6px 6px 0}.conn-modal-body .badge{padding:.15rem .45rem;font-size:.7rem;font-weight:500;border-radius:4px;vertical-align:middle;margin-left:.5rem}.conn-modal-body .bg-danger{background:rgba(var(--danger-rgb),.15);color:var(--danger)}.conn-modal-body h5.border-bottom{padding-bottom:.5rem;border-bottom:1px solid var(--border)!important;color:var(--text-primary);font-size:.95rem;font-weight:600}.conn-modal-body h6{font-size:.95rem;font-weight:600;color:var(--text-primary);margin-bottom:.5rem}.conn-modal-body .spinner-border{display:inline-block;width:1rem;height:1rem;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:cn-spin .6s linear infinite}.conn-modal-body .spinner-border-sm{width:.85rem;height:.85rem;border-width:1.5px}.fa-spin{animation:cn-spin 1s infinite linear}.cn-as2-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000000b3;display:flex;align-items:flex-start;justify-content:center;z-index:10060;padding-top:2rem}.cn-as2-dialog{width:90%;max-width:700px;background:var(--surface);border-radius:12px;box-shadow:0 20px 60px #0000004d;overflow:hidden}.cn-as2-header{background:var(--primary-gradient);color:#fff;padding:1.25rem 1.5rem;display:flex;align-items:center;justify-content:space-between}.cn-as2-header h5{margin:0;font-size:1.1rem;font-weight:600;display:flex;align-items:center;gap:.5rem}.cn-as2-close{background:transparent;border:none;color:#fffc;font-size:1.25rem;cursor:pointer}.cn-as2-close:hover{color:#fff}.cn-as2-body{padding:1.5rem}.cn-as2-info{background:rgba(var(--info-rgb),.08);border:1px solid rgba(var(--info-rgb),.2);border-radius:8px;padding:.75rem 1rem;margin-bottom:1.25rem;font-size:.85rem;color:var(--text-primary);display:flex;align-items:center;gap:.5rem}.cn-as2-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.cn-as2-field label{display:block;margin-bottom:.35rem;font-weight:500;font-size:.85rem;color:var(--text-primary)}.cn-as2-field input,.cn-as2-field select{width:100%;padding:.5rem .75rem;border:1px solid var(--border);border-radius:8px;background:var(--background);color:var(--text-primary);font-size:.85rem;box-sizing:border-box}.cn-as2-field input:focus,.cn-as2-field select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #4a8db71f}.cn-as2-footer{padding:1rem 1.5rem;border-top:1px solid var(--border);display:flex;justify-content:flex-end;gap:.75rem}.cn-as2-btn{padding:.5rem 1rem;font-size:.85rem;font-weight:500;border-radius:8px;border:none;cursor:pointer;display:inline-flex;align-items:center;gap:.4rem;transition:all .2s ease}.cn-as2-btn.secondary{background:var(--background-secondary);color:var(--text-primary);border:1px solid var(--border)}.cn-as2-btn.primary{background:var(--primary-gradient);color:#fff}.cn-as2-btn:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 1024px){.cn-stats{grid-template-columns:repeat(2,1fr)}.cn-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}}@media (max-width: 768px){.cn-page{padding:.75rem}.cn-header{flex-direction:column;gap:.5rem;margin-bottom:1rem}.cn-header-left h1{font-size:1.35rem;gap:.5rem}.cn-header-left h1 i{font-size:1.15rem}.cn-header-subtitle{font-size:.8rem}.cn-stats{grid-template-columns:repeat(2,1fr);gap:.5rem;margin-bottom:1rem}.cn-stat-card{padding:.75rem .85rem;border-radius:10px}.cn-stat-value{font-size:1.35rem}.cn-stat-label{font-size:.7rem}.cn-stat-icon{width:34px;height:34px;font-size:.9rem}.cn-toolbar{flex-direction:column;align-items:stretch;padding:.65rem;gap:.5rem;margin-bottom:.75rem}.cn-search{flex:1 1 100%}.cn-filter{width:100%}.cn-grid{grid-template-columns:1fr;gap:.75rem}.cn-table thead th,.cn-table tbody td{padding:.5rem .75rem;font-size:.78rem}.cn-table{min-width:700px}.cn-as2-grid{grid-template-columns:1fr}}@media (max-width: 480px){.cn-stats{grid-template-columns:repeat(2,1fr)}.cn-card-top{flex-wrap:wrap}.cn-card-bottom{flex-direction:column;align-items:flex-start;gap:6px}.cn-card-actions{align-self:flex-end}}.cn-delete-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1070}.cn-delete-dialog{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:24px;width:400px;max-width:90vw;box-shadow:var(--shadow-hover, 0 16px 48px rgba(0, 0, 0, .25))}.cn-delete-dialog h4{margin:0 0 10px;font-size:1rem;font-weight:600;color:var(--text-primary)}.cn-delete-dialog p{margin:0 0 20px;font-size:.85rem;color:var(--text-secondary);line-height:1.5}.cn-delete-actions{display:flex;gap:8px;justify-content:flex-end}.cn-delete-cancel{padding:8px 18px;border:1px solid var(--border);background:var(--surface);color:var(--text-primary);border-radius:7px;cursor:pointer;font-size:.82rem;font-weight:500;transition:all .15s ease}.cn-delete-cancel:hover{background:var(--surface-hover)}.cn-delete-confirm{padding:8px 18px;border:1px solid var(--danger);background:var(--danger);color:#fff;border-radius:7px;cursor:pointer;font-size:.82rem;font-weight:500;transition:all .15s ease}.cn-delete-confirm:hover{opacity:.88}.conn-modal-overlay{position:fixed!important;top:0!important;right:0!important;bottom:0!important;left:0!important;width:100vw!important;height:100vh!important;background:#00000073!important;-webkit-backdrop-filter:blur(4px)!important;backdrop-filter:blur(4px)!important;display:flex!important;align-items:center!important;justify-content:center!important;z-index:9999!important;margin:0!important;padding:0!important;box-sizing:border-box!important;animation:connModalFadeIn .2s ease-out!important;overflow:hidden!important;overscroll-behavior:contain!important}@keyframes connModalFadeIn{0%{opacity:0}to{opacity:1}}.conn-modal-dialog{width:90%!important;max-width:900px!important;max-height:90vh!important;margin:0!important;animation:connModalSlideIn .25s ease-out!important;position:relative!important;overflow:hidden!important}@keyframes connModalSlideIn{0%{transform:translateY(14px);opacity:0}to{transform:translateY(0);opacity:1}}.conn-modal-content{background:var(--surface)!important;border-radius:14px!important;box-shadow:0 24px 64px #00000040!important;border:1px solid var(--border)!important;overflow:hidden!important;display:flex!important;flex-direction:column!important;max-height:90vh!important}.conn-modal-header{background:var(--background-secondary)!important;padding:14px 20px!important;border:none!important;border-bottom:1px solid var(--border)!important;border-radius:14px 14px 0 0!important;position:relative!important;flex-shrink:0!important}.conn-modal-header:after{display:none!important}.conn-modal-title{font-size:.92rem!important;font-weight:600!important;color:var(--text-primary)!important;margin:0!important;display:flex!important;align-items:center!important;gap:8px!important}.conn-modal-title i{font-size:.9rem!important;color:var(--primary)!important;opacity:1!important}.conn-modal-close{position:absolute!important;top:14px!important;right:20px!important;background:transparent!important;border:none!important;color:var(--text-tertiary)!important;width:32px!important;height:32px!important;display:flex!important;align-items:center!important;justify-content:center!important;cursor:pointer!important;transition:all .15s ease!important;font-size:.85rem!important;line-height:1!important;border-radius:7px!important}.conn-modal-close:hover{background:rgba(var(--danger-rgb),.1)!important;color:var(--danger)!important}.conn-modal-body{padding:1.5rem!important;overflow-y:auto!important;overflow-x:hidden!important;flex:1!important;background:var(--background)!important}.conn-form-section{background:var(--surface)!important;border-radius:10px!important;padding:1.25rem!important;margin-bottom:1.25rem!important;border:1px solid var(--border)!important}.conn-form-section-title{font-size:.85rem!important;font-weight:600!important;color:var(--text-primary)!important;margin:0 0 1rem!important;padding-bottom:0!important;border-bottom:none!important;display:flex!important;align-items:center!important;gap:8px!important}.conn-form-section-title i{width:26px!important;height:26px!important;background:rgba(var(--primary-rgb),.1)!important;color:var(--primary)!important;font-size:.8rem!important;display:flex!important;align-items:center!important;justify-content:center!important;border-radius:6px!important}.conn-schema-section{display:flex!important;align-items:center!important;gap:8px!important;margin:2.5rem 0 1.25rem!important;padding:0!important;background:none!important;border:none!important}.conn-schema-section:after{content:""!important;flex:1!important;height:1px!important;background:var(--border)!important}.conn-schema-section__icon{width:20px!important;height:20px!important;border-radius:5px!important;display:flex!important;align-items:center!important;justify-content:center!important;font-size:.7rem!important;flex-shrink:0!important;color:var(--text-tertiary)!important}.conn-schema-section__title{font-size:.7rem!important;font-weight:600!important;letter-spacing:.08em!important;text-transform:uppercase!important;color:var(--text-tertiary)!important;white-space:nowrap!important}.conn-type-grid{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(140px,1fr))!important;gap:.75rem!important;margin-top:.75rem!important}.conn-type-card{background:var(--surface)!important;border:1.5px solid var(--border)!important;border-radius:10px!important;padding:1rem .75rem!important;cursor:pointer!important;transition:all .2s ease!important;display:flex!important;flex-direction:column!important;align-items:center!important;gap:.6rem!important;position:relative!important;overflow:hidden!important}.conn-type-card:before{content:""!important;position:absolute!important;top:0!important;left:0!important;right:0!important;height:3px!important;background:var(--primary-gradient)!important;transform:scaleX(0)!important;transition:transform .2s ease!important}.conn-type-card:hover{border-color:var(--primary)!important;background:var(--surface-hover)!important}.conn-type-card.selected{border-color:var(--primary)!important;background:var(--surface-hover)!important;box-shadow:0 0 0 1px var(--primary)!important}.conn-type-card.selected:before{transform:scaleX(1)!important}.conn-type-icon{width:40px!important;height:40px!important;border-radius:8px!important;display:flex!important;align-items:center!important;justify-content:center!important;font-size:1.15rem!important;transition:transform .2s ease!important}.conn-type-card:hover .conn-type-icon,.conn-type-card.selected .conn-type-icon{transform:scale(1.05)!important}.conn-type-label{font-size:.8rem!important;font-weight:600!important;color:var(--text-secondary)!important;text-align:center!important;line-height:1.2!important}.conn-type-card.selected .conn-type-label{color:var(--primary)!important}.conn-form-group{margin-bottom:1.25rem!important}.conn-form-label{display:block!important;margin-bottom:6px!important;font-size:.8rem!important;font-weight:600!important;color:var(--text-primary)!important}.conn-form-label .required{color:var(--danger)!important;margin-left:2px!important}.conn-form-label .badge{margin-left:6px!important;padding:1px 6px!important;font-size:.68rem!important;font-weight:500!important;border-radius:4px!important;vertical-align:middle!important}.conn-form-input,.conn-form-select{width:100%!important;padding:8px 12px!important;font-size:.85rem!important;font-weight:400!important;line-height:1.5!important;color:var(--text-primary)!important;background-color:var(--background)!important;border:1.5px solid var(--border)!important;border-radius:7px!important;transition:border-color .15s ease,box-shadow .15s ease!important;box-sizing:border-box!important}.conn-form-input:focus,.conn-form-select:focus{outline:none!important;border-color:var(--primary)!important;box-shadow:0 0 0 3px rgba(var(--primary-rgb),.1)!important}.conn-form-input:disabled,.conn-form-select:disabled{background-color:var(--background-secondary)!important;cursor:not-allowed!important;opacity:.6!important}.conn-form-help{display:block!important;margin-top:4px!important;font-size:.72rem!important;color:var(--text-tertiary)!important;line-height:1.3!important}.conn-form-row{display:grid!important;grid-template-columns:1fr 1fr!important;gap:1.25rem!important;margin-bottom:1.25rem!important}.conn-alert{padding:.75rem 1rem!important;border-radius:8px!important;margin-bottom:1.25rem!important;border:1px solid!important;display:flex!important;align-items:flex-start!important;gap:.6rem!important}.conn-alert i{font-size:1rem!important;margin-top:2px!important;flex-shrink:0!important}.conn-alert-content{flex:1!important}.conn-alert-title{font-weight:600!important;margin-bottom:2px!important;font-size:.82rem!important}.conn-alert-text{font-size:.78rem!important;line-height:1.5!important;margin:0!important}.conn-alert.info{background:rgba(var(--info-rgb),.08)!important;border-color:rgba(var(--info-rgb),.2)!important;color:var(--text-primary)!important}.conn-alert.info i{color:var(--info)!important}.conn-alert.warning{background:rgba(var(--warning-rgb),.08)!important;border-color:rgba(var(--warning-rgb),.2)!important;color:var(--text-primary)!important}.conn-alert.warning i{color:var(--warning)!important}.conn-modal-footer{padding:12px 20px!important;background:var(--background-secondary)!important;border-top:1px solid var(--border)!important;border-radius:0 0 14px 14px!important;display:flex!important;justify-content:space-between!important;align-items:center!important;gap:.75rem!important;flex-shrink:0!important}.conn-modal-footer-left{display:flex!important;gap:8px!important;flex:1!important}.conn-modal-footer-right{display:flex!important;gap:8px!important}.conn-btn{padding:7px 16px!important;font-size:.82rem!important;font-weight:500!important;border-radius:7px!important;border:none!important;cursor:pointer!important;transition:all .15s ease!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;white-space:nowrap!important}.conn-btn:disabled{opacity:.45!important;cursor:not-allowed!important}.conn-btn-primary{background:var(--primary-gradient)!important;color:#fff!important}.conn-btn-primary:hover:not(:disabled){opacity:.88!important}.conn-btn-secondary{background:transparent!important;color:var(--text-secondary)!important;border:1px solid var(--border)!important}.conn-btn-secondary:hover:not(:disabled){background:var(--surface-hover)!important;color:var(--text-primary)!important;border-color:var(--text-tertiary)!important}.conn-btn-info{background:rgba(var(--info-rgb),.12)!important;color:var(--info)!important;border:1px solid rgba(var(--info-rgb),.25)!important}.conn-btn-info:hover:not(:disabled){background:rgba(var(--info-rgb),.2)!important}.conn-btn-warning{background:rgba(var(--warning-rgb),.12)!important;color:var(--warning)!important;border:1px solid rgba(var(--warning-rgb),.25)!important}.conn-btn-warning:hover:not(:disabled){background:rgba(var(--warning-rgb),.2)!important}.conn-test-result{margin-top:1.25rem!important;padding:1rem!important;border-radius:8px!important;border-left:3px solid!important;animation:connSlideDown .25s ease-out!important}@keyframes connSlideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.conn-test-result.success{background:rgba(var(--success-rgb),.08)!important;border-color:var(--success)!important}.conn-test-result.error{background:rgba(var(--danger-rgb),.08)!important;border-color:var(--danger)!important}.conn-test-result-header{display:flex!important;align-items:center!important;gap:8px!important;margin-bottom:4px!important;font-weight:600!important;font-size:.82rem!important;color:var(--text-primary)!important}.conn-test-result-message{font-size:.78rem!important;line-height:1.5!important;color:var(--text-secondary)!important}.conn-spinner{display:inline-block!important;width:1em!important;height:1em!important;border:2px solid rgba(255,255,255,.3)!important;border-radius:50%!important;border-top-color:currentColor!important;animation:connSpin .6s linear infinite!important}@keyframes connSpin{to{transform:rotate(360deg)}}.conn-company-badge{display:inline-flex!important;align-items:center!important;gap:4px!important;padding:2px 8px!important;background:rgba(var(--warning-rgb),.12)!important;color:var(--warning)!important;border:1px solid rgba(var(--warning-rgb),.25)!important;border-radius:5px!important;font-size:.7rem!important;font-weight:600!important;margin-left:6px!important}.conn-modal-body::-webkit-scrollbar{width:7px!important}.conn-modal-body::-webkit-scrollbar-track{background:var(--background-secondary)!important}.conn-modal-body::-webkit-scrollbar-thumb{background:var(--border)!important;border-radius:4px!important}.conn-modal-body::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)!important}@media (max-width: 768px){.conn-modal-dialog{width:96%!important;max-width:none!important}.conn-modal-header{padding:12px 14px!important}.conn-modal-body{padding:1.25rem!important}.conn-form-row{grid-template-columns:1fr!important}.conn-type-grid{grid-template-columns:repeat(2,1fr)!important}.conn-modal-footer{flex-direction:column!important;gap:8px!important}.conn-modal-footer-left,.conn-modal-footer-right{width:100%!important;justify-content:stretch!important}.conn-btn{flex:1!important}}@media (max-width: 480px){.conn-modal-dialog{width:100%!important;height:100%!important;max-height:100vh!important}.conn-modal-content{border-radius:0!important;height:100vh!important;max-height:100vh!important}.conn-type-grid{grid-template-columns:1fr!important}.conn-form-section{padding:.75rem!important}}.conn-config-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:.25rem}.conn-config-header .conn-form-section-title{margin-bottom:0}.conn-mode-toggle{display:flex;gap:2px;background:var(--background-secondary);border-radius:8px;padding:3px;border:1px solid var(--border-light);flex-shrink:0}.conn-mode-btn{display:flex;align-items:center;gap:6px;padding:6px 14px;border:none;border-radius:6px;font-size:.8rem;font-weight:500;cursor:pointer;transition:all .2s ease;background:transparent;color:var(--text-secondary);position:relative}.conn-mode-btn:hover{background:var(--surface-hover);color:var(--text-primary)}.conn-mode-btn.active{background:var(--primary-gradient);color:#fff;box-shadow:0 1px 3px #00000026}.conn-mode-btn.run.active{background:var(--success)}.conn-mode-btn i{font-size:.7rem}.conn-mode-badge{font-size:.6rem;background:#ffffff40;padding:1px 5px;border-radius:4px;margin-left:2px;text-transform:uppercase;letter-spacing:.5px}.conn-run-notice{margin-top:.5rem}.content-wrapper{padding:1.5rem;max-width:1400px;margin:0 auto;width:100%;box-sizing:border-box}.page-header{margin-bottom:2rem}.page-title-section h1{font-size:2rem;font-weight:700;color:var(--gray-900);margin:0 0 .5rem;display:flex;align-items:center;gap:.75rem}.page-title-section h1 i{color:var(--primary);font-size:1.75rem}.page-subtitle{font-size:1rem;color:var(--gray-600);margin:0;font-weight:400}.stats-section{margin-bottom:2rem;width:100%}.action-header{background:var(--surface);border-radius:12px;padding:1.5rem;margin-bottom:1.5rem;box-shadow:var(--shadow);border:1px solid var(--border);transition:background-color .3s ease,border-color .3s ease}.action-header-content{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.action-title{font-size:1.25rem;font-weight:600;color:var(--gray-900);margin:0}.action-subtitle{font-size:.875rem;color:var(--gray-600);margin:.25rem 0 0}.header-actions{display:flex;align-items:center;gap:1rem}.view-toggle{display:flex;background:var(--gray-100);border-radius:8px;padding:.25rem}.view-toggle .btn{padding:.5rem .75rem;border:none;background:transparent;color:var(--gray-600);border-radius:6px;transition:all .2s ease}.view-toggle .btn.active{background:#fff;color:var(--primary);box-shadow:0 1px 3px #0000001a}.search-filter-bar{display:flex;justify-content:space-between;align-items:center;gap:1rem}.search-container{position:relative;width:320px}.search-icon{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);color:var(--gray-500);font-size:.875rem}.filter-controls{display:flex;gap:.75rem}.filter-select{padding:.5rem 1rem;border:1px solid var(--gray-300);border-radius:8px;background:#fff;color:var(--gray-700);font-size:.875rem;min-width:120px;transition:all .2s ease}.filter-select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px rgba(var(--primary-rgb),.1)}.schemas-content{margin-top:1.5rem}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;text-align:center}.spinner{width:40px;height:40px;border:4px solid var(--gray-200);border-top:4px solid var(--primary);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}.empty-state{text-align:center;padding:3rem;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;border:1px solid var(--gray-200)}.empty-state i{font-size:3rem;color:var(--gray-400);margin-bottom:1rem}.empty-state h3{margin:0 0 .5rem;color:var(--gray-700);font-weight:600}.empty-state p{margin:0 0 1.5rem;color:var(--gray-600);font-size:.875rem}.schemas-container.grid-view .schemas-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1.5rem}.schema-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;border:1px solid var(--gray-200);overflow:hidden;transition:all .3s ease}.schema-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px #00000026}.schema-header{padding:1.5rem;border-bottom:1px solid var(--gray-200);display:flex;align-items:center;justify-content:space-between}.schema-icon{width:48px;height:48px;border-radius:12px;background:#3b82f6;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.25rem;margin-right:1rem;flex-shrink:0}.schema-info{flex:1}.schema-name{font-size:1.125rem;font-weight:600;color:var(--gray-900);margin:0 0 .25rem}.schema-type{background:#3b82f61a;color:#2563eb;padding:.25rem .75rem;border-radius:20px;font-size:.75rem;font-weight:500;text-transform:uppercase}.schema-status{flex-shrink:0}.schema-body{padding:1.5rem}.schema-description{color:var(--gray-600);font-size:.875rem;line-height:1.5;margin:0 0 1rem}.schema-meta{display:flex;flex-direction:column;gap:.5rem}.meta-item{display:flex;align-items:center;gap:.5rem;font-size:.75rem;color:var(--gray-500)}.meta-item i{width:14px;text-align:center}.schema-footer{padding:1rem 1.5rem;border-top:1px solid var(--gray-200);background:var(--gray-50);display:flex;gap:.75rem;justify-content:flex-end}.schemas-container.table-view .schemas-table-container{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;border:1px solid var(--gray-200);overflow:hidden}.schemas-table{width:100%;border-collapse:collapse;font-size:.875rem}.schemas-table th{background:var(--gray-50);color:var(--gray-700);font-weight:600;padding:1rem 1.5rem;text-align:left;border-bottom:1px solid var(--gray-200)}.schemas-table td{padding:1rem 1.5rem;border-bottom:1px solid var(--gray-100);vertical-align:middle}.schemas-table tr:hover{background:var(--gray-50)}.table-schema-info{display:flex;align-items:center;gap:.75rem}.table-schema-info i{width:40px;height:40px;border-radius:8px;background:#3b82f6;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1rem}.table-schema-name{font-weight:600;color:var(--gray-900);margin-bottom:.25rem}.table-schema-description{font-size:.75rem;color:var(--gray-500)}.schema-type-badge{background:#3b82f61a;color:#2563eb;padding:.25rem .75rem;border-radius:20px;font-size:.75rem;font-weight:500;text-transform:uppercase}.table-project{color:var(--gray-600);font-weight:500}.table-fields{color:var(--gray-600);font-weight:600}.table-version{color:var(--gray-500);font-size:.8rem;font-family:Monaco,Menlo,Ubuntu Mono,monospace}.table-date{color:var(--gray-500);font-size:.8rem}.table-actions{display:flex;gap:.5rem}.status-badge{padding:.25rem .75rem;border-radius:20px;font-size:.75rem;font-weight:500;text-transform:capitalize}.status-badge.success{background:#22c55e1a;color:#16a34a}.status-badge.warning{background:#f59e0b1a;color:#d97706}.status-badge.secondary{background:#6b72801a;color:#4b5563}.status-badge.danger{background:#ef44441a;color:#dc2626}:root{--primary: #3B82F6;--primary-rgb: 59, 130, 246;--secondary: #06B6D4;--gray-50: #f9fafb;--gray-100: #f3f4f6;--gray-200: #e5e7eb;--gray-300: #d1d5db;--gray-400: #9ca3af;--gray-500: #6b7280;--gray-600: #4b5563;--gray-700: #374151;--gray-800: #1f2937;--gray-900: #111827}@media (max-width: 768px){.content-wrapper{padding:.75rem}.page-header{margin-bottom:1rem}.page-title-section h1{font-size:1.35rem;gap:.5rem}.page-title-section h1 i{font-size:1.15rem}.page-subtitle{font-size:.8rem}.stats-section{margin-bottom:1rem}.stats-grid{grid-template-columns:repeat(2,1fr)!important;gap:.5rem!important;margin-bottom:1rem}.action-header{padding:.85rem;margin-bottom:1rem;border-radius:10px}.action-header-content{flex-direction:column;align-items:stretch;gap:.75rem;margin-bottom:.75rem}.action-title{font-size:1rem}.search-filter-bar{flex-direction:column;gap:.65rem}.search-container{width:100%}.filter-controls{flex-wrap:wrap;gap:.5rem}.schemas-grid{grid-template-columns:1fr!important}.schema-card{border-radius:10px}.schema-header{padding:1rem}.schema-icon{width:36px;height:36px;font-size:1rem;border-radius:8px;margin-right:.75rem}.schema-name{font-size:1rem}.schema-body{padding:1rem}.schema-footer{padding:.75rem 1rem;gap:.5rem}.schemas-table-container{overflow-x:auto}.schemas-table th,.schemas-table td{padding:.6rem .85rem;font-size:.8rem}}@media (max-width: 480px){.stats-grid{grid-template-columns:repeat(2,1fr)!important}.schema-header{flex-direction:column;align-items:flex-start;gap:.75rem}.schema-footer{flex-direction:column;gap:.5rem}}.schema-creation-note{display:flex;align-items:center;gap:8px;padding:8px 16px;background:#f0f9ff;border:1px solid #bae6fd;border-radius:8px;color:#0369a1;font-size:14px;font-weight:500}.schema-creation-note i{color:#0284c7}.empty-state-note{display:flex;align-items:center;gap:8px;margin-top:16px;padding:12px 16px;background:#fef3c7;border:1px solid #fcd34d;border-radius:8px;color:#92400e;font-size:14px;font-weight:500}.empty-state-note i{color:#d97706}.executions-page{padding:1.5rem;max-width:1600px;margin:0 auto;width:100%;box-sizing:border-box}.exec-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem}.exec-header-left h1{font-size:2rem;font-weight:700;color:var(--text-primary);margin:0 0 .25rem;display:flex;align-items:center;gap:.75rem}.exec-header-left h1 i{color:var(--primary);font-size:1.75rem}.exec-header-subtitle{font-size:.9rem;color:var(--text-secondary);margin:0}.exec-mode-badge{display:inline-flex;align-items:center;gap:.4rem;padding:.35rem .85rem;border-radius:20px;font-size:.78rem;font-weight:600;letter-spacing:.3px}.exec-mode-badge.run{background:rgba(var(--primary-rgb),.12);color:var(--primary)}.exec-stats{display:grid;grid-template-columns:repeat(5,1fr);gap:1rem;margin-bottom:1.5rem}.exec-stat-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:1.15rem 1.25rem;display:flex;align-items:center;justify-content:space-between;box-shadow:var(--shadow);transition:all .2s ease}.exec-stat-card:hover{box-shadow:var(--shadow-hover);transform:translateY(-1px)}.exec-stat-value{font-size:1.75rem;font-weight:700;color:var(--text-primary);line-height:1;margin-bottom:.25rem}.exec-stat-label{font-size:.78rem;color:var(--text-secondary);font-weight:500}.exec-stat-icon{width:42px;height:42px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1.1rem;flex-shrink:0}.exec-stat-icon.total{background:rgba(var(--primary-rgb),.1);color:var(--primary)}.exec-stat-icon.success{background:rgba(var(--success-rgb),.1);color:var(--success)}.exec-stat-icon.running{background:rgba(var(--info-rgb),.1);color:var(--info)}.exec-stat-icon.queued{background:rgba(var(--warning-rgb),.1);color:var(--warning)}.exec-stat-icon.failed{background:rgba(var(--danger-rgb),.1);color:var(--danger)}.exec-toolbar{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:.85rem 1.15rem;display:flex;align-items:center;gap:.75rem;margin-bottom:1rem;box-shadow:var(--shadow);flex-wrap:wrap}.exec-filter{padding:.5rem .75rem;border:1px solid var(--border);border-radius:8px;background:var(--background);color:var(--text-primary);font-size:.85rem;min-width:120px;cursor:pointer;transition:all .2s ease}.exec-filter:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px rgba(var(--primary-rgb),.12)}.exec-toolbar-spacer{flex:1}.exec-fp{position:relative}.exec-fp-trigger{display:flex;align-items:center;gap:.45rem;padding:.5rem .75rem;border:1px solid var(--border);border-radius:8px;background:var(--background);color:var(--text-primary);font-size:.85rem;cursor:pointer;transition:all .15s ease;white-space:nowrap;min-width:150px}.exec-fp-trigger:hover{border-color:var(--primary)}.exec-fp-trigger.active{border-color:var(--primary);box-shadow:0 0 0 2px rgba(var(--primary-rgb),.1)}.exec-fp-trigger.has-selection{background:rgba(var(--primary-rgb),.08);border-color:var(--primary);color:var(--primary)}.exec-fp-trigger-icon{font-size:.72rem;color:var(--primary);flex-shrink:0}.exec-fp-trigger-label{flex:1;overflow:hidden;text-overflow:ellipsis;font-weight:500}.exec-fp-trigger-arrow{font-size:.55rem;color:var(--text-tertiary);flex-shrink:0}.exec-fp-trigger-clear{display:flex;align-items:center;justify-content:center;width:16px;height:16px;border-radius:50%;background:rgba(var(--primary-rgb),.12);color:var(--primary);font-size:.55rem;cursor:pointer;transition:all .15s ease;flex-shrink:0}.exec-fp-trigger-clear:hover{background:var(--danger);color:#fff}.exec-fp-dropdown{position:absolute;top:calc(100% + 6px);left:0;width:320px;max-height:380px;background:var(--surface);border:1px solid var(--border);border-radius:10px;box-shadow:0 8px 32px #00000026;z-index:200;display:flex;flex-direction:column;overflow:hidden;animation:exec-fp-in .12s ease-out}@keyframes exec-fp-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.exec-fp-search{padding:10px 12px;border-bottom:1px solid var(--border-light);position:relative}.exec-fp-search-icon{position:absolute;left:22px;top:50%;transform:translateY(-50%);font-size:.7rem;color:var(--text-tertiary);pointer-events:none}.exec-fp-search input{width:100%;padding:7px 10px 7px 28px;border:1px solid var(--border);border-radius:6px;font-size:.8rem;background:var(--background);color:var(--text-primary);box-sizing:border-box;transition:border-color .15s ease}.exec-fp-search input:focus{outline:none;border-color:var(--primary)}.exec-fp-list{overflow-y:auto;flex:1;padding:4px 0}.exec-fp-list::-webkit-scrollbar{width:5px}.exec-fp-list::-webkit-scrollbar-track{background:transparent}.exec-fp-list::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.exec-fp-empty{padding:24px 16px;text-align:center;color:var(--text-tertiary);font-size:.8rem;display:flex;flex-direction:column;align-items:center;gap:6px}.exec-fp-empty i{font-size:1.2rem;opacity:.4}.exec-fp-expand{font-size:.55rem;color:var(--text-tertiary);cursor:pointer;width:14px;text-align:center;flex-shrink:0;transition:color .1s ease}.exec-fp-expand:hover{color:var(--primary)}.exec-fp-company{display:flex;align-items:center;gap:7px;padding:8px 10px;cursor:pointer;transition:background .1s ease;border-bottom:1px solid var(--border-light)}.exec-fp-company:hover{background:var(--surface-hover)}.exec-fp-company-icon{font-size:.72rem;color:var(--primary);flex-shrink:0}.exec-fp-company-name{font-size:.82rem;font-weight:700;color:var(--text-primary);flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.exec-fp-project{display:flex;align-items:center;gap:7px;padding:6px 10px 6px 24px;cursor:pointer;transition:background .1s ease}.exec-fp-project:hover{background:var(--surface-hover)}.exec-fp-folder-icon{font-size:.7rem;color:var(--warning);flex-shrink:0}.exec-fp-project-name{font-size:.8rem;font-weight:600;color:var(--text-primary);flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.exec-fp-count{font-size:.65rem;font-weight:600;background:rgba(var(--primary-rgb),.08);color:var(--text-tertiary);padding:1px 7px;border-radius:10px;flex-shrink:0}.exec-fp-flow{display:flex;align-items:center;gap:7px;padding:5px 10px 5px 52px;cursor:pointer;transition:all .1s ease;border-left:3px solid transparent}.exec-fp-flow:hover{background:var(--surface-hover)}.exec-fp-flow.checked{background:rgba(var(--primary-rgb),.05);border-left-color:var(--primary)}.exec-fp-flow-icon{font-size:.62rem;color:var(--primary);flex-shrink:0;opacity:.5}.exec-fp-flow.checked .exec-fp-flow-icon{opacity:1}.exec-fp-flow span{font-size:.78rem;color:var(--text-secondary);font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.exec-fp-flow.checked span{color:var(--text-primary)}.exec-fp-cb{width:14px;height:14px;accent-color:var(--primary);cursor:pointer;flex-shrink:0;border-radius:3px}.exec-chips{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:10px}.exec-chip{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;background:rgba(var(--primary-rgb),.08);border:1px solid rgba(var(--primary-rgb),.15);color:var(--primary);border-radius:14px;font-size:.72rem;font-weight:500;white-space:nowrap}.exec-chip>i:first-child{font-size:.6rem;opacity:.5}.exec-chip-x{font-size:.55rem;cursor:pointer;opacity:.5;transition:opacity .15s ease}.exec-chip-x:hover{opacity:1}.exec-chip-more{background:var(--background-secondary);border-color:var(--border);color:var(--text-tertiary)}.exec-dt-group{display:flex;align-items:center;gap:8px}.exec-dt-presets{display:flex;border:1px solid var(--border);border-radius:8px;overflow:hidden}.exec-dt-preset{padding:.42rem .65rem;border:none;border-right:1px solid var(--border);background:var(--surface);color:var(--text-secondary);font-size:.76rem;font-weight:600;cursor:pointer;transition:all .12s ease;white-space:nowrap}.exec-dt-preset:last-child{border-right:none}.exec-dt-preset:hover{background:var(--surface-hover);color:var(--text-primary)}.exec-dt-preset.active{background:var(--primary);color:#fff}.exec-dt-sep{color:var(--text-tertiary);font-size:.75rem;font-weight:500;flex-shrink:0}.exec-toolbar-btn{display:inline-flex;align-items:center;gap:.35rem;padding:.38rem .7rem;border-radius:8px;font-size:.78rem;font-weight:500;cursor:pointer;transition:all .12s ease;border:1px solid var(--border);background:var(--surface);color:var(--text-secondary);white-space:nowrap}.exec-toolbar-btn:hover{color:var(--danger);border-color:var(--danger);background:#ef44440f}.exec-actions-group{display:flex;border:1px solid var(--border);border-radius:8px;overflow:hidden}.exec-action-btn{position:relative;width:34px;height:34px;border:none;background:var(--surface);color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:.72rem;transition:all .12s ease}.exec-action-btn:first-child{border-right:1px solid var(--border)}.exec-action-btn:hover{background:var(--surface-hover);color:var(--text-primary)}.exec-action-btn.active{background:rgba(var(--success-rgb, 34, 197, 94),.12);color:var(--success)}.exec-action-btn.active:hover{background:rgba(var(--success-rgb, 34, 197, 94),.18)}.exec-action-btn.refresh:hover{color:var(--primary)}.exec-action-btn:disabled{opacity:.4;cursor:not-allowed}.exec-action-pulse{position:absolute;top:5px;right:5px;width:6px;height:6px;border-radius:50%;background:var(--success);animation:exec-pulse 1.5s ease-in-out infinite}@keyframes exec-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.7)}}.exec-table-wrap{background:var(--surface);border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow);overflow:hidden;display:flex;flex-direction:column;transition:background-color .3s ease,border-color .3s ease}.exec-table-scroll{flex:1;overflow-x:auto}.exec-table{width:100%;border-collapse:collapse;font-size:.85rem;table-layout:fixed}.exec-table thead th{padding:.75rem 1.15rem;text-align:left;font-weight:600;font-size:.75rem;text-transform:uppercase;letter-spacing:.4px;color:var(--text-secondary);background:var(--background-secondary);border-bottom:1px solid var(--border);white-space:nowrap;position:sticky;top:0;z-index:2}.exec-table thead th:last-child{text-align:center;width:140px}.exec-table tbody tr{transition:background .15s ease}.exec-table tbody tr:hover{background:var(--surface-hover)}.exec-table tbody td{padding:.75rem 1.15rem;border-bottom:1px solid var(--border-light);vertical-align:middle;color:var(--text-primary)}.exec-table tbody td:last-child{text-align:center}.exec-flow-cell{display:flex;align-items:center;gap:.5rem;font-weight:500;overflow:hidden}.exec-flow-cell span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.exec-flow-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0;background:var(--text-tertiary)}.exec-flow-dot.success{background:var(--success)}.exec-flow-dot.failed{background:var(--danger)}.exec-flow-dot.partial_failure{background:var(--warning)}.exec-flow-dot.running{background:var(--info);animation:exec-dot-pulse 1.2s ease-in-out infinite}.exec-flow-dot.queued,.exec-flow-dot.pending,.exec-flow-dot.cancelled{background:var(--text-tertiary)}@keyframes exec-dot-pulse{0%,to{opacity:1}50%{opacity:.3}}.exec-caret{color:var(--text-tertiary)!important;font-size:1.1rem!important;cursor:pointer;margin-left:.35rem;transition:color .15s ease}.exec-caret:hover{color:var(--primary)!important}.exec-project-cell{color:var(--text-secondary);font-weight:500;font-size:.82rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.exec-time-cell{color:var(--text-secondary);font-size:.8rem}.exec-duration-cell{font-weight:500;font-size:.8rem;color:var(--text-secondary)}.exec-trigger-cell{color:var(--text-tertiary);font-size:.8rem;text-transform:capitalize;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block;max-width:100%}.exec-subflow-link{color:var(--primary);text-decoration:none;font-weight:500;transition:color .15s ease}.exec-subflow-link:hover{color:var(--text-primary);text-decoration:underline}.exec-row-expanded{background:var(--surface-hover)}.exec-child-row{background:var(--background-secondary)!important}.exec-status-col{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.exec-badge{display:inline-flex;align-items:center;gap:.3rem;padding:.22rem .65rem;border-radius:20px;font-size:.72rem;font-weight:600;text-transform:capitalize;letter-spacing:.2px;white-space:nowrap}.exec-badge i{font-size:.65rem}.exec-badge.success{background:rgba(var(--success-rgb),.12);color:var(--success)}.exec-badge.info{background:rgba(var(--info-rgb),.12);color:var(--info)}.exec-badge.danger{background:rgba(var(--danger-rgb),.12);color:var(--danger)}.exec-badge.warning{background:rgba(var(--warning-rgb),.12);color:var(--warning)}.exec-badge.secondary,.exec-badge.dark{background:rgba(var(--primary-rgb),.08);color:var(--text-secondary)}.exec-retry-badge{display:inline-flex;align-items:center;gap:.25rem;padding:.15rem .55rem;border-radius:12px;font-size:.68rem;font-weight:600;cursor:pointer;transition:opacity .15s ease;color:var(--surface);white-space:nowrap}.exec-retry-badge:hover{opacity:.85}.exec-retry-badge.retry-success{background:var(--success)}.exec-retry-badge.retry-failed{background:var(--danger)}.exec-retry-badge.retry-pending{background:var(--warning)}.exec-actions{display:flex;gap:.35rem;justify-content:center}.exec-act-btn{width:30px;height:30px;border-radius:7px;border:1px solid var(--border);background:transparent;color:var(--text-secondary);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;font-size:.78rem;transition:all .15s ease;text-decoration:none}.exec-act-btn:hover{background:var(--surface-hover);color:var(--primary);border-color:var(--primary)}.exec-act-btn.danger:hover{color:var(--danger);border-color:var(--danger);background:rgba(var(--danger-rgb),.08)}.exec-act-btn.warn:hover{color:var(--warning);border-color:var(--warning);background:rgba(var(--warning-rgb),.08)}.exec-act-btn:disabled{opacity:.4;cursor:not-allowed}.exec-pagination{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1.15rem;border-top:1px solid var(--border);font-size:.82rem;color:var(--text-secondary);flex-shrink:0;gap:1rem;flex-wrap:wrap}.exec-pagination-info{display:flex;align-items:center;gap:.75rem}.exec-pagination-info select{padding:.3rem .5rem;border:1px solid var(--border);border-radius:6px;background:var(--background);color:var(--text-primary);font-size:.82rem;cursor:pointer}.exec-pagination-nav{display:flex;align-items:center;gap:.25rem}.exec-page-btn{width:32px;height:32px;border-radius:8px;border:1px solid var(--border);background:var(--background);color:var(--text-primary);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;font-size:.78rem;transition:all .15s ease}.exec-page-btn:hover:not(:disabled){border-color:var(--primary);color:var(--primary);background:var(--surface-hover)}.exec-page-btn:disabled{opacity:.35;cursor:not-allowed}.exec-page-btn.active{background:var(--primary-gradient);color:var(--surface);border-color:var(--primary)}.exec-page-num{font-size:.82rem;font-weight:500;min-width:32px;text-align:center}.exec-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;color:var(--text-secondary)}.exec-spin{width:36px;height:36px;border:3px solid var(--border);border-top-color:var(--primary);border-radius:50%;animation:exec-spin .8s linear infinite;margin-bottom:.75rem}@keyframes exec-spin{to{transform:rotate(360deg)}}.exec-empty{text-align:center;padding:4rem 2rem;background:var(--surface);border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow)}.exec-empty i{font-size:3rem;color:var(--text-tertiary);opacity:.35;margin-bottom:1rem}.exec-empty h3{color:var(--text-primary);font-size:1.1rem;margin:0 0 .5rem}.exec-empty p{color:var(--text-secondary);font-size:.88rem;margin:0}@media (max-width: 1024px){.exec-stats{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.executions-page{padding:.75rem}.exec-header{flex-direction:column;gap:.5rem;margin-bottom:1rem}.exec-header-left h1{font-size:1.35rem;gap:.5rem}.exec-header-left h1 i{font-size:1.15rem}.exec-header-subtitle{font-size:.8rem}.exec-stats{grid-template-columns:repeat(2,1fr);gap:.5rem;margin-bottom:1rem}.exec-stat-card{padding:.75rem .85rem;border-radius:10px}.exec-stat-value{font-size:1.35rem}.exec-stat-label{font-size:.7rem}.exec-stat-icon{width:34px;height:34px;font-size:.9rem}.exec-toolbar{flex-direction:column;align-items:stretch;padding:.65rem;gap:.5rem;margin-bottom:.75rem}.exec-fp,.exec-fp-trigger,.exec-fp-dropdown{width:100%}.exec-dt-group{flex-wrap:wrap;width:100%}.exec-pagination{flex-direction:column;align-items:flex-start}.exec-table-scroll{overflow-x:visible}.exec-table thead{display:none}.exec-table,.exec-table tbody{display:block}.exec-table tbody tr{display:block;background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:.75rem 1rem;margin-bottom:.75rem}.exec-table tbody tr:hover{background:var(--surface)}.exec-table tbody td{display:flex;align-items:center;justify-content:space-between;padding:.4rem 0;border-bottom:1px dashed var(--border-light);font-size:.82rem;text-align:right}.exec-table tbody td:last-child{border-bottom:none;justify-content:flex-end;padding-top:.6rem;text-align:center}.exec-table tbody td:before{font-weight:600;font-size:.7rem;text-transform:uppercase;letter-spacing:.3px;color:var(--text-secondary);margin-right:1rem;flex-shrink:0;text-align:left}.exec-table tbody td:nth-of-type(1):before{content:"Flow"}.exec-table tbody td:nth-of-type(2):before{content:"Project"}.exec-table tbody td:nth-of-type(3):before{content:"Status"}.exec-table tbody td:nth-of-type(4):before{content:"Mode"}.exec-table tbody td:nth-of-type(5):before{content:"Started"}.exec-table tbody td:nth-of-type(6):before{content:"Duration"}.exec-table tbody td:nth-of-type(7):before{content:"Triggered By"}.exec-table tbody td:nth-of-type(8):before{content:""}.exec-flow-cell{justify-content:flex-end}.exec-actions{justify-content:flex-end;gap:.5rem}.exec-act-btn{width:36px;height:36px}}@media (max-width: 480px){.exec-stats{grid-template-columns:repeat(2,1fr)}}.log-view-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:9999;animation:lvm-fadeIn .2s ease-out}@keyframes lvm-fadeIn{0%{opacity:0}to{opacity:1}}.log-view-modal{background:var(--surface);border:1px solid var(--border);border-radius:14px;width:92%;max-width:1100px;height:82vh;max-height:780px;display:flex;flex-direction:column;box-shadow:0 24px 64px #00000040;animation:lvm-slideUp .25s ease-out;overflow:hidden}@keyframes lvm-slideUp{0%{transform:translateY(14px);opacity:0}to{transform:translateY(0);opacity:1}}.log-view-modal-header{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;border-bottom:1px solid var(--border);background:var(--background-secondary);border-radius:14px 14px 0 0;flex-shrink:0}.log-view-modal-header .header-left{display:flex;align-items:center;gap:12px;min-width:0}.log-view-modal-header .modal-title{margin:0;font-size:.92rem;font-weight:600;color:var(--text-primary);display:flex;align-items:center;gap:8px;white-space:nowrap}.log-view-modal-header .modal-title i{color:var(--primary);font-size:.9rem}.log-view-modal-header .flow-name{color:var(--text-secondary);font-size:.78rem;font-weight:500;padding:3px 10px;background:var(--surface);border:1px solid var(--border-light);border-radius:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:200px}.log-view-modal-header .header-actions{display:flex;align-items:center;gap:6px}.log-view-modal-header .lvm-status{display:inline-flex;align-items:center;gap:4px;padding:4px 12px;border-radius:20px;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.3px;margin-right:6px;white-space:nowrap}.lvm-status.status-success{background:rgba(var(--success-rgb),.12);color:var(--success)}.lvm-status.status-failed{background:rgba(var(--danger-rgb),.12);color:var(--danger)}.lvm-status.status-running{background:rgba(var(--info-rgb),.12);color:var(--info)}.lvm-status.status-pending{background:rgba(var(--primary-rgb),.08);color:var(--text-secondary)}.log-view-modal-header .action-btn{background:transparent;border:1px solid var(--border);border-radius:7px;width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s ease;color:var(--text-secondary);font-size:.8rem}.log-view-modal-header .action-btn:hover:not(:disabled){background:var(--surface-hover);color:var(--text-primary);border-color:var(--primary)}.log-view-modal-header .action-btn:disabled{opacity:.4;cursor:not-allowed}.log-view-modal-header .close-btn{background:transparent;border:none;width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;border-radius:7px;transition:all .15s ease;color:var(--text-tertiary);font-size:.85rem}.log-view-modal-header .close-btn:hover{background:rgba(var(--danger-rgb),.1);color:var(--danger)}.lvm-pagination{display:flex;align-items:center;justify-content:center;gap:12px;padding:7px 20px;border-bottom:1px solid var(--border);background:var(--background-secondary);flex-shrink:0}.lvm-page-btn{width:28px;height:28px;border:1px solid var(--border);border-radius:6px;background:var(--surface);color:var(--text-secondary);font-size:11px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s ease}.lvm-page-btn:hover:not(:disabled){background:var(--surface-hover);color:var(--text-primary);border-color:var(--primary)}.lvm-page-btn:disabled{opacity:.4;cursor:not-allowed}.lvm-page-info{font-size:12px;font-weight:500;color:var(--text-primary);display:flex;align-items:center;gap:8px}.lvm-page-range{font-size:11px;font-weight:400;color:var(--text-tertiary)}.log-view-modal-content{flex:1;overflow:hidden;display:flex;flex-direction:column;min-height:0}.log-view-modal-content .logs-container{flex:1;overflow:hidden;display:flex;flex-direction:column}.log-view-modal-content .loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;color:var(--text-secondary);gap:12px}.log-view-modal-content .loading-state .spinner{width:36px;height:36px;border:3px solid var(--border);border-top-color:var(--primary);border-radius:50%;animation:lvm-spin .8s linear infinite}@keyframes lvm-spin{to{transform:rotate(360deg)}}.log-view-modal-content .error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;color:var(--danger);padding:40px;text-align:center;gap:12px}.log-view-modal-content .error-state i{font-size:2.5rem;opacity:.7}.log-view-modal-content .error-state p{margin:0;font-size:.9rem}.log-view-modal-content .retry-btn{background:var(--primary-gradient);color:var(--surface);border:none;padding:8px 20px;border-radius:7px;cursor:pointer;font-size:.82rem;font-weight:500;display:inline-flex;align-items:center;gap:6px;transition:opacity .15s ease}.log-view-modal-content .retry-btn:hover{opacity:.85}.log-view-modal-content .empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;color:var(--text-tertiary);padding:40px;gap:10px}.log-view-modal-content .empty-state i{font-size:2.5rem;opacity:.4}.log-view-modal-content .empty-state p{margin:0;font-size:.9rem}.log-view-modal-footer{display:flex;align-items:center;justify-content:space-between;padding:10px 20px;border-top:1px solid var(--border);background:var(--background-secondary);border-radius:0 0 14px 14px;flex-shrink:0}.log-view-modal-footer .footer-info{color:var(--text-tertiary);font-size:.75rem;font-family:SF Mono,Cascadia Code,Consolas,monospace}.log-view-modal-footer .steps-count{color:var(--text-secondary);font-weight:500}.log-view-modal-footer .close-footer-btn{background:var(--primary-gradient);color:var(--surface);border:none;padding:6px 18px;border-radius:7px;cursor:pointer;font-size:.8rem;font-weight:500;transition:opacity .15s ease}.log-view-modal-footer .close-footer-btn:hover{opacity:.85}@media (max-width: 768px){.log-view-modal{width:96%;height:92vh;border-radius:10px}.log-view-modal-header{padding:12px 14px}.log-view-modal-header .flow-name{display:none}.log-view-modal-footer{padding:8px 14px}}.dtp{position:relative}.dtp-trigger{display:flex;align-items:center;gap:6px;padding:.42rem .65rem;border:1px solid var(--border);border-radius:8px;background:var(--surface);color:var(--text-tertiary);font-size:.8rem;cursor:pointer;transition:all .15s ease;white-space:nowrap;min-width:130px}.dtp-trigger:hover{border-color:var(--primary)}.dtp-trigger.active{border-color:var(--primary);box-shadow:0 0 0 2px rgba(var(--primary-rgb),.1)}.dtp-trigger.has-value{color:var(--text-primary)}.dtp-trigger-icon{font-size:.7rem;color:var(--text-tertiary);flex-shrink:0}.dtp-trigger.has-value .dtp-trigger-icon{color:var(--primary)}.dtp-trigger-text{flex:1;overflow:hidden;text-overflow:ellipsis;font-weight:500}.dtp-trigger-clear{display:flex;align-items:center;justify-content:center;width:16px;height:16px;border-radius:50%;color:var(--text-tertiary);font-size:.5rem;cursor:pointer;transition:all .12s}.dtp-trigger-clear:hover{color:var(--danger);background:#ef444414}.dtp-dropdown{position:absolute;top:calc(100% + 6px);left:0;width:280px;background:var(--surface);border:1px solid var(--border);border-radius:12px;box-shadow:0 12px 40px #0003;z-index:300;overflow:hidden;animation:dtp-in .15s ease-out}@keyframes dtp-in{0%{opacity:0;transform:translateY(-6px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.dtp-label{padding:8px 12px 0;font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--text-tertiary)}.dtp-header{display:flex;align-items:center;justify-content:space-between;padding:10px 12px 6px}.dtp-month-year{font-size:.85rem;font-weight:700;color:var(--text-primary)}.dtp-nav{width:28px;height:28px;border:none;border-radius:6px;background:transparent;color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:.7rem;transition:all .12s}.dtp-nav:hover{background:var(--surface-hover);color:var(--primary)}.dtp-weekdays{display:grid;grid-template-columns:repeat(7,1fr);padding:0 8px}.dtp-wd{text-align:center;font-size:.68rem;font-weight:600;color:var(--text-tertiary);padding:4px 0}.dtp-grid{display:grid;grid-template-columns:repeat(7,1fr);padding:2px 8px 8px;gap:2px}.dtp-day{width:100%;aspect-ratio:1;border:none;border-radius:8px;background:transparent;color:var(--text-primary);font-size:.78rem;font-weight:500;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .1s ease}.dtp-day:hover{background:var(--surface-hover)}.dtp-day.other{color:var(--text-tertiary);opacity:.4}.dtp-day.other:hover{opacity:.7}.dtp-day.today{color:var(--primary);font-weight:700;background:rgba(var(--primary-rgb),.08)}.dtp-day.selected{background:var(--primary);color:#fff;font-weight:700}.dtp-day.selected:hover{background:var(--primary);opacity:.9}.dtp-time{display:flex;align-items:center;justify-content:center;gap:6px;padding:8px 12px;border-top:1px solid var(--border-light);background:var(--background-secondary)}.dtp-time-icon{font-size:.72rem;color:var(--text-tertiary)}.dtp-time-sel{padding:5px 6px;border:1px solid var(--border);border-radius:6px;background:var(--surface);color:var(--text-primary);font-size:.82rem;font-weight:600;font-family:SF Mono,Monaco,Menlo,monospace;cursor:pointer;text-align:center;min-width:48px;-webkit-appearance:none;-moz-appearance:none;appearance:none}.dtp-time-sel:focus{outline:none;border-color:var(--primary)}.dtp-time-colon{font-size:.9rem;font-weight:700;color:var(--text-secondary)}.dtp-footer{display:flex;align-items:center;gap:6px;padding:8px 12px;border-top:1px solid var(--border-light)}.dtp-footer-btn{padding:4px 10px;border:none;border-radius:6px;font-size:.75rem;font-weight:600;cursor:pointer;transition:all .12s;background:transparent;color:var(--text-secondary)}.dtp-footer-btn:hover{background:var(--surface-hover);color:var(--text-primary)}.dtp-footer-btn.clear{color:var(--text-tertiary)}.dtp-footer-btn.clear:hover{color:var(--danger)}.dtp-footer-btn.done{background:var(--primary);color:#fff;padding:4px 14px}.dtp-footer-btn.done:hover{opacity:.88}.sf-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;display:flex;align-items:center;justify-content:center;z-index:9999;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);overflow:hidden;overscroll-behavior:contain;touch-action:none}.sf-modal{background:var(--surface);border-radius:14px;width:92%;max-width:680px;max-height:90vh;display:flex;flex-direction:column;overflow:clip;position:relative;box-shadow:0 24px 48px #0000002e,0 0 0 1px #ffffff0a;animation:sf-slideIn .2s ease-out}@keyframes sf-slideIn{0%{opacity:0;transform:translateY(-10px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.sf-header{display:flex;justify-content:space-between;align-items:center;padding:14px 22px;border-bottom:1px solid var(--border);background:linear-gradient(to right,rgba(var(--primary-rgb),.04),transparent);border-radius:14px 14px 0 0;flex-shrink:0}.sf-header h2{margin:0;font-size:15px;font-weight:600;color:var(--text-primary);display:flex;align-items:center;gap:8px}.sf-header h2 i{font-size:15px;color:var(--primary)}.sf-close-btn{background:transparent;border:none;color:var(--text-tertiary);width:30px;height:30px;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s ease;font-size:14px}.sf-close-btn:hover{background:rgba(var(--danger-rgb, 239, 68, 68),.1);color:var(--danger)}.sf-form{padding:0;flex:1;overflow-y:auto;overflow-x:hidden}.sf-form::-webkit-scrollbar{width:5px}.sf-form::-webkit-scrollbar-track{background:transparent}.sf-form::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.sf-form::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}.sf-section{padding:18px 22px;background:transparent;border-radius:0;border:none;border-bottom:1px solid var(--border-light, var(--border));margin:0}.sf-section:last-child{border-bottom:none}.sf-section h3{margin:0 0 14px;font-size:11px;font-weight:700;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.8px;display:flex;align-items:center;gap:7px}.sf-section h3 i{font-size:12px;color:var(--primary);opacity:.8}.sf-collapsible{cursor:pointer;transition:color .15s ease;padding:2px 0;border-radius:4px}.sf-collapsible:hover{color:var(--primary)}.sf-description{color:var(--text-secondary);font-size:12px;margin-bottom:12px;line-height:1.5}.sf-group{margin-bottom:12px}.sf-group:last-child{margin-bottom:0}.sf-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:12px}.sf-row:last-child{margin-bottom:0}.sf-row .sf-group{margin-bottom:0}.sf-group>label:first-child{display:block;margin-bottom:4px;font-weight:500;color:var(--text-primary);font-size:12px}.sf-group input[type=text],.sf-group input[type=number],.sf-group input[type=datetime-local],.sf-group textarea,.sf-group select{width:100%;padding:7px 10px;border:1px solid var(--border);border-radius:7px;font-size:13px;transition:border-color .15s ease,box-shadow .15s ease;background:var(--background-secondary);color:var(--text-primary);box-sizing:border-box}.sf-group textarea{resize:vertical;min-height:52px}.sf-group input:focus,.sf-group textarea:focus,.sf-group select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px rgba(var(--primary-rgb),.08);background:var(--surface)}.sf-group small{display:block;margin-top:3px;color:var(--text-tertiary);font-size:11px}.sf-hint{display:block;font-size:11px;color:var(--text-tertiary);font-weight:400;margin-top:2px}.sf-loading-indicator{display:flex;align-items:center;gap:8px;padding:8px 12px;background:var(--background-secondary);border:1px solid var(--border);border-radius:7px;color:var(--text-secondary);font-size:12px}.sf-type-selector{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;margin-bottom:14px}.sf-type-card{padding:10px 6px 8px;border:1.5px solid var(--border);border-radius:9px;cursor:pointer;transition:all .18s ease;background:var(--background-secondary);text-align:center;position:relative}.sf-type-card:hover{border-color:rgba(var(--primary-rgb),.4);background:rgba(var(--primary-rgb),.03);transform:translateY(-1px)}.sf-type-card.selected{border-color:var(--primary);background:rgba(var(--primary-rgb),.06);box-shadow:0 0 0 3px rgba(var(--primary-rgb),.08)}.sf-type-card.selected:after{content:none}.sf-type-icon{font-size:17px;margin-bottom:4px;color:var(--text-tertiary);transition:color .15s ease}.sf-type-card:hover .sf-type-icon,.sf-type-card.selected .sf-type-icon{color:var(--primary)}.sf-type-content h4{margin:0 0 1px;font-size:11px;font-weight:600;color:var(--text-primary)}.sf-type-content p{margin:0;font-size:10px;color:var(--text-tertiary);line-height:1.3}.sf-cron-config{margin-top:10px}.sf-cron-validation{margin-top:5px;padding:5px 10px;border-radius:6px;font-size:11px;display:flex;align-items:center;gap:5px}.sf-cron-validation.success{background:rgba(var(--success-rgb),.07);color:var(--success);border:1px solid rgba(var(--success-rgb),.15)}.sf-cron-validation.error{background:rgba(var(--danger-rgb),.07);color:var(--danger);border:1px solid rgba(var(--danger-rgb),.15)}.sf-cron-examples{margin-top:12px}.sf-cron-examples h4{margin:0 0 6px;font-size:11px;font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.4px}.sf-cron-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:5px}.sf-cron-example{padding:6px 10px;background:var(--background-secondary);border:1px solid var(--border);border-radius:6px;cursor:pointer;transition:all .15s ease;display:flex;align-items:center;gap:8px;overflow:hidden}.sf-cron-example:hover{border-color:var(--primary);background:rgba(var(--primary-rgb),.04)}.sf-cron-example code{font-family:SF Mono,Monaco,Menlo,monospace;font-size:11px;font-weight:600;color:var(--primary);white-space:nowrap}.sf-cron-example span{font-size:11px;color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.sf-cron-preview{margin-top:10px;padding:10px 12px;background:rgba(var(--info-rgb),.05);border:1px solid rgba(var(--info-rgb),.12);border-radius:7px}.sf-cron-preview h4{margin:0 0 6px;font-size:11px;font-weight:600;color:var(--info);text-transform:uppercase;letter-spacing:.3px}.sf-cron-preview ul{margin:0;padding-left:16px;list-style-type:none}.sf-cron-preview li{color:var(--text-primary);font-size:11px;margin-bottom:2px;position:relative;padding-left:4px}.sf-cron-preview li:before{content:"›";position:absolute;left:-10px;color:var(--info);font-weight:700}.sf-interval-config{background:var(--background-secondary);padding:12px;border-radius:8px;border:1px solid var(--border)}.sf-listener-config{margin-top:0}.sf-listener-info{display:flex;gap:10px;padding:10px 12px;background:rgba(var(--info-rgb),.05);border:1px solid rgba(var(--info-rgb),.12);border-radius:7px;margin-top:10px;font-size:12px;color:var(--text-primary)}.sf-listener-info>i{color:var(--info);font-size:13px;margin-top:1px;flex-shrink:0}.sf-listener-info strong{display:block;margin-bottom:3px;font-size:12px}.sf-listener-info ul{margin:0;padding-left:14px}.sf-listener-info li{margin-bottom:1px;color:var(--text-secondary);font-size:11px}.sf-advanced{animation:sf-slideDown .2s ease-out}@keyframes sf-slideDown{0%{opacity:0;max-height:0}to{opacity:1;max-height:500px}}.sf-checkbox-wrapper{display:flex;align-items:flex-start;gap:10px;margin-bottom:4px}.sf-checkbox-label{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:12px;font-weight:500;color:var(--text-primary);-webkit-user-select:none;user-select:none;padding:2px 0}.sf-checkbox-label input[type=checkbox]{width:auto;margin:0;position:absolute;opacity:0;cursor:pointer}.sf-checkmark{position:relative;display:inline-block;width:16px;height:16px;background:var(--background-secondary);border:1.5px solid var(--border);border-radius:4px;transition:all .15s ease;flex-shrink:0}.sf-checkbox-label:hover .sf-checkmark{border-color:var(--primary)}.sf-checkbox-label input[type=checkbox]:checked+.sf-checkmark{background:var(--primary);border-color:var(--primary)}.sf-checkbox-label input[type=checkbox]:checked+.sf-checkmark:after{content:"";position:absolute;left:5px;top:1px;width:4px;height:8px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}.sf-checkbox-content{display:flex;flex-direction:column;gap:1px}.sf-checkbox-content small{font-size:11px;color:var(--text-tertiary);font-weight:400;line-height:1.3}.sf-purge-notice{margin-bottom:12px;display:flex;align-items:flex-start;gap:10px;padding:10px 12px;background:rgba(var(--warning-rgb),.05);border:1px solid rgba(var(--warning-rgb),.15);border-radius:7px}.sf-purge-notice i{font-size:16px;color:var(--warning);margin-top:1px;flex-shrink:0}.sf-purge-notice-body{flex:1}.sf-purge-notice-title{font-size:12px;font-weight:600;color:var(--text-primary);margin-bottom:3px}.sf-purge-notice-body p{font-size:11px;margin:0 0 3px;color:var(--text-secondary);line-height:1.4}.sf-purge-notice-body p:last-child{margin-bottom:0}.sf-purge-disabled{opacity:.5;pointer-events:none}.sf-purge-disabled-label{text-decoration:line-through}.sf-purge-disabled-hint{color:var(--danger)!important}.sf-purge-settings{background:rgba(var(--primary-rgb),.03);padding:12px;border-radius:7px;border:1px solid rgba(var(--primary-rgb),.1);margin-top:10px}.sf-info-msg{display:flex;align-items:center;gap:6px;padding:7px 10px;background:rgba(var(--primary-rgb),.05);border-radius:6px;margin-bottom:12px;font-size:11px;color:var(--primary)}.sf-info-msg i{font-size:11px}.sf-purge-actions{margin-top:14px;padding:12px;background:rgba(var(--warning-rgb),.05);border:1px solid rgba(var(--warning-rgb),.12);border-radius:7px}.sf-purge-actions h4{margin:0 0 8px;font-size:12px;font-weight:600;color:var(--text-primary);display:flex;align-items:center;gap:6px}.sf-purge-actions h4 i{color:var(--warning)}.sf-purge-buttons{display:flex;gap:8px;flex-wrap:wrap}.sf-purge-preview{margin-top:12px;padding:12px;background:var(--background-secondary);border:1px solid var(--border);border-radius:7px}.sf-purge-preview h4{margin:0 0 8px;font-size:12px;font-weight:600;color:var(--text-primary);display:flex;align-items:center;gap:6px}.sf-purge-preview h4 i{color:var(--primary)}.sf-preview-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:10px}.sf-preview-item{display:flex;align-items:center;gap:10px;padding:10px;background:var(--surface);border-radius:8px;border:1px solid var(--border)}.sf-preview-icon{width:34px;height:34px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:13px;color:#fff;flex-shrink:0}.sf-preview-icon.executions{background:var(--primary)}.sf-preview-icon.files{background:var(--warning)}.sf-preview-icon.storage{background:var(--success)}.sf-preview-content{flex:1}.sf-preview-number{font-size:15px;font-weight:700;color:var(--text-primary);line-height:1}.sf-preview-label{font-size:10px;color:var(--text-secondary);margin-top:2px}.sf-preview-details{padding-top:8px;border-top:1px solid var(--border)}.sf-preview-details p{margin:0 0 3px;font-size:11px;color:var(--text-primary)}.sf-preview-details p:last-child{margin-bottom:0}.sf-purge-warning{margin-top:12px;padding:8px 12px;background:rgba(var(--danger-rgb),.04);border:1px solid rgba(var(--danger-rgb),.12);border-radius:7px;color:var(--text-primary);font-size:11px;display:flex;align-items:flex-start;gap:8px}.sf-purge-warning i{margin-top:1px;flex-shrink:0;color:var(--danger);font-size:12px}.sf-purge-warning strong{color:var(--danger);margin-right:3px}.sf-actions{display:flex;justify-content:flex-end;gap:8px;padding:12px 22px;background:var(--background-secondary);border-top:1px solid var(--border);border-radius:0 0 14px 14px;flex-shrink:0}.sf-btn{display:inline-flex;align-items:center;gap:6px;padding:7px 16px;border:1px solid var(--border);border-radius:7px;font-size:12px;font-weight:500;cursor:pointer;transition:all .15s ease;white-space:nowrap}.sf-btn:disabled{opacity:.5;cursor:not-allowed}.sf-btn-primary{background:var(--primary);color:#fff;border-color:var(--primary)}.sf-btn-primary:hover:not(:disabled){filter:brightness(1.08);box-shadow:0 2px 8px rgba(var(--primary-rgb),.3)}.sf-btn-secondary{background:var(--surface);color:var(--text-primary);border-color:var(--border)}.sf-btn-secondary:hover:not(:disabled){background:var(--surface-hover)}.sf-btn-info{background:rgba(var(--info-rgb),.08);color:var(--info);border-color:rgba(var(--info-rgb),.18)}.sf-btn-info:hover:not(:disabled){background:rgba(var(--info-rgb),.14)}.sf-btn-warning{background:rgba(var(--warning-rgb),.08);color:var(--warning);border-color:rgba(var(--warning-rgb),.18)}.sf-btn-warning:hover:not(:disabled){background:rgba(var(--warning-rgb),.14)}.sf-btn-danger{background:rgba(var(--danger-rgb),.08);color:var(--danger);border-color:rgba(var(--danger-rgb),.18)}.sf-btn-danger:hover:not(:disabled){background:rgba(var(--danger-rgb),.14)}.sf-confirm-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:10000;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.sf-confirm-dialog{background:var(--surface);border-radius:12px;width:90%;max-width:400px;box-shadow:0 16px 32px #00000040;animation:sf-confirmSlide .18s ease-out}@keyframes sf-confirmSlide{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.sf-confirm-header{display:flex;align-items:center;padding:14px 18px;border-bottom:1px solid var(--border)}.sf-confirm-header i{color:var(--warning);margin-right:8px;font-size:15px}.sf-confirm-header h3{margin:0;font-size:14px;color:var(--text-primary)}.sf-confirm-body{padding:14px 18px;font-size:12px;color:var(--text-secondary)}.sf-confirm-body p{margin:0}.sf-confirm-danger{margin-top:8px;color:var(--danger);font-weight:600}.sf-confirm-summary{margin-top:10px;padding:8px 10px;background:var(--background-secondary);border-radius:6px}.sf-confirm-summary p{margin:0 0 3px;color:var(--text-primary);font-size:11px}.sf-confirm-summary ul{margin:3px 0 0 16px;padding:0;color:var(--text-secondary);font-size:11px}.sf-confirm-footer{display:flex;justify-content:flex-end;gap:8px;padding:10px 18px;border-top:1px solid var(--border);background:var(--background-secondary);border-radius:0 0 12px 12px}.sf-text-warning{color:var(--warning)}.sf-text-danger{color:var(--danger)}.sf-form-text{display:block;margin-top:3px;font-size:11px;color:var(--text-tertiary)}.sf-form-text code{background:var(--background-secondary);padding:1px 4px;border-radius:3px;font-family:SF Mono,Monaco,Menlo,monospace;font-size:10px}.sf-code-mappings{margin-top:14px;padding-top:14px;border-top:1px dashed var(--border-light)}.sf-code-mappings>label{display:block;margin-bottom:8px;font-weight:500;color:var(--text-primary);font-size:12px}.sf-code-mappings>label small{font-weight:400;color:var(--text-tertiary);margin-left:6px}.sf-code-mappings>small{display:block;margin-top:6px;color:var(--text-tertiary);font-size:11px}.sf-code-mappings-list{display:flex;flex-direction:column;gap:6px}.sf-code-mapping-row{display:grid;grid-template-columns:140px 1fr;gap:8px;align-items:center}.sf-code-label{display:flex;align-items:center}.sf-code-badge{display:inline-block;padding:3px 8px;border-radius:5px;font-size:11px;font-weight:600;font-family:monospace;background:rgba(var(--primary-rgb),.08);color:var(--primary);border:1px solid rgba(var(--primary-rgb),.15);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:130px}.sf-code-emails input{width:100%;padding:6px 10px;border:1px solid var(--border);border-radius:7px;font-size:12px;background:var(--background-secondary);color:var(--text-primary);transition:border-color .15s ease,box-shadow .15s ease}.sf-code-emails input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px rgba(var(--primary-rgb),.08);background:var(--surface)}@media (max-width: 768px){.sf-modal{width:96%;max-height:95vh;border-radius:12px}.sf-section{padding:14px 16px}.sf-header{padding:12px 16px;border-radius:12px 12px 0 0}.sf-row{grid-template-columns:1fr;gap:8px}.sf-type-selector{grid-template-columns:repeat(3,1fr)}.sf-cron-grid,.sf-preview-grid{grid-template-columns:1fr}.sf-purge-buttons{flex-direction:column}.sf-actions{flex-direction:column-reverse;padding:12px 16px;border-radius:0 0 12px 12px}.sf-actions .sf-btn{width:100%;justify-content:center}}@media (max-width: 480px){.sf-type-selector{grid-template-columns:repeat(2,1fr)}.sf-code-mapping-row{grid-template-columns:1fr}}@media (prefers-reduced-motion: reduce){.sf-modal,.sf-confirm-dialog,.sf-advanced,.sf-type-card,.sf-btn{animation:none;transition:none}}.sch-page{padding:1.5rem;max-width:1600px;margin:0 auto;width:100%;box-sizing:border-box}.sch-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem;gap:1rem}.sch-header-left h1{font-size:2rem;font-weight:700;color:var(--text-primary);margin:0 0 .25rem;display:flex;align-items:center;gap:.75rem}.sch-header-left h1 i{color:var(--primary);font-size:1.75rem}.sch-header-subtitle{font-size:.9rem;color:var(--text-secondary);margin:0}.sch-mode-badge{display:inline-flex;align-items:center;gap:.4rem;padding:.35rem .85rem;border-radius:20px;font-size:.78rem;font-weight:600;letter-spacing:.3px}.sch-mode-badge.run{background:rgba(var(--primary-rgb),.12);color:var(--primary)}.sch-mode-badge.build{background:var(--background-secondary);color:var(--text-secondary)}.sch-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:1.5rem}.sch-stat-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:1.15rem 1.25rem;display:flex;align-items:center;justify-content:space-between;box-shadow:var(--shadow);transition:all .2s ease}.sch-stat-card:hover{box-shadow:var(--shadow-hover);transform:translateY(-1px)}.sch-stat-card.disabled{opacity:.55}.sch-stat-value{font-size:1.75rem;font-weight:700;color:var(--text-primary);line-height:1;margin-bottom:.25rem}.sch-stat-value.locked{font-size:1.1rem;display:flex;align-items:center;gap:.4rem}.sch-stat-value.locked i{color:#f59e0b;font-size:.9rem}.sch-stat-label{font-size:.78rem;color:var(--text-secondary);font-weight:500}.sch-stat-meta{font-size:.68rem;color:var(--text-tertiary);margin-top:.2rem;display:flex;align-items:center;gap:.3rem}.sch-stat-meta.warning-text{color:#92700c}.sch-stat-icon{width:42px;height:42px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1.1rem;flex-shrink:0}.sch-stat-icon.total{background:#6366f11a;color:#6366f1}.sch-stat-icon.active{background:#10b9811a;color:#10b981}.sch-stat-icon.cron{background:#0ea5e91a;color:#0ea5e9}.sch-stat-icon.purge{background:#f59e0b1a;color:#f59e0b}.sch-toolbar{display:flex;align-items:center;gap:.75rem;background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:.75rem 1rem;margin-bottom:1rem;box-shadow:var(--shadow)}.sch-search{position:relative;flex:1;min-width:0}.sch-search-icon{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);color:var(--text-tertiary);pointer-events:none;font-size:.85rem}.sch-search-input{width:100%;padding:.5rem .75rem .5rem 2.25rem;border:1px solid var(--border);border-radius:8px;background:var(--background);color:var(--text-primary);font-size:.85rem;transition:all .2s ease}.sch-search-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #4a8db71f}.sch-filter{padding:.5rem .75rem;border:1px solid var(--border);border-radius:8px;background:var(--background);color:var(--text-primary);font-size:.85rem;cursor:pointer;transition:all .2s ease}.sch-filter:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #4a8db71f}.sch-spacer{flex:1}.sch-btn-create{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:var(--primary-gradient);color:#fff;border:none;border-radius:8px;font-size:.85rem;font-weight:500;cursor:pointer;white-space:nowrap;transition:all .2s ease}.sch-btn-create:hover{opacity:.9;transform:translateY(-1px)}.sch-table-wrap{background:var(--surface);border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow);overflow:hidden;transition:background-color .3s ease,border-color .3s ease}.sch-table-scroll{overflow-x:auto}.sch-table{width:100%;border-collapse:collapse;font-size:.85rem}.sch-table thead th{padding:.75rem 1.15rem;text-align:left;font-weight:600;font-size:.75rem;text-transform:uppercase;letter-spacing:.4px;color:var(--text-secondary);background:var(--background-secondary);border-bottom:1px solid var(--border);white-space:nowrap;position:sticky;top:0;z-index:2}.sch-table tbody tr{transition:background .15s ease}.sch-table tbody tr:hover{background:var(--surface-hover)}.sch-table tbody td{padding:.65rem 1.15rem;border-bottom:1px solid var(--border-light);vertical-align:top;color:var(--text-primary)}.sch-name-cell{display:flex;flex-direction:column;gap:.15rem}.sch-name{font-weight:600;color:var(--text-primary);font-size:.88rem}.sch-description{font-size:.78rem;color:var(--text-tertiary);line-height:1.4}.sch-flow-name{font-weight:500;color:var(--text-primary);font-size:.82rem}.sch-type-badge{display:inline-flex;align-items:center;gap:.3rem;padding:.2rem .55rem;border-radius:6px;font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.3px;line-height:1}.sch-type-badge i{font-size:.7rem}.sch-type-badge.primary{background:#6366f11a;color:#6366f1}.sch-type-badge.info{background:#0ea5e91a;color:#0ea5e9}.sch-type-badge.warning{background:#f59e0b1a;color:#d97706}.sch-type-badge.secondary{background:var(--background-secondary);color:var(--text-secondary)}.sch-cron-code{font-size:.72rem;color:var(--text-tertiary);margin-top:.25rem}.sch-cron-code code{background:var(--background-secondary);padding:.1rem .35rem;border-radius:4px;font-family:SF Mono,Monaco,Menlo,monospace;font-size:.7rem}.sch-interval-info{font-size:.72rem;color:var(--text-tertiary);margin-top:.25rem}.sch-status{display:inline-flex;align-items:center;gap:.25rem;padding:.18rem .55rem;border-radius:4px;font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.sch-status.active{background:#10b9811f;color:#059669}.sch-status.inactive{background:#6b72801a;color:#6b7280}.sch-next-run{display:flex;flex-direction:column;gap:.15rem;font-size:.82rem;color:var(--text-primary)}.sch-timezone{font-size:.72rem;color:var(--text-tertiary)}.sch-rate-cell{display:flex;flex-direction:column;gap:.15rem}.sch-rate{font-weight:700;font-size:.9rem}.sch-rate.high{color:#10b981}.sch-rate.low{color:#f59e0b}.sch-run-stats{font-size:.72rem;color:var(--text-tertiary)}.sch-purge{display:inline-flex;align-items:center;gap:.25rem;padding:.18rem .55rem;border-radius:12px;font-size:.72rem;font-weight:500}.sch-purge.enabled{background:#f59e0b1a;color:#d97706}.sch-purge.disabled{background:#6b728014;color:var(--text-tertiary)}.sch-actions{display:flex;gap:.35rem;align-items:center}.sch-action-btn{width:30px;height:30px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--border);border-radius:6px;background:transparent;color:var(--text-secondary);cursor:pointer;font-size:.78rem;transition:all .15s ease}.sch-action-btn:hover{border-color:var(--text-tertiary);background:var(--background)}.sch-action-btn:disabled{opacity:.4;cursor:not-allowed}.sch-action-btn.run:hover{color:#10b981;border-color:#10b981}.sch-action-btn.toggle:hover{color:#f59e0b;border-color:#f59e0b}.sch-action-btn.edit:hover{color:var(--primary);border-color:var(--primary)}.sch-action-btn.delete:hover{color:#ef4444;border-color:#ef4444}.sch-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;color:var(--text-secondary)}.sch-spin{width:36px;height:36px;border:3px solid var(--border);border-top-color:var(--primary);border-radius:50%;animation:sch-spin .8s linear infinite;margin-bottom:.75rem}@keyframes sch-spin{to{transform:rotate(360deg)}}.sch-empty{text-align:center;padding:4rem 2rem;background:var(--surface);border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow)}.sch-empty i{font-size:3rem;color:var(--text-tertiary);opacity:.35;margin-bottom:1rem}.sch-empty h3{color:var(--text-primary);font-size:1.1rem;margin:0 0 .5rem}.sch-empty p{color:var(--text-secondary);font-size:.88rem;margin:0 0 1.25rem}.sch-empty .sch-btn-create{margin-top:.5rem}.sch-error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;color:var(--text-secondary)}.sch-error i{font-size:2.5rem;color:#ef4444;margin-bottom:.75rem}.sch-error p{margin:0;font-size:.9rem}.sch-pagination{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1.15rem;border-top:1px solid var(--border);font-size:.82rem;color:var(--text-secondary);flex-shrink:0;gap:1rem;flex-wrap:wrap}.sch-pagination-info{display:flex;align-items:center;gap:.75rem}.sch-pagination-info select{padding:.3rem .5rem;border:1px solid var(--border);border-radius:6px;background:var(--background);color:var(--text-primary);font-size:.82rem;cursor:pointer}.sch-pagination-nav{display:flex;align-items:center;gap:.25rem}.sch-page-btn{width:32px;height:32px;border-radius:8px;border:1px solid var(--border);background:var(--background);color:var(--text-primary);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;font-size:.78rem;transition:all .15s ease}.sch-page-btn:hover:not(:disabled){border-color:var(--primary);color:var(--primary);background:var(--surface-hover)}.sch-page-btn:disabled{opacity:.35;cursor:not-allowed}.sch-page-btn.active{background:var(--primary-gradient);color:var(--surface);border-color:var(--primary)}.sch-page-num{font-size:.82rem;font-weight:500;min-width:32px;text-align:center}@media (max-width: 1024px){.sch-stats{grid-template-columns:repeat(2,1fr)}.sch-toolbar{flex-wrap:wrap}.sch-search{flex:1 1 100%}}@media (max-width: 768px){.sch-page{padding:.75rem}.sch-header{flex-direction:column;gap:.5rem;margin-bottom:1rem}.sch-header-left h1{font-size:1.35rem;gap:.5rem}.sch-header-left h1 i{font-size:1.15rem}.sch-header-subtitle{font-size:.8rem}.sch-stats{grid-template-columns:repeat(2,1fr);gap:.5rem;margin-bottom:1rem}.sch-stat-card{padding:.75rem .85rem;border-radius:10px}.sch-stat-value{font-size:1.35rem}.sch-stat-label{font-size:.7rem}.sch-stat-icon{width:34px;height:34px;font-size:.9rem}.sch-toolbar{flex-direction:column;align-items:stretch}.sch-filter{width:100%}.sch-pagination{flex-direction:column;align-items:flex-start}.sch-table-scroll{overflow-x:visible}.sch-table thead{display:none}.sch-table,.sch-table tbody{display:block}.sch-table tbody tr{display:block;background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:.75rem 1rem;margin-bottom:.75rem}.sch-table tbody tr:hover{background:var(--surface)}.sch-table tbody td{display:flex;align-items:center;justify-content:space-between;padding:.4rem 0;border-bottom:1px dashed var(--border-light);font-size:.82rem;text-align:right}.sch-table tbody td:first-child{border-bottom:1px solid var(--border);padding-bottom:.6rem;margin-bottom:.25rem}.sch-table tbody td:last-child{border-bottom:none;justify-content:flex-end;padding-top:.6rem}.sch-table tbody td:before{font-weight:600;font-size:.7rem;text-transform:uppercase;letter-spacing:.3px;color:var(--text-secondary);margin-right:1rem;flex-shrink:0;text-align:left}.sch-table tbody td:nth-of-type(1):before{content:""}.sch-table tbody td:nth-of-type(2):before{content:"Flow"}.sch-table tbody td:nth-of-type(3):before{content:"Type"}.sch-table tbody td:nth-of-type(4):before{content:"Status"}.sch-table tbody td:nth-of-type(5):before{content:"Next Run"}.sch-table tbody td:nth-of-type(6):before{content:"Success"}.sch-table tbody td:nth-of-type(7):before{content:"Purge"}.sch-table tbody td:nth-of-type(8):before{content:""}.sch-table tbody td:first-child{text-align:left}.sch-name-cell{width:100%}.sch-actions{justify-content:flex-end;gap:.5rem}.sch-action-btn{width:36px;height:36px}}@media (max-width: 480px){.sch-stats{grid-template-columns:repeat(2,1fr)}}.us-page{padding:1.5rem;max-width:1600px;margin:0 auto;width:100%;box-sizing:border-box}.us-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem;gap:1rem}.us-header-left h1{font-size:2rem;font-weight:700;color:var(--text-primary);margin:0 0 .25rem;display:flex;align-items:center;gap:.75rem}.us-header-left h1 i{color:var(--primary);font-size:1.75rem}.us-header-subtitle{font-size:.9rem;color:var(--text-secondary);margin:0}.us-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:1.5rem}.us-stat-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:1.15rem 1.25rem;display:flex;align-items:center;justify-content:space-between;box-shadow:var(--shadow);transition:all .2s ease}.us-stat-card:hover{box-shadow:var(--shadow-hover);transform:translateY(-1px)}.us-stat-value{font-size:1.75rem;font-weight:700;color:var(--text-primary);line-height:1;margin-bottom:.25rem}.us-stat-label{font-size:.78rem;color:var(--text-secondary);font-weight:500}.us-stat-icon{width:42px;height:42px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1.1rem;flex-shrink:0}.us-stat-icon.total{background:#4a8db71a;color:var(--primary)}.us-stat-icon.active{background:#10b9811a;color:#10b981}.us-stat-icon.admin{background:#ec48991a;color:#ec4899}.us-stat-icon.company{background:#8b5cf61a;color:#8b5cf6}.us-toolbar{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:.85rem 1.15rem;display:flex;align-items:center;gap:.75rem;margin-bottom:1rem;box-shadow:var(--shadow);flex-wrap:wrap}.us-search{position:relative;flex:1;min-width:200px;max-width:340px}.us-search i{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);color:var(--text-tertiary);font-size:.8rem}.us-search input{width:100%;padding:.5rem .75rem .5rem 2.1rem;border:1px solid var(--border);border-radius:8px;font-size:.85rem;background:var(--background);color:var(--text-primary);transition:all .2s ease}.us-search input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #4a8db71f}.us-filter{padding:.5rem .75rem;border:1px solid var(--border);border-radius:8px;background:var(--background);color:var(--text-primary);font-size:.85rem;min-width:120px;cursor:pointer;transition:all .2s ease}.us-filter:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #4a8db71f}.us-toolbar-spacer{flex:1}.us-toolbar-btn{display:inline-flex;align-items:center;gap:.4rem;padding:.45rem .85rem;border-radius:8px;font-size:.82rem;font-weight:500;cursor:pointer;transition:all .2s ease;border:1px solid transparent;white-space:nowrap}.us-toolbar-btn.primary{background:var(--primary-gradient);color:#fff}.us-toolbar-btn.primary:hover{opacity:.9;transform:translateY(-1px)}.us-table-wrap{background:var(--surface);border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow);overflow:hidden;transition:background-color .3s ease,border-color .3s ease}.us-table-scroll{overflow-x:auto}.us-table{width:100%;border-collapse:collapse;font-size:.85rem}.us-table thead th{padding:.75rem 1.15rem;text-align:left;font-weight:600;font-size:.75rem;text-transform:uppercase;letter-spacing:.4px;color:var(--text-secondary);background:var(--background-secondary);border-bottom:1px solid var(--border);white-space:nowrap;position:sticky;top:0;z-index:2}.us-table thead th:last-child{text-align:center;width:100px}.us-table tbody tr{transition:background .15s ease}.us-table tbody tr:hover{background:var(--surface-hover)}.us-table tbody td{padding:.75rem 1.15rem;border-bottom:1px solid var(--border-light);vertical-align:middle;color:var(--text-primary)}.us-table tbody td:last-child{text-align:center}.us-user-cell{display:flex;align-items:center;gap:.65rem}.us-user-cell-name{font-weight:600}.us-user-cell-email{font-size:.75rem;color:var(--text-tertiary)}.us-company-cell{display:flex;align-items:center;gap:.4rem;color:var(--text-secondary);font-size:.82rem}.us-company-cell i{color:var(--text-tertiary);font-size:.72rem}.us-muted{color:var(--text-tertiary);font-style:italic;font-size:.82rem}.us-date-cell{color:var(--text-secondary);font-size:.8rem}.us-badge{display:inline-flex;align-items:center;padding:.22rem .65rem;border-radius:20px;font-size:.72rem;font-weight:600;text-transform:capitalize;letter-spacing:.2px;white-space:nowrap}.us-badge.success{background:#10b9811f;color:#10b981}.us-badge.danger{background:#ef44441f;color:#ef4444}.us-role-badge{display:inline-flex;align-items:center;padding:.22rem .65rem;border-radius:20px;font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.4px;white-space:nowrap}.us-role-badge.user{background:#3b82f61f;color:#3b82f6}.us-role-badge.company-admin{background:#f59e0b1f;color:#f59e0b}.us-role-badge.super-admin{background:#ec48991f;color:#ec4899}.us-actions{display:flex;gap:.35rem;justify-content:center}.us-act-btn{width:30px;height:30px;border-radius:7px;border:1px solid var(--border);background:transparent;color:var(--text-secondary);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;font-size:.78rem;transition:all .15s ease}.us-act-btn:hover{background:var(--surface-hover);color:var(--primary);border-color:var(--primary)}.us-act-btn.danger:hover{color:#ef4444;border-color:#ef4444;background:#ef444414}.us-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;color:var(--text-secondary)}.us-spin{width:36px;height:36px;border:3px solid var(--border);border-top-color:var(--primary);border-radius:50%;animation:us-spin .8s linear infinite;margin-bottom:.75rem}@keyframes us-spin{to{transform:rotate(360deg)}}.us-empty{text-align:center;padding:4rem 2rem;background:var(--surface);border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow)}.us-empty i{font-size:3rem;color:var(--text-tertiary);opacity:.35;margin-bottom:1rem}.us-empty h3{color:var(--text-primary);font-size:1.1rem;margin:0 0 .5rem}.us-empty p{color:var(--text-secondary);font-size:.88rem;margin:0}.us-denied{text-align:center;padding:4rem 2rem;background:var(--surface);border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow)}.us-denied-icon{width:72px;height:72px;margin:0 auto 1.25rem;background:#ef44441a;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#ef4444;font-size:1.75rem}.us-denied h3{color:var(--text-primary);font-size:1.15rem;margin:0 0 .5rem}.us-denied p{color:var(--text-secondary);font-size:.88rem;margin:0;max-width:440px;margin-inline:auto}.us-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.us-modal{background:var(--surface);border:1px solid var(--border);border-radius:16px;box-shadow:0 20px 60px #0000004d;width:100%;max-width:520px;overflow:hidden;max-height:90vh;display:flex;flex-direction:column}.us-modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.15rem 1.5rem;border-bottom:1px solid var(--border);flex-shrink:0}.us-modal-header h3{margin:0;font-size:1.05rem;font-weight:600;color:var(--text-primary)}.us-modal-close{width:30px;height:30px;border-radius:8px;border:1px solid var(--border);background:transparent;color:var(--text-secondary);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;font-size:1.1rem;transition:all .15s ease}.us-modal-close:hover{background:var(--surface-hover);color:var(--text-primary)}.us-modal-body{padding:1.5rem;overflow-y:auto}.us-modal-footer{display:flex;justify-content:flex-end;gap:.5rem;padding:1rem 1.5rem;border-top:1px solid var(--border);flex-shrink:0}.us-form-row{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.us-form-group{margin-bottom:.85rem}.us-form-label{display:block;margin-bottom:.35rem;font-weight:500;color:var(--text-primary);font-size:.82rem}.us-form-input{width:100%;padding:.55rem .85rem;border:1px solid var(--border);border-radius:8px;background:var(--background);color:var(--text-primary);font-size:.85rem;transition:all .2s ease;box-sizing:border-box}.us-form-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #4a8db71f}.us-form-input:disabled{opacity:.6;cursor:not-allowed}.us-form-hint{margin-top:.3rem;font-size:.72rem;color:var(--text-tertiary);line-height:1.4}.us-form-hint ul{margin:.25rem 0 0;padding-left:1.15rem}.us-form-hint li{margin-bottom:.1rem}.us-btn{display:inline-flex;align-items:center;gap:.35rem;padding:.5rem 1rem;border-radius:8px;font-size:.82rem;font-weight:500;cursor:pointer;transition:all .2s ease;border:1px solid var(--border)}.us-btn.secondary{background:var(--background);color:var(--text-primary)}.us-btn.secondary:hover{background:var(--surface-hover)}.us-btn.primary{background:var(--primary-gradient);color:#fff}.us-btn.primary:hover{opacity:.9}.us-btn.primary:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 1024px){.us-stats{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.us-page{padding:.75rem}.us-header{flex-direction:column;gap:.5rem;margin-bottom:1rem}.us-header-left h1{font-size:1.35rem;gap:.5rem}.us-header-left h1 i{font-size:1.15rem}.us-header-subtitle{font-size:.8rem}.us-stats{grid-template-columns:repeat(2,1fr);gap:.5rem;margin-bottom:1rem}.us-stat-card{padding:.75rem .85rem;border-radius:10px}.us-stat-value{font-size:1.35rem}.us-stat-label{font-size:.7rem}.us-stat-icon{width:34px;height:34px;font-size:.9rem}.us-toolbar{flex-direction:column;align-items:stretch;padding:.65rem;gap:.5rem;margin-bottom:.75rem}.us-search{max-width:100%}.us-form-row{grid-template-columns:1fr}.us-table-scroll{overflow-x:visible}.us-table thead{display:none}.us-table,.us-table tbody{display:block}.us-table tbody tr{display:block;background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:.75rem 1rem;margin-bottom:.75rem}.us-table tbody tr:hover{background:var(--surface)}.us-table tbody td{display:flex;align-items:center;justify-content:space-between;padding:.4rem 0;border-bottom:1px dashed var(--border-light);font-size:.82rem;text-align:right}.us-table tbody td:first-child{border-bottom:1px solid var(--border);padding-bottom:.6rem;margin-bottom:.25rem}.us-table tbody td:last-child{border-bottom:none;justify-content:flex-end;padding-top:.6rem}.us-table tbody td:before{font-weight:600;font-size:.7rem;text-transform:uppercase;letter-spacing:.3px;color:var(--text-secondary);margin-right:1rem;flex-shrink:0;text-align:left}.us-table tbody td:nth-of-type(1):before{content:""}.us-table tbody td:nth-of-type(2):before{content:"Role"}.us-table tbody td:nth-of-type(3):before{content:"Company"}.us-table tbody td:nth-of-type(4):before{content:"Status"}.us-table tbody td:nth-of-type(5):before{content:"Joined"}.us-table tbody td:nth-of-type(6):before{content:""}.us-actions{justify-content:flex-end;gap:.5rem}.us-act-btn{width:36px;height:36px}}@media (max-width: 480px){.us-stats{grid-template-columns:repeat(2,1fr)}}.invd-page{padding:1.5rem;max-width:1600px;margin:0 auto;width:100%;box-sizing:border-box}.invd-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem;gap:1rem}.invd-header-left h1{font-size:2rem;font-weight:700;color:var(--text-primary);margin:0 0 .25rem;display:flex;align-items:center;gap:.75rem}.invd-header-left h1 i{color:var(--primary);font-size:1.75rem}.invd-header-subtitle{font-size:.9rem;color:var(--text-secondary);margin:0}.invd-header-debug{display:block;font-size:.68rem;opacity:.7;margin-top:.25rem;color:var(--text-tertiary)}.invd-header-actions{display:flex;gap:.75rem;align-items:center}.invd-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border:1px solid var(--border);border-radius:8px;font-size:.85rem;font-weight:500;cursor:pointer;white-space:nowrap;transition:all .2s ease;text-decoration:none}.invd-btn-primary{background:var(--primary-gradient);color:#fff;border-color:var(--primary)}.invd-btn-primary:hover{opacity:.9;transform:translateY(-1px)}.invd-btn-secondary{background:var(--surface);color:var(--text-primary);border-color:var(--border)}.invd-btn-secondary:hover{background:var(--surface-hover)}.invd-btn-outline{background:transparent;color:var(--text-primary);border-color:var(--border)}.invd-btn-outline:hover{background:var(--surface-hover);border-color:var(--text-tertiary)}.invd-btn-sm{padding:.35rem .75rem;font-size:.78rem}.invd-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:1.5rem}.invd-stat-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:1.15rem 1.25rem;display:flex;align-items:center;justify-content:space-between;box-shadow:var(--shadow);transition:all .2s ease}.invd-stat-card:hover{box-shadow:var(--shadow-hover);transform:translateY(-1px)}.invd-stat-value{font-size:1.75rem;font-weight:700;color:var(--text-primary);line-height:1;margin-bottom:.25rem}.invd-stat-label{font-size:.78rem;color:var(--text-secondary);font-weight:500}.invd-stat-meta{font-size:.68rem;color:var(--text-tertiary);margin-top:.2rem;display:flex;align-items:center;gap:.3rem}.invd-stat-meta.positive{color:#059669}.invd-stat-meta.negative{color:#dc2626}.invd-stat-icon{width:42px;height:42px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1.1rem;flex-shrink:0}.invd-stat-icon.revenue{background:#0596691a;color:#059669}.invd-stat-icon.executions{background:#6366f11a;color:#6366f1}.invd-stat-icon.data{background:#ec48991a;color:#ec4899}.invd-stat-icon.time{background:#0ea5e91a;color:#0ea5e9}.invd-grid{display:grid;grid-template-columns:2fr 1fr;gap:1.5rem;margin-bottom:1.5rem}.invd-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow);overflow:hidden;transition:background-color .3s ease,border-color .3s ease;margin-bottom:1.5rem}.invd-card-header{padding:1rem 1.25rem;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center}.invd-card-title{font-size:1rem;font-weight:600;color:var(--text-primary);margin:0;display:flex;align-items:center;gap:.5rem}.invd-card-title i{color:var(--primary);font-size:.9rem}.invd-card-body{padding:1.25rem}.invd-badge{padding:.2rem .5rem;border-radius:12px;font-size:.72rem;font-weight:600;background:var(--background-secondary);color:var(--text-secondary);margin-left:.5rem}.invd-filter-tabs{display:flex;gap:.25rem}.invd-filter-tab{padding:.35rem .75rem;border:1px solid var(--border);border-radius:6px;background:transparent;color:var(--text-secondary);cursor:pointer;font-size:.78rem;transition:all .2s ease}.invd-filter-tab.active{background:var(--primary-gradient);color:#fff;border-color:var(--primary)}.invd-filter-tab:hover:not(.active){background:var(--surface-hover);color:var(--text-primary)}.invd-chart{height:300px;position:relative;display:flex;align-items:center;justify-content:center}.invd-invoices-list{max-height:400px;overflow-y:auto}.invd-invoice-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem 0;border-bottom:1px solid var(--border-light);transition:background-color .2s ease;gap:.75rem}.invd-invoice-item:last-child{border-bottom:none}.invd-invoice-info{flex:1;min-width:0}.invd-invoice-number{font-weight:600;color:var(--text-primary);font-size:.85rem;margin-bottom:.15rem}.invd-invoice-company{color:var(--text-secondary);font-size:.78rem}.invd-invoice-right{text-align:right}.invd-invoice-amount{font-weight:600;color:var(--text-primary);font-size:.88rem;margin-bottom:.15rem}.invd-invoice-date{color:var(--text-tertiary);font-size:.72rem}.invd-status{padding:.18rem .55rem;border-radius:4px;font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;margin-left:.75rem}.invd-status.draft{background:#6b72801a;color:#6b7280}.invd-status.pending{background:#f59e0b1a;color:#d97706}.invd-status.sent{background:#3b82f61a;color:#3b82f6}.invd-status.paid{background:#10b9811f;color:#059669}.invd-status.overdue{background:#ef44441a;color:#dc2626}.invd-quick-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.invd-quick-action{background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:1rem;text-decoration:none;color:var(--text-primary);transition:all .2s ease;display:flex;align-items:center;gap:.75rem;cursor:pointer}.invd-quick-action:hover{background:var(--primary-gradient);color:#fff;border-color:var(--primary);transform:translateY(-1px);text-decoration:none}.invd-quick-icon{width:40px;height:40px;border-radius:8px;background:var(--background-secondary);display:flex;align-items:center;justify-content:center;font-size:1.1rem;flex-shrink:0;transition:background-color .2s ease}.invd-quick-action:hover .invd-quick-icon{background:#fff3}.invd-quick-content{flex:1;min-width:0}.invd-quick-title{font-weight:600;margin-bottom:.2rem;font-size:.88rem}.invd-quick-desc{font-size:.78rem;opacity:.8}.invd-empty{text-align:center;padding:3rem 1rem;color:var(--text-secondary)}.invd-empty i{font-size:3rem;opacity:.35;margin-bottom:1rem}.invd-empty h4{margin:.5rem 0;color:var(--text-primary)}.invd-empty p{margin-bottom:1rem;font-size:.88rem}.invd-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.invd-modal{background:var(--surface);border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow-hover);width:100%;max-width:520px;max-height:90vh;overflow-y:auto}.invd-modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;border-bottom:1px solid var(--border)}.invd-modal-header h5{margin:0;font-size:1.1rem;font-weight:600;color:var(--text-primary)}.invd-modal-close{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border:none;border-radius:6px;background:transparent;color:var(--text-tertiary);cursor:pointer;transition:all .15s ease}.invd-modal-close:hover{background:var(--background-secondary);color:var(--text-primary)}.invd-modal-body{padding:1.5rem}.invd-modal-footer{padding:1rem 1.5rem;border-top:1px solid var(--border);display:flex;justify-content:flex-end;gap:.75rem}.invd-group{margin-bottom:1rem}.invd-group label{display:block;margin-bottom:.4rem;font-weight:500;font-size:.85rem;color:var(--text-primary)}.invd-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.invd-input{width:100%;padding:.5rem .75rem;border:1px solid var(--border);border-radius:8px;background:var(--background);color:var(--text-primary);font-size:.85rem;transition:all .2s ease}.invd-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #4a8db71f}@media (max-width: 1024px){.invd-grid{grid-template-columns:1fr}.invd-stats{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.invd-page{padding:.75rem}.invd-header{flex-direction:column;gap:.5rem;margin-bottom:1rem}.invd-header-left h1{font-size:1.35rem;gap:.5rem}.invd-header-left h1 i{font-size:1.15rem}.invd-header-subtitle{font-size:.8rem}.invd-header-actions{width:100%;flex-wrap:wrap;gap:.5rem}.invd-btn{padding:.4rem .75rem;font-size:.78rem}.invd-stats{grid-template-columns:repeat(2,1fr);gap:.5rem;margin-bottom:1rem}.invd-stat-card{padding:.75rem .85rem;border-radius:10px}.invd-stat-value{font-size:1.35rem}.invd-stat-label{font-size:.7rem}.invd-stat-icon{width:34px;height:34px;font-size:.9rem;border-radius:8px}.invd-grid{grid-template-columns:1fr;gap:1rem;margin-bottom:1rem}.invd-card{margin-bottom:1rem}.invd-card-header{padding:.75rem 1rem}.invd-card-title{font-size:.9rem}.invd-card-body{padding:.85rem}.invd-chart{height:220px}.invd-quick-grid{grid-template-columns:1fr;gap:.75rem}.invd-quick-action{padding:.75rem}.invd-row{grid-template-columns:1fr}.invd-invoice-item,.invd-filter-tabs{flex-wrap:wrap}}@media (max-width: 480px){.invd-stats{grid-template-columns:repeat(2,1fr)}.invd-invoice-item{flex-direction:column;align-items:flex-start;gap:.5rem}.invd-invoice-right{text-align:left}.invd-status{margin-left:0}}.invd-table{width:100%;border-collapse:collapse;font-size:.85rem}.invd-table th{text-align:left;padding:.75rem 1rem;font-weight:600;font-size:.75rem;text-transform:uppercase;letter-spacing:.03em;color:var(--text-secondary);border-bottom:2px solid var(--border)}.invd-table td{padding:.75rem 1rem;border-bottom:1px solid var(--border-light);color:var(--text-primary)}.invd-table tbody tr:hover{background:var(--surface-hover)}.invd-table tfoot td{border-top:2px solid var(--border);border-bottom:none;padding-top:1rem}.invd-num{text-align:right;font-variant-numeric:tabular-nums}.invd-company-cell{display:flex;flex-direction:column;gap:2px}.invd-company-version{font-size:.75rem;color:var(--text-tertiary)}.invd-status.success{color:var(--success)}.invd-status.warning{color:var(--warning)}.invd-status.danger{color:var(--danger)}.invd-status.secondary{color:var(--text-tertiary)}.il-page{padding:1.5rem;max-width:1600px;margin:0 auto;width:100%;box-sizing:border-box}.il-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem;gap:1rem}.il-header-left h1{font-size:2rem;font-weight:700;color:var(--text-primary);margin:0 0 .25rem;display:flex;align-items:center;gap:.75rem}.il-header-left h1 i{color:var(--primary);font-size:1.75rem}.il-header-subtitle{font-size:.9rem;color:var(--text-secondary);margin:0}.il-header-actions{display:flex;gap:.75rem;align-items:center}.il-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border:1px solid var(--border);border-radius:8px;font-size:.85rem;font-weight:500;cursor:pointer;white-space:nowrap;transition:all .2s ease;text-decoration:none}.il-btn-primary{background:var(--primary-gradient);color:#fff;border-color:var(--primary)}.il-btn-primary:hover{opacity:.9;transform:translateY(-1px)}.il-btn-secondary{background:var(--surface);color:var(--text-primary);border-color:var(--border)}.il-btn-secondary:hover{background:var(--surface-hover)}.il-btn-success{background:#059669;color:#fff;border-color:#059669}.il-btn-success:hover{opacity:.9}.il-btn-sm{padding:.35rem .75rem;font-size:.78rem}.il-filters{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:1.25rem;margin-bottom:1.5rem;box-shadow:var(--shadow)}.il-filters-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:.75rem}.il-filter-group{display:flex;flex-direction:column}.il-filter-label{font-weight:500;color:var(--text-primary);margin-bottom:.4rem;font-size:.82rem}.il-filter-input{background:var(--background);color:var(--text-primary);border:1px solid var(--border);border-radius:8px;padding:.5rem .75rem;font-size:.85rem;transition:all .2s ease}.il-filter-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #4a8db71f}.il-bulk{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;background:#6366f10f;border-radius:8px;margin-top:.75rem}.il-bulk-count{font-weight:500;color:var(--text-primary);font-size:.85rem}.il-bulk-buttons{display:flex;gap:.5rem}.il-table-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow);overflow:hidden;transition:background-color .3s ease,border-color .3s ease}.il-table-header{padding:1rem 1.25rem;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center}.il-table-title{font-size:1rem;font-weight:600;color:var(--text-primary);margin:0}.il-table-scroll{overflow-x:auto}.il-table{width:100%;border-collapse:collapse;font-size:.85rem}.il-table thead th{padding:.75rem 1.15rem;text-align:left;font-weight:600;font-size:.75rem;text-transform:uppercase;letter-spacing:.4px;color:var(--text-secondary);background:var(--background-secondary);border-bottom:1px solid var(--border);white-space:nowrap;position:sticky;top:0;z-index:2}.il-table tbody tr{transition:background .15s ease}.il-table tbody tr:hover{background:var(--surface-hover)}.il-table tbody td{padding:.65rem 1.15rem;border-bottom:1px solid var(--border-light);vertical-align:middle;color:var(--text-primary)}.il-invoice-number{font-weight:600}.il-invoice-company{font-weight:500;font-size:.82rem}.il-invoice-period{color:var(--text-secondary);font-size:.82rem}.il-invoice-amount{font-weight:700;color:#059669;font-size:.9rem}.il-invoice-date{color:var(--text-secondary);font-size:.82rem}.il-status{display:inline-flex;align-items:center;padding:.18rem .55rem;border-radius:4px;font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.il-status.draft{background:#6b72801a;color:#6b7280}.il-status.pending{background:#f59e0b1a;color:#d97706}.il-status.sent{background:#3b82f61a;color:#3b82f6}.il-status.paid{background:#10b9811f;color:#059669}.il-status.overdue{background:#ef44441a;color:#dc2626}.il-actions{display:flex;gap:.35rem;align-items:center}.il-action-btn{width:30px;height:30px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--border);border-radius:6px;background:transparent;color:var(--text-secondary);cursor:pointer;font-size:.78rem;transition:all .15s ease}.il-action-btn:hover{border-color:var(--primary);color:var(--primary);background:var(--background)}.il-action-btn.view:hover{color:var(--primary);border-color:var(--primary)}.il-action-btn.download:hover{color:#0ea5e9;border-color:#0ea5e9}.il-action-btn.send:hover{color:#6366f1;border-color:#6366f1}.il-action-btn.pay:hover{color:#10b981;border-color:#10b981}.il-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;color:var(--text-secondary)}.il-empty{text-align:center;padding:4rem 2rem;color:var(--text-secondary)}.il-empty i{font-size:3rem;opacity:.35;margin-bottom:1rem}.il-empty h3{color:var(--text-primary);font-size:1.1rem;margin:0 0 .5rem}.il-empty p{font-size:.88rem;margin:0 0 1.25rem}.il-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.il-modal{background:var(--surface);border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow-hover);width:100%;max-width:520px;max-height:90vh;overflow-y:auto}.il-modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;border-bottom:1px solid var(--border)}.il-modal-header h3{margin:0;font-size:1.1rem;font-weight:600;color:var(--text-primary)}.il-modal-close{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border:none;border-radius:6px;background:transparent;color:var(--text-tertiary);cursor:pointer;transition:all .15s ease}.il-modal-close:hover{background:var(--background-secondary);color:var(--text-primary)}.il-modal-body{padding:1.5rem}.il-modal-footer{padding:1rem 1.5rem;border-top:1px solid var(--border);display:flex;justify-content:flex-end;gap:.75rem}.il-group{margin-bottom:1rem}.il-group label{display:block;margin-bottom:.4rem;font-weight:500;font-size:.85rem;color:var(--text-primary)}.il-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.il-input{width:100%;padding:.5rem .75rem;border:1px solid var(--border);border-radius:8px;background:var(--background);color:var(--text-primary);font-size:.85rem;transition:all .2s ease}.il-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #4a8db71f}@media (max-width: 1024px){.il-filters-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.il-page{padding:.75rem}.il-header{flex-direction:column;gap:.5rem;margin-bottom:1rem}.il-header-left h1{font-size:1.35rem;gap:.5rem}.il-header-left h1 i{font-size:1.15rem}.il-header-subtitle{font-size:.8rem}.il-header-actions{width:100%;flex-wrap:wrap;gap:.5rem}.il-btn{padding:.4rem .75rem;font-size:.78rem}.il-filters{padding:.85rem;margin-bottom:1rem}.il-filters-grid{grid-template-columns:1fr;gap:.65rem}.il-bulk{flex-direction:column;align-items:flex-start;gap:.5rem;padding:.65rem .85rem}.il-table-header{padding:.75rem 1rem}.il-table-title{font-size:.9rem}.il-table-scroll{overflow-x:visible}.il-table thead{display:none}.il-table,.il-table tbody{display:block}.il-table tbody tr{display:block;background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:.75rem 1rem;margin-bottom:.75rem}.il-table tbody tr:hover{background:var(--surface)}.il-table tbody td{display:flex;align-items:center;justify-content:space-between;padding:.4rem 0;border-bottom:1px dashed var(--border-light);font-size:.82rem;text-align:right}.il-table tbody td:last-child{border-bottom:none}.il-table tbody td:before{font-weight:600;font-size:.7rem;text-transform:uppercase;letter-spacing:.3px;color:var(--text-secondary);margin-right:1rem;flex-shrink:0;text-align:left}.il-table tbody td:nth-of-type(1):before{content:""}.il-table tbody td:nth-of-type(2):before{content:"Invoice"}.il-table tbody td:nth-of-type(3):before{content:"Company"}.il-table tbody td:nth-of-type(4):before{content:"Period"}.il-table tbody td:nth-of-type(5):before{content:"Amount"}.il-table tbody td:nth-of-type(6):before{content:"Status"}.il-table tbody td:nth-of-type(7):before{content:"Date"}.il-table tbody td:nth-of-type(8):before{content:"Actions"}.il-actions{flex-direction:row;gap:.35rem}.il-row{grid-template-columns:1fr}.il-modal{width:95%;margin:1rem}}@media (max-width: 480px){.il-filters-grid{grid-template-columns:1fr}}.idet-page{padding:1.5rem;max-width:1600px;margin:0 auto;width:100%;box-sizing:border-box}.idet-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding:1.25rem;background:var(--surface);border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow)}.idet-header-left h1{font-size:2rem;font-weight:700;color:var(--text-primary);margin:0 0 .25rem;display:flex;align-items:center;gap:.75rem}.idet-header-left h1 i{color:var(--primary);font-size:1.75rem}.idet-header-subtitle{font-size:.9rem;color:var(--text-secondary);margin:0}.idet-header-actions{display:flex;gap:.75rem;align-items:center}.idet-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border:1px solid var(--border);border-radius:8px;font-size:.85rem;font-weight:500;cursor:pointer;white-space:nowrap;transition:all .2s ease;text-decoration:none}.idet-btn-primary{background:var(--primary-gradient);color:#fff;border-color:var(--primary)}.idet-btn-primary:hover{opacity:.9;transform:translateY(-1px)}.idet-btn-secondary{background:var(--surface);color:var(--text-primary);border-color:var(--border)}.idet-btn-secondary:hover{background:var(--surface-hover)}.idet-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-bottom:1.5rem}.idet-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow);overflow:hidden;transition:background-color .3s ease,border-color .3s ease;margin-bottom:1.5rem}.idet-card-header{padding:1rem 1.25rem;border-bottom:1px solid var(--border)}.idet-card-title{font-size:1rem;font-weight:600;color:var(--text-primary);margin:0;display:flex;align-items:center;gap:.5rem}.idet-card-title i{color:var(--primary);font-size:.9rem}.idet-card-body{padding:1.25rem}.idet-card-body.no-padding{padding:0}.idet-info-section{background:var(--background-secondary);border-radius:8px;padding:1rem}.idet-info-item{display:flex;justify-content:space-between;align-items:center;margin-bottom:.65rem;padding-bottom:.65rem;border-bottom:1px solid var(--border-light)}.idet-info-item:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}.idet-info-item.total-row{border-top:2px solid var(--primary);padding-top:.65rem;margin-top:.65rem;font-weight:600}.idet-info-label{color:var(--text-secondary);font-weight:500;font-size:.85rem}.idet-info-value{color:var(--text-primary);font-weight:600;text-align:right;font-size:.88rem}.idet-total-amount{font-size:1.1rem;color:#059669}.idet-status{display:inline-flex;align-items:center;padding:.25rem .7rem;border-radius:4px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.idet-status.draft{background:#6b72801a;color:#6b7280}.idet-status.pending{background:#f59e0b1a;color:#d97706}.idet-status.sent{background:#3b82f61a;color:#3b82f6}.idet-status.paid{background:#10b9811f;color:#059669}.idet-status.overdue{background:#ef44441a;color:#dc2626}.idet-status.cancelled{background:#4b55631a;color:#4b5563}.idet-table-scroll{overflow-x:auto}.idet-table{width:100%;border-collapse:collapse;font-size:.85rem}.idet-table thead th{padding:.75rem 1.15rem;text-align:left;font-weight:600;font-size:.75rem;text-transform:uppercase;letter-spacing:.4px;color:var(--text-secondary);background:var(--background-secondary);border-bottom:1px solid var(--border);white-space:nowrap}.idet-table tbody tr{transition:background .15s ease}.idet-table tbody tr:hover{background:var(--surface-hover)}.idet-table tbody td{padding:.75rem 1.15rem;border-bottom:1px solid var(--border-light);color:var(--text-primary)}.idet-line-desc{font-weight:500;margin-bottom:.15rem}.idet-line-details{color:var(--text-tertiary);font-size:.78rem}.idet-line-amount{font-weight:600;text-align:right}.idet-category{display:inline-flex;padding:.2rem .55rem;border-radius:6px;font-size:.72rem;font-weight:600;background:#0ea5e91a;color:#0ea5e9}.idet-notes{color:var(--text-secondary);line-height:1.6;margin:0;padding:1rem;background:var(--background-secondary);border-radius:8px;border-left:4px solid var(--primary);font-size:.88rem}.idet-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;color:var(--text-secondary)}.idet-loading i{font-size:2.5rem;color:var(--primary);margin-bottom:.75rem}.idet-error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;text-align:center;background:var(--surface);border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow)}.idet-error i{font-size:2.5rem;color:#ef4444;margin-bottom:.75rem}.idet-error h3{color:var(--text-primary);margin-bottom:.5rem}.idet-error p{color:var(--text-secondary);margin-bottom:1.5rem;font-size:.88rem}.idet-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;text-align:center;color:var(--text-secondary)}.idet-empty i{font-size:2.5rem;opacity:.35;margin-bottom:.75rem}.idet-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.idet-modal{background:var(--surface);border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow-hover);width:100%;max-width:480px;max-height:90vh;overflow-y:auto}.idet-modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;border-bottom:1px solid var(--border)}.idet-modal-header h5{margin:0;font-size:1.1rem;font-weight:600;color:var(--text-primary)}.idet-modal-close{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border:none;border-radius:6px;background:transparent;color:var(--text-tertiary);cursor:pointer;transition:all .15s ease}.idet-modal-close:hover{background:var(--background-secondary);color:var(--text-primary)}.idet-modal-body{padding:1.5rem}.idet-modal-footer{padding:1rem 1.5rem;border-top:1px solid var(--border);display:flex;justify-content:flex-end;gap:.75rem}.idet-group{margin-bottom:1rem}.idet-group label{display:block;margin-bottom:.4rem;font-weight:500;font-size:.85rem;color:var(--text-primary)}.idet-input{width:100%;padding:.5rem .75rem;border:1px solid var(--border);border-radius:8px;background:var(--background);color:var(--text-primary);font-size:.85rem;transition:all .2s ease}.idet-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #4a8db71f}textarea.idet-input{resize:vertical;min-height:80px}@media (max-width: 768px){.idet-page{padding:.75rem}.idet-header{flex-direction:column;gap:.75rem;align-items:stretch;padding:.85rem;margin-bottom:1rem;border-radius:10px}.idet-header-left h1{font-size:1.35rem;gap:.5rem}.idet-header-left h1 i{font-size:1.15rem}.idet-header-subtitle{font-size:.8rem}.idet-header-actions{justify-content:flex-start;flex-wrap:wrap;gap:.5rem}.idet-btn{padding:.4rem .75rem;font-size:.78rem}.idet-info-grid{grid-template-columns:1fr;gap:1rem}.idet-card{margin-bottom:1rem;border-radius:10px}.idet-card-header{padding:.75rem 1rem}.idet-card-title{font-size:.9rem}.idet-card-body{padding:.85rem}.idet-info-section{padding:.75rem}.idet-table-scroll{overflow-x:visible}.idet-table thead{display:none}.idet-table,.idet-table tbody{display:block}.idet-table tbody tr{display:block;background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:.75rem 1rem;margin-bottom:.75rem}.idet-table tbody tr:hover{background:var(--surface)}.idet-table tbody td{display:flex;align-items:center;justify-content:space-between;padding:.4rem 0;border-bottom:1px dashed var(--border-light);font-size:.82rem;text-align:right}.idet-table tbody td:last-child{border-bottom:none}.idet-table tbody td:before{font-weight:600;font-size:.7rem;text-transform:uppercase;letter-spacing:.3px;color:var(--text-secondary);margin-right:1rem;flex-shrink:0;text-align:left}.idet-table tbody td:nth-of-type(1):before{content:"Item"}.idet-table tbody td:nth-of-type(2):before{content:"Category"}.idet-table tbody td:nth-of-type(3):before{content:"Qty"}.idet-table tbody td:nth-of-type(4):before{content:"Rate"}.idet-table tbody td:nth-of-type(5):before{content:"Amount"}}@media (max-width: 480px){.idet-header-actions{flex-direction:column;width:100%}.idet-btn{justify-content:center;width:100%}}.ua-page{padding:1.5rem;max-width:1600px;margin:0 auto;width:100%;box-sizing:border-box}.ua-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem;gap:1rem}.ua-header-left h1{font-size:2rem;font-weight:700;color:var(--text-primary);margin:0 0 .25rem;display:flex;align-items:center;gap:.75rem}.ua-header-left h1 i{color:var(--primary);font-size:1.75rem}.ua-header-subtitle{font-size:.9rem;color:var(--text-secondary);margin:0}.ua-header-actions{display:flex;gap:.75rem;align-items:center}.ua-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border:1px solid var(--border);border-radius:8px;font-size:.85rem;font-weight:500;cursor:pointer;white-space:nowrap;transition:all .2s ease;text-decoration:none}.ua-btn-primary{background:var(--primary-gradient);color:#fff;border-color:var(--primary)}.ua-btn-primary:hover{opacity:.9;transform:translateY(-1px)}.ua-btn-outline{background:transparent;color:var(--text-primary);border-color:var(--border)}.ua-btn-outline:hover{background:var(--surface-hover);border-color:var(--text-tertiary)}.ua-btn-sm{padding:.35rem .75rem;font-size:.78rem}.ua-filters{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:1.25rem;margin-bottom:1.5rem;box-shadow:var(--shadow)}.ua-filters-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:.75rem}.ua-filter-group{display:flex;flex-direction:column}.ua-filter-label{font-weight:500;color:var(--text-primary);margin-bottom:.4rem;font-size:.82rem}.ua-mode-indicator{display:inline-flex;align-items:center;gap:.4rem;padding:.35rem .75rem;font-size:.82rem;font-weight:500;color:var(--primary);background:rgba(var(--primary-rgb),.1);border:1px solid rgba(var(--primary-rgb),.25);border-radius:6px}.ua-filter-input{background:var(--background);color:var(--text-primary);border:1px solid var(--border);border-radius:8px;padding:.5rem .75rem;font-size:.85rem;transition:all .2s ease}.ua-filter-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #4a8db71f}.ua-filter-actions{display:flex;gap:.5rem;margin-top:.25rem}.ua-charts-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-bottom:1.5rem}.ua-chart-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow);overflow:hidden;transition:background-color .3s ease,border-color .3s ease}.ua-chart-header{padding:1rem 1.25rem;border-bottom:1px solid var(--border)}.ua-chart-title{font-size:1rem;font-weight:600;color:var(--text-primary);margin:0;display:flex;align-items:center;gap:.5rem}.ua-chart-title i{color:var(--primary);font-size:.9rem}.ua-chart-body{padding:1.25rem}.ua-chart-container{height:350px;width:100%}.ua-table-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow);overflow:hidden;transition:background-color .3s ease,border-color .3s ease}.ua-table-header{padding:1rem 1.25rem;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center}.ua-table-title{font-size:1rem;font-weight:600;color:var(--text-primary);margin:0;display:flex;align-items:center;gap:.5rem}.ua-table-title i{color:var(--primary);font-size:.9rem}.ua-export-section{display:flex;gap:.5rem}.ua-table-scroll{overflow-x:auto}.ua-table{width:100%;border-collapse:collapse;font-size:.85rem}.ua-table thead th{padding:.75rem 1.15rem;text-align:left;font-weight:600;font-size:.75rem;text-transform:uppercase;letter-spacing:.4px;color:var(--text-secondary);background:var(--background-secondary);border-bottom:1px solid var(--border);white-space:nowrap;position:sticky;top:0;z-index:2}.ua-table tbody tr{transition:background .15s ease}.ua-table tbody tr:hover{background:var(--surface-hover)}.ua-table tbody td{padding:.65rem 1.15rem;border-bottom:1px solid var(--border-light);color:var(--text-primary)}.ua-cell-name{font-weight:500}.ua-cell-sub{color:var(--text-tertiary);font-size:.78rem;margin-top:.15rem}.ua-cell-metric{font-weight:500}.ua-cell-cost{font-weight:700;color:#059669;font-size:.88rem}.ua-rate-badge{display:inline-flex;padding:.18rem .55rem;border-radius:4px;font-size:.72rem;font-weight:700}.ua-rate-badge.high{background:#10b9811f;color:#059669}.ua-rate-badge.medium{background:#f59e0b1a;color:#d97706}.ua-rate-badge.low{background:#ef44441a;color:#dc2626}.ua-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;color:var(--text-secondary)}.ua-loading i{font-size:2.5rem;color:var(--primary);margin-bottom:.75rem}.ua-error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;text-align:center;color:var(--text-secondary)}.ua-error i{font-size:2.5rem;color:#ef4444;margin-bottom:.75rem}.ua-empty{text-align:center;padding:4rem 2rem;color:var(--text-secondary)}.ua-empty i{font-size:3rem;opacity:.35;margin-bottom:1rem}.ua-empty h3{color:var(--text-primary);font-size:1.1rem;margin:0 0 .5rem}.ua-empty p{font-size:.88rem;margin:0 0 1.25rem}.ua-tabs{display:flex;gap:0;margin-bottom:1.5rem;border-bottom:2px solid var(--border)}.ua-tab{display:inline-flex;align-items:center;gap:.5rem;padding:.65rem 1.25rem;border:none;background:none;font-size:.88rem;font-weight:500;color:var(--text-secondary);cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-2px;transition:all .2s ease}.ua-tab:hover{color:var(--text-primary);background:var(--surface-hover)}.ua-tab-active{color:var(--primary);border-bottom-color:var(--primary);font-weight:600}.ua-tab i{font-size:.82rem}.ua-mode-badge{display:inline-flex;padding:.15rem .5rem;border-radius:4px;font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.3px}.ua-mode-run{background:#3b82f61f;color:#2563eb}.ua-mode-build{background:#f59e0b1f;color:#d97706}.ua-mode-both{background:#8b5cf61f;color:#7c3aed}.ua-model-badge{display:inline-flex;padding:.15rem .5rem;border-radius:4px;font-size:.72rem;font-weight:500;background:var(--background-secondary);color:var(--text-secondary)}.ua-status-badge{display:inline-flex;padding:.15rem .5rem;border-radius:4px;font-size:.72rem;font-weight:600}.ua-status-badge.active{background:#10b9811f;color:#059669}.ua-status-badge.inactive{background:#ef44441a;color:#dc2626}.ua-action-btns{display:flex;gap:.35rem}.ua-btn-danger{color:#dc2626!important;border-color:#ef44444d!important}.ua-btn-danger:hover{background:#ef444414!important}.ua-row-muted td{opacity:.6}.ua-row-muted:hover td{opacity:.85}.ua-separator-row td{padding:.5rem 1.15rem!important;background:var(--background-secondary);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.ua-separator-text{font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--text-tertiary)}.ua-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.ua-modal{background:var(--surface);border:1px solid var(--border);border-radius:12px;box-shadow:0 20px 60px #0000004d;width:100%;max-width:560px;max-height:90vh;overflow-y:auto}.ua-modal-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.25rem;border-bottom:1px solid var(--border)}.ua-modal-header h3{margin:0;font-size:1.05rem;font-weight:600;color:var(--text-primary)}.ua-modal-close{background:none;border:none;color:var(--text-tertiary);cursor:pointer;padding:.25rem;font-size:1rem;transition:color .15s ease}.ua-modal-close:hover{color:var(--text-primary)}.ua-modal-body{padding:1.25rem}.ua-modal-footer{display:flex;justify-content:flex-end;gap:.75rem;padding:1rem 1.25rem;border-top:1px solid var(--border)}.ua-modal-error{padding:.65rem 1.25rem;background:#ef444414;color:#dc2626;font-size:.82rem;border-top:1px solid rgba(239,68,68,.15)}.ua-form-group{margin-bottom:.85rem;flex:1}.ua-form-label{display:block;font-weight:500;color:var(--text-primary);margin-bottom:.35rem;font-size:.82rem}.ua-form-row{display:flex;gap:.85rem}.ua-recalc-section{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border-light)}.ua-recalc-row{display:flex;gap:.5rem;align-items:center;margin-top:.35rem}.ua-recalc-row .ua-filter-input{flex:1;max-width:320px}.ua-recalc-result{font-size:.82rem;font-weight:500;padding:.25rem .65rem;border-radius:4px}.ua-recalc-result.success{color:#059669;background:#10b9811a}.ua-recalc-result.error{color:#dc2626;background:#ef44441a}.ua-form-hint{font-weight:400;font-size:.75rem;color:var(--primary)}.ua-form-group textarea.ua-filter-input{resize:vertical;min-height:50px}@media (max-width: 1024px){.ua-charts-grid{grid-template-columns:1fr}}@media (max-width: 768px){.ua-page{padding:.75rem}.ua-header{flex-direction:column;gap:.5rem;margin-bottom:1rem}.ua-header-left h1{font-size:1.35rem;gap:.5rem}.ua-header-left h1 i{font-size:1.15rem}.ua-header-subtitle{font-size:.8rem}.ua-header-actions{flex-wrap:wrap;gap:.5rem}.ua-btn{padding:.4rem .75rem;font-size:.78rem}.ua-filters{padding:.85rem;margin-bottom:1rem}.ua-filters-grid{grid-template-columns:1fr;gap:.65rem}.ua-filter-actions{flex-wrap:wrap}.ua-tabs{overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}.ua-tabs::-webkit-scrollbar{display:none}.ua-tab{padding:.5rem .85rem;font-size:.8rem;white-space:nowrap}.ua-charts-grid{grid-template-columns:1fr;gap:1rem}.ua-chart-header{padding:.75rem 1rem}.ua-chart-title{font-size:.9rem}.ua-chart-body{padding:.85rem}.ua-chart-container{height:250px}.ua-table-header{flex-direction:column;align-items:flex-start;gap:.5rem;padding:.75rem 1rem}.ua-table-title{font-size:.9rem}.ua-export-section{flex-wrap:wrap}.ua-table-scroll{overflow-x:visible}.ua-table thead{display:none}.ua-table,.ua-table tbody{display:block}.ua-table tbody tr{display:block;background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:.75rem 1rem;margin-bottom:.75rem}.ua-table tbody tr:hover{background:var(--surface)}.ua-table tbody td{display:flex;align-items:center;justify-content:space-between;padding:.4rem 0;border-bottom:1px dashed var(--border-light);font-size:.82rem;text-align:right}.ua-table tbody td:last-child{border-bottom:none}.ua-table tbody td:before{font-weight:600;font-size:.7rem;text-transform:uppercase;letter-spacing:.3px;color:var(--text-secondary);margin-right:1rem;flex-shrink:0;text-align:left}.ua-table tbody td:nth-of-type(1):before{content:"Company"}.ua-table tbody td:nth-of-type(2):before{content:"Executions"}.ua-table tbody td:nth-of-type(3):before{content:"Data"}.ua-table tbody td:nth-of-type(4):before{content:"Time"}.ua-table tbody td:nth-of-type(5):before{content:"Rate"}.ua-table tbody td:nth-of-type(6):before{content:"Cost"}.ua-table tbody td:nth-of-type(7):before{content:"Actions"}.ua-separator-row{display:none}.ua-modal{max-width:95%}.ua-form-row{flex-direction:column;gap:.65rem}.ua-recalc-row{flex-direction:column;align-items:stretch}.ua-recalc-row .ua-filter-input{max-width:100%}}@media (max-width: 480px){.ua-filters-grid{grid-template-columns:1fr}}.execution-monitor-info{padding:1rem;background-color:var(--background-secondary);border-radius:8px;font-size:.875rem}.execution-monitor-info p{margin:.5rem 0;color:var(--text-primary)}.execution-monitor-info p:first-child{margin-top:0}.execution-monitor-info p:last-child{margin-bottom:0}.execution-viewer-container{height:100vh;display:flex;flex-direction:column;background-color:var(--background-secondary)}.execution-viewer-header{position:absolute;top:0;left:0;right:0;display:flex;align-items:center;gap:1rem;padding:.75rem 1rem;z-index:50;pointer-events:none}.execution-viewer-header>*{pointer-events:auto}.ev-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.35rem .85rem;border-radius:1rem;font-size:.8rem;font-weight:500;color:var(--text-secondary);background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);white-space:nowrap}.status-badge{padding:.25rem .75rem;border-radius:1rem;font-size:.875rem;font-weight:500;text-transform:uppercase}.status-badge.status-pending{background-color:var(--warning);color:var(--background)}.status-badge.status-running{background-color:var(--info);color:var(--background)}.status-badge.status-success{background-color:var(--success);color:var(--background)}.status-badge.status-failed{background-color:var(--danger);color:var(--background)}.status-badge.status-partial_failure{background-color:var(--warning);color:var(--background)}.status-badge.status-skipped{background-color:var(--text-tertiary);color:var(--background)}.execution-viewer-content{flex:1;position:relative;overflow:hidden}.execution-canvas-container{width:100%;height:100%;position:relative;overflow:hidden;background-color:var(--background)}.execution-canvas{width:100%;height:100%;position:relative;overflow:hidden;background-image:linear-gradient(rgba(var(--primary-rgb),.06) 1px,transparent 1px),linear-gradient(90deg,rgba(var(--primary-rgb),.06) 1px,transparent 1px);background-size:20px 20px}.canvas-content{position:relative;width:100%;height:100%;transition:transform .1s ease-out}.empty-flow-message{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;color:var(--text-secondary);background:var(--surface);padding:2rem;border-radius:8px;box-shadow:var(--shadow)}.empty-flow-message h3{margin:0 0 1rem;color:var(--text-primary)}.ev-canvas-controls{position:absolute;bottom:16px;left:16px;display:flex;align-items:center;gap:4px;background:var(--surface);padding:6px;border-radius:10px;box-shadow:var(--shadow);border:1px solid var(--border);z-index:30}.ev-ctrl-btn{width:34px;height:34px;border:none;border-radius:7px;background:transparent;color:var(--text-secondary);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;font-size:1.1rem;transition:all .15s ease}.ev-ctrl-btn:hover{background:var(--surface-hover);color:var(--text-primary)}.ev-ctrl-btn .MuiSvgIcon-root{font-size:1.15rem}.ev-ctrl-divider{width:1px;height:22px;background:var(--border);margin:0 2px}.ev-ctrl-btn.ev-mode-btn{width:auto;padding:0 10px;gap:5px;font-size:.78rem;font-weight:500}.execution-sidebar{position:absolute;top:0;right:0;bottom:0;width:340px;background-color:var(--surface);border-left:1px solid var(--border);overflow-y:auto;padding:1rem;transform:translate(100%);transition:transform .25s ease,box-shadow .25s ease;z-index:40;box-shadow:none}.execution-sidebar.open{transform:translate(0);box-shadow:-6px 0 24px #0000001a}.sidebar-section{margin-bottom:1.25rem;padding:.85rem;background-color:var(--background-secondary);border-radius:10px;border:1px solid var(--border-light)}.sidebar-section h3{margin:0 0 .75rem;font-size:.85rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.3px}.step-info{margin-bottom:.75rem}.step-info p{margin:.4rem 0;font-size:.82rem;color:var(--text-primary);display:flex;align-items:baseline;gap:.25rem}.step-info strong{margin-right:.35rem;color:var(--text-secondary);font-size:.78rem;font-weight:500}.step-actions{display:flex;flex-direction:column;gap:.4rem}.ev-step-btn{display:flex;align-items:center;justify-content:center;gap:.45rem;width:100%;padding:.5rem .75rem;border-radius:8px;font-size:.78rem;font-weight:500;cursor:pointer;transition:all .2s ease;border:none;letter-spacing:.2px}.ev-step-btn i{font-size:.72rem}.ev-step-btn:disabled{opacity:.5;cursor:not-allowed}.ev-step-btn-primary{background:var(--primary);color:#fff}.ev-step-btn-primary:hover:not(:disabled){filter:brightness(1.15);box-shadow:0 2px 8px rgba(var(--primary-rgb),.35)}.ev-step-btn-outline{background:var(--surface);color:var(--text-primary);border:1px solid var(--border)}.ev-step-btn-outline:hover{background:var(--surface-hover);border-color:var(--primary);color:var(--primary)}.execution-viewer-loading,.execution-viewer-error{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;gap:1rem}.execution-viewer-loading p{color:var(--text-secondary);font-size:1.125rem}.ev-parent-link{padding:.6rem .85rem!important}.ev-parent-anchor{display:flex;align-items:center;gap:.5rem;color:var(--primary);text-decoration:none;font-size:.82rem;font-weight:500;transition:color .15s ease}.ev-parent-anchor:hover{color:var(--text-primary);text-decoration:underline}.ev-parent-anchor i{font-size:.75rem}.ev-parent-anchor span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ev-subflows h3{margin-bottom:.5rem!important}.ev-sf-item{border:1px solid var(--border-light);border-radius:6px;margin-bottom:.4rem;overflow:hidden;background:var(--surface)}.ev-sf-item:last-child{margin-bottom:0}.ev-sf-header{display:flex;align-items:center;gap:.4rem;padding:.5rem .6rem;cursor:pointer;font-size:.8rem;font-weight:500;color:var(--text-primary);transition:background .15s ease}.ev-sf-header:hover{background:var(--surface-hover)}.ev-sf-chevron{font-size:.6rem;color:var(--text-tertiary);width:12px;text-align:center}.ev-sf-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.ev-sf-body{padding:.4rem .6rem .6rem;border-top:1px solid var(--border-light);font-size:.78rem}.ev-sf-body p{margin:.25rem 0;color:var(--text-primary)}.ev-sf-body strong{color:var(--text-secondary);font-size:.75rem;margin-right:.3rem}.ev-sf-actions{display:flex;gap:.4rem;margin-top:.5rem}.ev-sf-btn{display:inline-flex;align-items:center;gap:.3rem;padding:.3rem .6rem;border:1px solid var(--border);border-radius:5px;background:var(--surface);color:var(--primary);font-size:.72rem;font-weight:500;cursor:pointer;transition:all .15s ease}.ev-sf-btn:hover{background:var(--surface-hover);border-color:var(--primary)}@media (max-width: 768px){.execution-sidebar{width:280px}}.step-container.not-executed{opacity:.65;filter:grayscale(40%)}.step-container.not-executed:hover{opacity:.85;filter:grayscale(20%)}.step-container.step-skipped{opacity:.75;filter:grayscale(20%)}.step-container[data-python-path*=error_detection]{background:rgba(var(--warning-rgb, 245, 158, 11),.08)!important;border:2px dashed var(--warning)!important;position:relative;overflow:visible;box-shadow:0 2px 8px rgba(var(--warning-rgb, 245, 158, 11),.15)!important}.step-container[data-python-path*=error_detection]:hover{background:rgba(var(--warning-rgb, 245, 158, 11),.12)!important;border-color:var(--warning)!important;box-shadow:0 4px 12px rgba(var(--warning-rgb, 245, 158, 11),.25)!important;transform:translateY(-2px)}.step-container[data-python-path*=error_detection].error-detection-active{position:relative;animation:errorDetectionActive 2.5s ease-in-out infinite;border-color:var(--warning)!important;background:rgba(var(--warning-rgb, 245, 158, 11),.12);box-shadow:0 0 0 2px rgba(var(--warning-rgb, 245, 158, 11),.3);z-index:800!important;transform:translateZ(0);isolation:isolate}.step-container[data-python-path*=error_detection].error-detection-active:before{content:"🔍 ERROR DETECT";position:absolute;top:-45px;left:50%;transform:translate(-50%) translateZ(10px);background:var(--warning);color:var(--surface);padding:8px 16px;border-radius:25px;font-size:11px;font-weight:700;white-space:nowrap;box-shadow:0 8px 25px rgba(var(--warning-rgb, 245, 158, 11),.4);animation:errorDetectLabelScan 2.5s ease-in-out infinite;z-index:9999;border:2px solid var(--surface);pointer-events:none;letter-spacing:.5px}.step-container[data-python-path*=error_detection].error-detection-active:after{content:"";position:absolute;top:50%;left:50%;width:110px;height:110px;transform:translate(-50%,-50%);border-radius:50%;border:2px solid rgba(var(--warning-rgb, 245, 158, 11),.6);opacity:0;animation:errorDetectRipple 2.5s ease-out infinite;z-index:-1;pointer-events:none}.step-container[data-python-path*=error_detection].error-detected{position:relative;animation:errorDetectionPulse 3s ease-in-out infinite;border-color:var(--danger)!important;background:rgba(var(--danger-rgb, 239, 68, 68),.08);z-index:800!important}.step-container[data-python-path*=error_detection].error-detected:before{content:"🔍 ERROR DETECTED";position:absolute;top:-45px;left:50%;transform:translate(-50%) translateZ(10px);background:var(--danger);color:var(--surface);padding:8px 16px;border-radius:25px;font-size:11px;font-weight:700;white-space:nowrap;box-shadow:0 8px 25px rgba(var(--danger-rgb, 239, 68, 68),.4);animation:errorLabelFloat 3s ease-in-out infinite;z-index:9999;border:2px solid var(--surface);pointer-events:none;letter-spacing:.5px}.step-container[data-python-path*=error_detection].error-detected:after{content:"";position:absolute;top:50%;left:50%;width:100px;height:100px;transform:translate(-50%,-50%);border-radius:50%;border:2px solid rgba(var(--danger-rgb, 239, 68, 68),.6);opacity:0;animation:errorRippleClean 3s ease-out infinite;z-index:-1;pointer-events:none}.step-container.step-failed{position:relative;animation:stepFailedPulse 2.5s ease-in-out infinite;border-color:var(--danger)!important;background:rgba(var(--danger-rgb, 239, 68, 68),.12);box-shadow:0 0 0 2px rgba(var(--danger-rgb, 239, 68, 68),.3);z-index:800!important}.step-container.step-failed:before{content:"💥 STEP FAILED";position:absolute;top:-45px;left:50%;transform:translate(-50%);background:var(--danger);color:var(--surface);padding:8px 16px;border-radius:25px;font-size:11px;font-weight:700;white-space:nowrap;box-shadow:0 8px 25px rgba(var(--danger-rgb, 239, 68, 68),.4);animation:stepFailedLabelShake 2.5s ease-in-out infinite;z-index:9999;border:2px solid var(--surface);pointer-events:none;letter-spacing:.5px}.step-container.step-failed:after{content:"";position:absolute;top:50%;left:50%;width:120px;height:120px;transform:translate(-50%,-50%);border-radius:50%;border:3px solid rgba(var(--danger-rgb, 239, 68, 68),.8);opacity:0;animation:stepFailedRipple 2.5s ease-out infinite;z-index:-1;pointer-events:none}.step-container.execution-error{position:relative;animation:executionErrorPulse 2s ease-in-out infinite;border-color:var(--danger)!important;background:rgba(var(--danger-rgb, 239, 68, 68),.1);z-index:800!important}.step-container.execution-error:before{content:"⚠️ ERROR";position:absolute;top:-40px;left:50%;transform:translate(-50%);background:var(--danger);color:var(--surface);padding:6px 14px;border-radius:20px;font-size:10px;font-weight:600;white-space:nowrap;box-shadow:0 6px 20px rgba(var(--danger-rgb, 239, 68, 68),.3);animation:executionErrorLabelBounce 2s ease-in-out infinite;z-index:9999;border:2px solid var(--surface);pointer-events:none;letter-spacing:.3px}.step-container.execution-error:after{content:"";position:absolute;top:50%;left:50%;width:90px;height:90px;transform:translate(-50%,-50%);border-radius:50%;border:2px solid rgba(var(--danger-rgb, 239, 68, 68),.6);opacity:0;animation:executionErrorRipple 2s ease-out infinite;z-index:-1;pointer-events:none}@keyframes errorDetectionActive{0%,to{transform:scale(1);box-shadow:0 0 0 2px rgba(var(--warning-rgb, 245, 158, 11),.3),0 0 rgba(var(--warning-rgb, 245, 158, 11),.7)}50%{transform:scale(1.02);box-shadow:0 0 0 2px rgba(var(--warning-rgb, 245, 158, 11),.5),0 0 0 18px rgba(var(--warning-rgb, 245, 158, 11),0)}}@keyframes errorDetectLabelScan{0%,to{transform:translate(-50%) translateY(0) scale(1);opacity:1}25%{transform:translate(-50%) translateY(-4px) scale(1.02);opacity:.9}50%{transform:translate(-50%) translateY(-8px) scale(1.05);opacity:1}75%{transform:translate(-50%) translateY(-4px) scale(1.02);opacity:.95}}@keyframes errorDetectRipple{0%{transform:translate(-50%,-50%) scale(.8);opacity:.8;border-width:3px}50%{transform:translate(-50%,-50%) scale(1.6);opacity:.4;border-width:2px}to{transform:translate(-50%,-50%) scale(2.2);opacity:0;border-width:1px}}@keyframes errorDetectionPulse{0%,to{transform:scale(1);box-shadow:0 0 rgba(var(--danger-rgb, 239, 68, 68),.7)}50%{transform:scale(1.02);box-shadow:0 0 0 15px rgba(var(--danger-rgb, 239, 68, 68),0)}}@keyframes errorLabelFloat{0%,to{transform:translate(-50%) translateY(0);opacity:1}50%{transform:translate(-50%) translateY(-8px);opacity:.9}}@keyframes errorRippleClean{0%{transform:translate(-50%,-50%) scale(.8);opacity:.8;border-width:3px}50%{transform:translate(-50%,-50%) scale(1.5);opacity:.4;border-width:2px}to{transform:translate(-50%,-50%) scale(2);opacity:0;border-width:1px}}@keyframes stepFailedPulse{0%,to{transform:scale(1);box-shadow:0 0 0 2px rgba(var(--danger-rgb, 239, 68, 68),.3),0 0 rgba(var(--danger-rgb, 239, 68, 68),.7)}50%{transform:scale(1.03);box-shadow:0 0 0 2px rgba(var(--danger-rgb, 239, 68, 68),.5),0 0 0 20px rgba(var(--danger-rgb, 239, 68, 68),0)}}@keyframes stepFailedLabelShake{0%,to{transform:translate(-50%) translateY(0) rotate(0);opacity:1}25%{transform:translate(-50%) translateY(-6px) rotate(-1deg);opacity:.9}50%{transform:translate(-50%) translateY(-10px) rotate(1deg);opacity:1}75%{transform:translate(-50%) translateY(-4px) rotate(-.5deg);opacity:.95}}@keyframes stepFailedRipple{0%{transform:translate(-50%,-50%) scale(.9);opacity:.9;border-width:4px}50%{transform:translate(-50%,-50%) scale(1.8);opacity:.5;border-width:2px}to{transform:translate(-50%,-50%) scale(2.5);opacity:0;border-width:1px}}@keyframes executionErrorPulse{0%,to{transform:scale(1);box-shadow:0 0 rgba(var(--danger-rgb, 239, 68, 68),.6)}50%{transform:scale(1.015);box-shadow:0 0 0 12px rgba(var(--danger-rgb, 239, 68, 68),0)}}@keyframes executionErrorLabelBounce{0%,to{transform:translate(-50%) translateY(0);opacity:1}50%{transform:translate(-50%) translateY(-6px);opacity:.9}}@keyframes executionErrorRipple{0%{transform:translate(-50%,-50%) scale(.8);opacity:.7;border-width:3px}50%{transform:translate(-50%,-50%) scale(1.4);opacity:.3;border-width:2px}to{transform:translate(-50%,-50%) scale(1.8);opacity:0;border-width:1px}}.sec-page{padding:1.5rem;max-width:1600px;margin:0 auto;width:100%;box-sizing:border-box}.sec-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem;gap:1rem}.sec-header-left h1{font-size:2rem;font-weight:700;color:var(--text-primary);margin:0 0 .25rem;display:flex;align-items:center;gap:.75rem}.sec-header-left h1 i{color:var(--primary);font-size:1.75rem}.sec-header-subtitle{font-size:.9rem;color:var(--text-secondary);margin:0}.sec-header-actions{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.sec-timeframe-label{font-size:.82rem;font-weight:500;color:var(--text-secondary)}.sec-timeframe-select{padding:.5rem .75rem;border:1px solid var(--border);border-radius:8px;background:var(--background);color:var(--text-primary);font-size:.85rem;cursor:pointer;transition:all .2s ease}.sec-timeframe-select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #4a8db71f}.sec-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:1.5rem}.sec-stat-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:1.15rem 1.25rem;display:flex;align-items:center;justify-content:space-between;box-shadow:var(--shadow);transition:all .2s ease}.sec-stat-card:hover{box-shadow:var(--shadow-hover);transform:translateY(-1px)}.sec-stat-value{font-size:1.75rem;font-weight:700;color:var(--text-primary);line-height:1;margin-bottom:.25rem}.sec-stat-label{font-size:.78rem;color:var(--text-secondary);font-weight:500}.sec-stat-icon{width:42px;height:42px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1.1rem;flex-shrink:0}.sec-stat-icon.total{background:#6366f11a;color:#6366f1}.sec-stat-icon.success{background:#10b9811a;color:#10b981}.sec-stat-icon.warning{background:#f59e0b1a;color:#f59e0b}.sec-stat-icon.critical{background:#dc26261a;color:#dc2626}.sec-stat-icon.info{background:#0ea5e91a;color:#0ea5e9}.sec-stat-icon.danger{background:#e11d481a;color:#e11d48}.sec-section-title{font-size:1rem;font-weight:600;color:var(--text-primary);margin:0 0 .75rem}.sec-events-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.sec-event-count{font-size:.78rem;color:var(--text-tertiary);background:var(--background);border:1px solid var(--border);padding:.2rem .6rem;border-radius:12px;font-weight:500}.sec-table-wrap{background:var(--surface);border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow);overflow:hidden;transition:background-color .3s ease,border-color .3s ease}.sec-table-scroll{overflow-x:auto}.sec-table{width:100%;border-collapse:collapse;font-size:.85rem}.sec-table thead th{padding:.75rem 1.15rem;text-align:left;font-weight:600;font-size:.75rem;text-transform:uppercase;letter-spacing:.4px;color:var(--text-secondary);background:var(--background-secondary);border-bottom:1px solid var(--border);white-space:nowrap;position:sticky;top:0;z-index:2}.sec-table tbody tr{transition:background .15s ease}.sec-table tbody tr:hover{background:var(--surface-hover)}.sec-table tbody td{padding:.65rem 1.15rem;border-bottom:1px solid var(--border-light);vertical-align:top;color:var(--text-primary)}.sec-timestamp{color:var(--text-tertiary);font-family:SF Mono,Monaco,Menlo,monospace;font-size:.75rem}.sec-event-type,.sec-user-email{font-weight:500;font-size:.82rem}.sec-ip{font-family:SF Mono,Monaco,Menlo,monospace;color:var(--text-tertiary);font-size:.78rem}.sec-muted{color:var(--text-tertiary)}.sec-severity{display:inline-flex;align-items:center;padding:.18rem .55rem;border-radius:4px;font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:#fff}.sec-severity.critical{background:#dc2626}.sec-severity.warning{background:#f59e0b}.sec-severity.info{background:#0ea5e9}.sec-severity.default{background:#6b7280b3}.sec-details{display:flex;flex-direction:column;gap:.2rem}.sec-detail-item{color:var(--text-secondary);padding:.1rem .35rem;border-radius:4px;font-size:.72rem;max-width:fit-content}.sec-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;color:var(--text-secondary)}.sec-spin{width:36px;height:36px;border:3px solid var(--border);border-top-color:var(--primary);border-radius:50%;animation:sec-spin .8s linear infinite;margin-bottom:.75rem}@keyframes sec-spin{to{transform:rotate(360deg)}}.sec-empty{text-align:center;padding:4rem 2rem;background:var(--surface);border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow)}.sec-empty i{font-size:3rem;color:var(--text-tertiary);opacity:.35;margin-bottom:1rem}.sec-empty h3{color:var(--text-primary);font-size:1.1rem;margin:0 0 .5rem}.sec-empty p{color:var(--text-secondary);font-size:.88rem;margin:0}.sec-error{text-align:center;padding:4rem 2rem;background:var(--surface);border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow)}.sec-error-icon{width:72px;height:72px;margin:0 auto 1.25rem;background:#ef44441a;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#ef4444;font-size:1.75rem}.sec-error h3{color:var(--text-primary);font-size:1.15rem;margin:0 0 .5rem}.sec-error p{color:var(--text-secondary);font-size:.88rem;margin:0;max-width:440px;margin-inline:auto}@media (max-width: 1024px){.sec-stats{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.sec-page{padding:.75rem}.sec-header{flex-direction:column;gap:.5rem;margin-bottom:1rem}.sec-header-left h1{font-size:1.35rem;gap:.5rem}.sec-header-left h1 i{font-size:1.15rem}.sec-header-subtitle{font-size:.8rem}.sec-stats{grid-template-columns:repeat(2,1fr);gap:.5rem;margin-bottom:1rem}.sec-stat-card{padding:.75rem .85rem;border-radius:10px}.sec-stat-value{font-size:1.35rem}.sec-stat-label{font-size:.7rem}.sec-stat-icon{width:34px;height:34px;font-size:.9rem}.sec-table-scroll{overflow-x:visible}.sec-table thead{display:none}.sec-table,.sec-table tbody{display:block}.sec-table tbody tr{display:block;background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:.75rem 1rem;margin-bottom:.75rem}.sec-table tbody tr:hover{background:var(--surface)}.sec-table tbody td{display:flex;align-items:center;justify-content:space-between;padding:.4rem 0;border-bottom:1px dashed var(--border-light);font-size:.82rem;text-align:right}.sec-table tbody td:first-child{border-bottom:1px solid var(--border);padding-bottom:.6rem;margin-bottom:.25rem;text-align:left}.sec-table tbody td:last-child{border-bottom:none}.sec-table tbody td:before{font-weight:600;font-size:.7rem;text-transform:uppercase;letter-spacing:.3px;color:var(--text-secondary);margin-right:1rem;flex-shrink:0;text-align:left}.sec-table tbody td:nth-of-type(1):before{content:""}.sec-table tbody td:nth-of-type(2):before{content:"Event"}.sec-table tbody td:nth-of-type(3):before{content:"User"}.sec-table tbody td:nth-of-type(4):before{content:"IP"}.sec-table tbody td:nth-of-type(5):before{content:"Severity"}.sec-table tbody td:nth-of-type(6):before{content:"Details"}}@media (max-width: 480px){.sec-stats{grid-template-columns:repeat(2,1fr)}}.cfg-root{padding:1.5rem 2rem 2rem;background:var(--background);min-height:calc(100vh - 60px);color:var(--text-primary);width:100%;box-sizing:border-box}.page-content .cfg-root{padding:0 2rem 2rem}.cfg-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:1rem;color:var(--text-secondary)}.cfg-loading i{font-size:2rem}.cfg-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;margin-top:.75rem}.cfg-header h1{font-size:1.25rem;font-weight:700;color:var(--text-primary);margin:0}.cfg-actions{display:flex;gap:6px;align-items:center}.cfg-btn{display:inline-flex;align-items:center;gap:5px;padding:6px 12px;border-radius:6px;border:1px solid var(--border);background:var(--surface);color:var(--text-secondary);font-size:.78rem;font-weight:500;cursor:pointer;transition:all .15s ease}.cfg-btn i{font-size:.78rem}.cfg-btn:hover:not(:disabled){background:var(--surface-hover);color:var(--text-primary);border-color:var(--primary)}.cfg-btn:disabled{opacity:.45;cursor:not-allowed}.cfg-btn-save{background:var(--primary-gradient);color:#fff;border-color:var(--primary)}.cfg-btn-save:hover:not(:disabled){box-shadow:0 2px 8px rgba(var(--primary-rgb),.3)}.cfg-content{display:grid;grid-template-columns:220px 1fr;gap:1.25rem;min-height:520px}.cfg-sidebar{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:6px;display:flex;flex-direction:column;gap:2px;align-self:start;position:sticky;top:1.5rem}.cfg-cat{display:flex;align-items:center;gap:9px;padding:9px 10px;background:transparent;border:1px solid transparent;border-radius:7px;cursor:pointer;transition:all .15s ease;text-align:left;position:relative}.cfg-cat:hover{background:var(--surface-hover)}.cfg-cat.cfg-active{background:rgba(var(--primary-rgb),.08);border-color:rgba(var(--primary-rgb),.18)}.cfg-cat-icon{width:16px;color:var(--primary);flex-shrink:0;font-size:13px}.cfg-cat-info{display:flex;flex-direction:column;flex:1;min-width:0}.cfg-cat-name{font-weight:500;font-size:.8rem;color:var(--text-primary);line-height:1.3}.cfg-cat-desc{font-size:.68rem;color:var(--text-tertiary);margin-top:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cfg-cat-badge{position:absolute;top:5px;right:5px;background:var(--primary-gradient);color:#fff;width:17px;height:17px;border-radius:50%;font-size:.62rem;font-weight:700;display:flex;align-items:center;justify-content:center}.cfg-editor{min-width:0}.cfg-editor-header{display:flex;align-items:center;margin-bottom:1.25rem;padding-bottom:.75rem;border-bottom:1px solid var(--border)}.cfg-editor-header h2{display:flex;align-items:center;gap:.5rem;font-size:1.05rem;font-weight:600;color:var(--text-primary);margin:0}.cfg-settings{border:1px solid var(--border);border-radius:10px;overflow:hidden}.cfg-setting{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:10px 16px;background:var(--surface);border-bottom:1px solid var(--border-light, var(--border));min-height:44px}.cfg-setting:last-child{border-bottom:none}.cfg-setting-info{flex:1;min-width:0}.cfg-setting-info .cfg-label{font-size:.82rem;margin-bottom:0}.cfg-setting-info .cfg-desc{font-size:.7rem;margin-top:1px;line-height:1.3}.cfg-setting-info .cfg-meta{font-size:.66rem;margin-top:2px}.cfg-setting-control{flex-shrink:0}.cfg-setting-control .cfg-string{width:300px}.cfg-setting-control .cfg-string .cfg-input{width:100%}.cfg-setting-control .cfg-select{width:auto;min-width:150px;max-width:240px}.cfg-setting-control .cfg-number input{width:90px;max-width:90px}.cfg-label{display:flex;align-items:center;gap:6px;font-weight:500;font-size:.85rem;color:var(--text-primary);margin-bottom:2px}.cfg-restart-badge{display:inline-flex;align-items:center;padding:1px 5px;background:rgba(var(--primary-rgb),.08);color:var(--warning);border-radius:4px;font-size:11px}.cfg-desc{font-size:.78rem;color:var(--text-tertiary);display:block;line-height:1.35}.cfg-control{margin:.5rem 0 0}.cfg-meta{margin-top:.4rem;font-size:.7rem;color:var(--text-tertiary)}.cfg-items{display:flex;flex-direction:column;gap:.75rem}.cfg-item{padding:1rem 1.15rem;background:var(--surface);border:1px solid var(--border-light, var(--border));border-radius:8px;transition:border-color .15s ease}.cfg-item:hover{border-color:var(--border)}.cfg-item-header{margin-bottom:.5rem}.cfg-input,.cfg-select{width:100%;padding:7px 11px;background:var(--background);border:1px solid var(--border);border-radius:6px;color:var(--text-primary);font-size:.82rem;transition:border-color .15s ease,box-shadow .15s ease}.cfg-input:focus,.cfg-select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 2px rgba(var(--primary-rgb),.1)}.cfg-setting-stacked{flex-direction:column;align-items:stretch}.cfg-setting-stacked .cfg-setting-control{width:100%}.cfg-textarea{font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:.75rem;line-height:1.5;resize:vertical;min-height:280px;white-space:pre;width:100%;-moz-tab-size:2;tab-size:2}.cfg-input.cfg-changed,.cfg-select.cfg-changed{border-color:var(--warning)}.cfg-input.cfg-sensitive{font-family:SF Mono,Monaco,Menlo,monospace}.cfg-toggle{display:flex;align-items:center;gap:8px}.cfg-switch{position:relative;display:inline-block;width:36px;height:20px;flex-shrink:0}.cfg-switch input{opacity:0;width:0;height:0}.cfg-slider{position:absolute;cursor:pointer;top:0;right:0;bottom:0;left:0;background:var(--border);transition:.2s;border-radius:20px}.cfg-slider:before{position:absolute;content:"";height:14px;width:14px;left:3px;bottom:3px;background:#fff;transition:.2s;border-radius:50%}.cfg-switch input:checked+.cfg-slider{background:var(--success)}.cfg-switch input:checked+.cfg-slider:before{transform:translate(16px)}.cfg-val{font-size:.78rem;font-weight:500}.cfg-val.cfg-val-active{color:var(--success)}.cfg-val.cfg-val-inactive{color:var(--text-tertiary)}.cfg-number{display:flex;align-items:center;gap:8px}.cfg-number input{width:100px;max-width:100px;text-align:center}.cfg-range,.cfg-unit{font-size:.72rem;color:var(--text-tertiary);white-space:nowrap}.cfg-string{display:flex;align-items:center;gap:6px}.cfg-toggle-sensitive{padding:5px 7px;background:var(--surface);border:1px solid var(--border);border-radius:6px;color:var(--text-secondary);cursor:pointer;transition:all .15s ease;flex-shrink:0}.cfg-toggle-sensitive:hover{color:var(--primary);border-color:var(--primary)}.cfg-health-dashboard{margin-bottom:1.25rem;display:flex;flex-direction:column;gap:1rem}.cfg-health-header{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:.85rem 1.15rem}.cfg-health-title-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem}.cfg-health-title{margin:0;font-size:.95rem;font-weight:600;color:var(--text-primary);display:flex;align-items:center;gap:8px}.cfg-health-title i{color:var(--danger)}.cfg-health-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:20px;font-size:.7rem;font-weight:700;letter-spacing:.5px}.cfg-health-healthy{background:#10b9811a;color:var(--success);border:1px solid rgba(16,185,129,.25)}.cfg-health-warning{background:#f59e0b1a;color:var(--warning);border:1px solid rgba(245,158,11,.25)}.cfg-health-critical,.cfg-health-degraded{background:#ef44441a;color:var(--danger);border:1px solid rgba(239,68,68,.25)}.cfg-health-unknown{background:#6b72801a;color:var(--text-tertiary);border:1px solid var(--border)}.cfg-health-controls{display:flex;align-items:center;gap:10px}.cfg-auto-refresh{display:flex;align-items:center;gap:5px;font-size:.75rem;color:var(--text-secondary);cursor:pointer}.cfg-auto-refresh input{accent-color:var(--primary);cursor:pointer}.cfg-btn-refresh{font-size:.73rem!important;padding:4px 10px!important}.cfg-health-ts{font-size:.7rem;color:var(--text-tertiary);font-family:SFMono-Regular,Consolas,monospace}.cfg-health-gauges{display:grid;grid-template-columns:repeat(4,1fr);gap:.75rem}.cfg-gauge-card{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:1rem .75rem .75rem;display:flex;flex-direction:column;align-items:center;gap:6px;transition:border-color .2s ease,box-shadow .2s ease}.cfg-gauge-card:hover{box-shadow:var(--shadow)}.cfg-gauge-healthy{border-bottom:2px solid var(--success)}.cfg-gauge-warning{border-bottom:2px solid var(--warning)}.cfg-gauge-critical{border-bottom:2px solid var(--danger)}.cfg-gauge-ring{position:relative;width:72px;height:72px}.cfg-gauge-ring svg{transform:rotate(-90deg);width:100%;height:100%}.cfg-gauge-bg{fill:none;stroke:var(--border);stroke-width:5}.cfg-gauge-fill{fill:none;stroke-width:5;stroke-linecap:round;transition:stroke-dasharray .6s ease}.cfg-gauge-healthy .cfg-gauge-fill{stroke:var(--success)}.cfg-gauge-warning .cfg-gauge-fill{stroke:var(--warning)}.cfg-gauge-critical .cfg-gauge-fill{stroke:var(--danger)}.cfg-gauge-value{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:.95rem;font-weight:700;color:var(--text-primary)}.cfg-gauge-value-sm{font-size:.85rem}.cfg-gauge-label{font-size:.78rem;font-weight:600;color:var(--text-primary)}.cfg-gauge-detail{font-size:.65rem;color:var(--text-tertiary);text-align:center;line-height:1.3}.cfg-health-services{display:flex;flex-direction:column;gap:.6rem}.cfg-health-sub{margin:0;font-size:.82rem;font-weight:600;color:var(--text-secondary);display:flex;align-items:center;gap:7px}.cfg-health-sub i{font-size:.78rem;color:var(--primary)}.cfg-threshold-heading{margin-bottom:.5rem}.cfg-service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem}.cfg-service-card{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:.85rem;transition:border-color .2s ease}.cfg-svc-header{display:flex;align-items:center;gap:8px;margin-bottom:.65rem;padding-bottom:.5rem;border-bottom:1px solid var(--border-light, var(--border))}.cfg-svc-header i{font-size:.85rem;color:var(--primary);width:18px;text-align:center}.cfg-svc-name{font-size:.8rem;font-weight:600;color:var(--text-primary);flex:1}.cfg-svc-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.cfg-dot-healthy{background:var(--success);box-shadow:0 0 6px #10b98166}.cfg-dot-down,.cfg-dot-unknown{background:var(--danger);box-shadow:0 0 6px #ef444466}.cfg-svc-details{display:flex;flex-direction:column;gap:4px}.cfg-svc-row{display:flex;justify-content:space-between;font-size:.72rem}.cfg-svc-row span:first-child{color:var(--text-tertiary)}.cfg-svc-row span:last-child{color:var(--text-primary);font-weight:500;text-align:right;max-width:65%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cfg-svc-error{font-size:.72rem;color:var(--danger);display:flex;align-items:flex-start;gap:5px;word-break:break-word}.cfg-svc-error i{flex-shrink:0;margin-top:1px}.cfg-health-queues{display:flex;flex-direction:column;gap:.6rem}.cfg-cw-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:.6rem}.cfg-cw-company{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:.6rem .75rem;transition:border-color .2s ease}.cfg-cw-company:hover{border-color:rgba(var(--primary-rgb),.3)}.cfg-cw-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.45rem;padding-bottom:.35rem;border-bottom:1px solid var(--border-light)}.cfg-cw-name{font-size:.78rem;font-weight:600;color:var(--text-primary)}.cfg-cw-status{display:inline-flex;align-items:center;padding:2px 8px;border-radius:12px;font-size:.6rem;font-weight:600;text-transform:uppercase;letter-spacing:.3px}.cfg-cw-active{background:#10b9811a;color:var(--success)}.cfg-cw-provisioning{background:#3b82f61a;color:var(--info)}.cfg-cw-pending{color:var(--text-tertiary);font-size:.68rem}.cfg-cw-error{color:var(--danger);font-size:.68rem}.cfg-cw-stopped{background:#6b72801a;color:var(--text-tertiary)}.cfg-cw-workers{display:flex;flex-direction:column;gap:.3rem}.cfg-cw-worker{display:flex;align-items:center;justify-content:space-between;padding:.3rem .5rem;background:var(--background);border-radius:6px;gap:.4rem}.cfg-cw-worker-name{display:flex;align-items:center;gap:5px;font-size:.68rem;font-weight:500;color:var(--text-secondary);white-space:nowrap;min-width:0;overflow:hidden;text-overflow:ellipsis}.cfg-cw-worker-name i{font-size:.55rem;width:14px;text-align:center;flex-shrink:0;color:var(--text-tertiary)}.cfg-cw-worker-details{display:flex;align-items:center;gap:.35rem;flex-shrink:0}.cfg-cw-tag{font-size:.58rem;font-family:SF Mono,Fira Code,monospace;padding:1px 5px;border-radius:4px;background:rgba(var(--primary-rgb),.08);color:var(--primary);white-space:nowrap}.cfg-cw-res{font-size:.6rem;color:var(--text-tertiary);font-weight:500;white-space:nowrap}.cfg-cw-no-workers{padding:.2rem 0}.cfg-health-rec{padding:.6rem .85rem;border-radius:8px;font-size:.78rem;line-height:1.4;border-left:3px solid var(--border)}.cfg-rec-healthy{background:#10b9810f;border-left-color:var(--success);color:var(--text-secondary)}.cfg-rec-warning{background:#f59e0b0f;border-left-color:var(--warning);color:var(--text-secondary)}.cfg-rec-critical{background:#ef44440f;border-left-color:var(--danger);color:var(--text-secondary)}.cfg-health-loading{display:flex;align-items:center;justify-content:center;gap:8px;padding:2rem;color:var(--text-tertiary);font-size:.82rem}.cfg-purge-section{margin-bottom:1.25rem;padding:1.15rem;background:var(--surface);border-radius:10px;border:1px solid var(--border)}.cfg-purge-title{margin:0 0 .6rem;font-size:.95rem;font-weight:600;color:var(--text-primary);display:flex;align-items:center;gap:8px}.cfg-purge-title i{color:var(--danger)}.cfg-purge-desc{margin-bottom:.85rem;font-size:.8rem;color:var(--text-secondary);line-height:1.4}.cfg-purge-actions{display:flex;gap:8px;align-items:center}.cfg-tz-company-trigger{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:6px 12px;min-width:200px;max-width:280px;background:var(--surface);border:1px solid var(--border);border-radius:6px;cursor:pointer;font-size:.82rem;color:var(--text-primary);transition:border-color .15s}.cfg-tz-company-trigger:hover{border-color:var(--primary)}.cfg-tz-company-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cfg-tz-chevron{font-size:.65rem;color:var(--text-tertiary);transition:transform .15s;flex-shrink:0}.cfg-tz-chevron-open{transform:rotate(180deg)}.cfg-tz-company-dropdown{position:absolute;top:calc(100% + 4px);right:0;width:280px;max-height:320px;background:var(--surface);border:1px solid var(--border);border-radius:8px;box-shadow:var(--shadow-hover, 0 4px 12px rgba(0, 0, 0, .15));z-index:50;display:flex;flex-direction:column;overflow:hidden}.cfg-tz-company-search-wrap{display:flex;align-items:center;gap:8px;padding:8px 10px;border-bottom:1px solid var(--border-light, var(--border))}.cfg-tz-search-icon{color:var(--text-tertiary);font-size:.75rem;flex-shrink:0}.cfg-tz-company-search{width:100%;border:none;outline:none;background:transparent;font-size:.82rem;color:var(--text-primary)}.cfg-tz-company-search::placeholder{color:var(--text-tertiary)}.cfg-tz-company-list{overflow-y:auto;max-height:260px;padding:4px 0}.cfg-tz-company-item{display:flex;align-items:center;justify-content:space-between;padding:7px 12px;font-size:.82rem;color:var(--text-primary);cursor:pointer;transition:background .1s}.cfg-tz-company-item:hover{background:var(--surface-hover, var(--background-secondary))}.cfg-tz-company-active{color:var(--primary);font-weight:500}.cfg-tz-company-active i{font-size:.7rem;color:var(--primary)}.cfg-tz-company-empty{padding:12px;text-align:center;font-size:.78rem;color:var(--text-tertiary)}.cfg-btn-purge,.cfg-btn-preview{padding:7px 14px;border:none;border-radius:6px;cursor:pointer;font-size:.8rem;font-weight:500;display:flex;align-items:center;gap:6px;transition:all .15s ease;color:#fff}.cfg-btn-purge{background:var(--danger)}.cfg-btn-purge:hover:not(:disabled){opacity:.9}.cfg-btn-preview{background:var(--text-secondary)}.cfg-btn-preview:hover:not(:disabled){opacity:.9}.cfg-btn-purge:disabled,.cfg-btn-preview:disabled{opacity:.45;cursor:not-allowed}.cfg-purge-result{margin-top:.85rem;padding:.85rem;border-radius:8px;border:1px solid var(--border);background:var(--background);position:relative}.cfg-purge-close{position:absolute;top:8px;right:10px;background:none;border:none;cursor:pointer;font-size:14px;color:var(--text-tertiary);line-height:1}.cfg-purge-close:hover{color:var(--text-primary)}.cfg-purge-confirm-title{display:flex;align-items:center;gap:8px;margin-bottom:8px;color:var(--warning);font-weight:600;font-size:.85rem}.cfg-purge-confirm-text{font-size:.8rem;color:var(--text-secondary);margin-bottom:10px;line-height:1.4}.cfg-purge-confirm-btns{display:flex;gap:8px}.cfg-btn-confirm-purge{padding:6px 14px;background:var(--danger);color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:.78rem;font-weight:500;display:flex;align-items:center;gap:6px}.cfg-btn-confirm-cancel{padding:6px 14px;background:var(--text-secondary);color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:.78rem;font-weight:500}.cfg-purge-status{display:flex;align-items:center;gap:8px;color:var(--info);font-weight:500;font-size:.82rem}.cfg-purge-error-msg{display:flex;align-items:center;gap:8px;color:var(--danger);font-size:.82rem}.cfg-purge-result-title{display:flex;align-items:center;gap:8px;margin-bottom:10px;color:var(--success);font-weight:600;font-size:.85rem}.cfg-purge-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:6px}.cfg-purge-stat{display:flex;justify-content:space-between;padding:6px 10px;background:var(--surface);border-radius:5px;font-size:.78rem}.cfg-purge-stat-label{color:var(--text-secondary)}.cfg-purge-stat-value{font-weight:600;color:var(--text-primary)}.cfg-purge-warning{margin-top:.85rem;padding:8px 12px;background:var(--background);border-radius:6px;font-size:.78rem;color:var(--text-secondary);display:flex;align-items:center;gap:8px}.cfg-purge-warning i{color:var(--warning);flex-shrink:0}.cfg-purge-notes{margin-top:.65rem;display:flex;flex-direction:column;gap:5px}.cfg-purge-note{padding:6px 10px;border-radius:5px;font-size:.75rem;color:var(--text-secondary);display:flex;align-items:center;gap:7px}.cfg-purge-note.info{background:rgba(var(--primary-rgb),.06)}.cfg-purge-note.info i{color:var(--primary);flex-shrink:0;font-size:.7rem}.cfg-cert-section{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:1.15rem;margin-bottom:1.25rem}.cfg-cert-header h3{margin:0 0 .85rem;font-size:.95rem;font-weight:600;display:flex;align-items:center;gap:8px;color:var(--text-primary)}.cfg-cert-header h3 i{color:var(--primary)}.cfg-cert-actions{display:flex;gap:8px;align-items:center;margin-bottom:1rem;flex-wrap:wrap}.cfg-btn-gen-cert,.cfg-btn-dl-cert,.cfg-btn-regen-cert{padding:7px 14px;border:none;border-radius:6px;font-weight:500;cursor:pointer;transition:all .15s ease;display:flex;align-items:center;gap:6px;font-size:.8rem;color:#fff}.cfg-btn-gen-cert{background:var(--primary-gradient)}.cfg-btn-gen-cert:hover:not(:disabled){opacity:.9}.cfg-btn-gen-cert:disabled{opacity:.45;cursor:not-allowed}.cfg-btn-dl-cert{background:var(--success)}.cfg-btn-dl-cert:hover{opacity:.9}.cfg-btn-regen-cert{background:var(--text-secondary)}.cfg-btn-regen-cert:hover{opacity:.9}.cfg-btn-upload-cert{padding:7px 14px;border:none;border-radius:6px;font-weight:500;cursor:pointer;transition:all .15s ease;display:flex;align-items:center;gap:6px;font-size:.8rem;color:#fff;background:var(--info)}.cfg-btn-upload-cert:hover{opacity:.9}.cfg-cert-status{margin-left:auto}.cfg-status-valid{background:var(--background);border:1px solid var(--success);color:var(--success);padding:5px 12px;border-radius:20px;font-weight:500;display:inline-flex;align-items:center;gap:6px;font-size:.78rem}.cfg-status-invalid{background:var(--background);border:1px solid var(--danger);color:var(--danger);padding:5px 12px;border-radius:20px;font-weight:500;display:inline-flex;align-items:center;gap:6px;font-size:.78rem}.cfg-cert-info{background:var(--background);border:1px solid var(--border-light, var(--border));border-radius:8px;padding:.85rem;display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:1rem}.cfg-cert-info .cfg-info-row:last-child{grid-column:1 / -1}.cfg-info-row{display:grid;grid-template-columns:100px 1fr;align-items:baseline;gap:8px}.cfg-info-label{font-size:.68rem;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.5px;font-weight:600}.cfg-info-value{font-size:.82rem;font-weight:500;color:var(--text-primary);word-break:break-all}.cfg-fingerprint{font-family:SF Mono,Monaco,Menlo,monospace;font-size:.72rem}.cfg-cert-display{margin-top:1rem}.cfg-cert-display label{display:block;margin-bottom:5px;font-weight:500;font-size:.8rem;color:var(--text-secondary)}.cfg-cert-textarea{width:100%;background:var(--background);border:1px solid var(--border);color:var(--text-primary);padding:10px;border-radius:6px;font-family:SF Mono,Monaco,Menlo,monospace;font-size:.72rem;resize:vertical;line-height:1.4}.cfg-cert-textarea:focus{outline:none;border-color:var(--primary)}.cfg-urls-section{margin-top:1.25rem;padding:1.15rem;background:var(--surface);border-radius:10px;border:1px solid var(--border)}.cfg-urls-title{margin:0 0 .6rem;font-size:.92rem;font-weight:600;color:var(--text-primary);display:flex;align-items:center;gap:8px}.cfg-urls-title i{color:var(--primary)}.cfg-urls-desc{margin-bottom:.85rem;font-size:.8rem;color:var(--text-secondary)}.cfg-url-input{width:100%;padding:7px 11px;background:var(--background);border:1px solid var(--border);border-radius:6px;color:var(--text-primary);font-family:SF Mono,Monaco,Menlo,monospace;font-size:.8rem;transition:border-color .15s ease}.cfg-url-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 2px rgba(var(--primary-rgb),.1)}.cfg-url-hint{display:block;margin-top:3px;font-size:.7rem;color:var(--text-tertiary)}.cfg-url-label-hint{margin-left:6px;font-size:.72rem;color:var(--text-tertiary);font-weight:400}.cfg-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center;z-index:1000}.cfg-modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.1rem 1.35rem;border-bottom:1px solid var(--border);background:var(--background-secondary)}.cfg-modal-header h2{font-size:1rem;font-weight:600;color:var(--text-primary);margin:0;display:flex;align-items:center;gap:8px}.cfg-close-btn{padding:6px;background:transparent;border:none;color:var(--text-tertiary);cursor:pointer;transition:color .15s ease;font-size:15px}.cfg-close-btn:hover{color:var(--text-primary)}.cfg-audit-modal{background:var(--surface);border-radius:12px;width:90%;max-width:640px;max-height:80vh;display:flex;flex-direction:column;box-shadow:var(--shadow-hover);overflow:hidden}.cfg-audit-toolbar{display:flex;align-items:center;gap:10px;padding:10px 16px;border-bottom:1px solid var(--border-light, var(--border));background:var(--surface)}.cfg-audit-search-wrap{flex:1;display:flex;align-items:center;gap:8px;padding:5px 10px;border:1px solid var(--border);border-radius:6px;background:var(--background)}.cfg-audit-search-wrap i{color:var(--text-tertiary);font-size:.72rem}.cfg-audit-search-wrap input{flex:1;border:none;outline:none;background:transparent;font-size:.78rem;color:var(--text-primary)}.cfg-audit-search-wrap input::placeholder{color:var(--text-tertiary)}.cfg-audit-count{font-size:.72rem;color:var(--text-tertiary);white-space:nowrap}.cfg-audit-list{overflow-y:auto;flex:1;scrollbar-width:thin;scrollbar-color:var(--border) transparent}.cfg-audit-list::-webkit-scrollbar{width:4px}.cfg-audit-list::-webkit-scrollbar-track{background:transparent}.cfg-audit-list::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}.cfg-audit-row{padding:10px 16px;border-bottom:1px solid var(--border-light, var(--border));transition:background .1s}.cfg-audit-row:hover{background:var(--surface-hover, var(--background-secondary))}.cfg-audit-row:last-child{border-bottom:none}.cfg-audit-row-top{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.cfg-audit-config{font-size:.8rem;font-weight:500;color:var(--text-primary);word-break:break-all}.cfg-audit-meta{margin-left:auto;font-size:.7rem;color:var(--text-tertiary);white-space:nowrap}.cfg-audit-row-values{display:flex;align-items:center;gap:6px;margin-top:5px}.cfg-audit-val{font-family:SF Mono,Monaco,Menlo,monospace;font-size:.7rem;padding:2px 6px;border-radius:4px;max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cfg-audit-val-old{background:rgba(var(--primary-rgb),.06);color:var(--text-secondary);text-decoration:line-through}.cfg-audit-val-new{background:rgba(var(--primary-rgb),.1);color:var(--primary)}.cfg-audit-arrow{font-size:.6rem;color:var(--text-tertiary);flex-shrink:0}.cfg-audit-reason{margin-top:4px;font-size:.7rem;color:var(--text-tertiary);font-style:italic}.cfg-audit-empty{padding:2rem;text-align:center;color:var(--text-tertiary);font-size:.82rem}.cfg-action-badge{display:inline-block;padding:2px 7px;border-radius:4px;font-size:.65rem;font-weight:600;text-transform:uppercase;letter-spacing:.3px;flex-shrink:0}.cfg-badge-create{background:rgba(var(--primary-rgb),.1);color:var(--success)}.cfg-badge-update{background:rgba(var(--primary-rgb),.1);color:var(--primary)}.cfg-badge-rollback{background:rgba(var(--primary-rgb),.08);color:var(--warning)}.cfg-cert-modal{background:var(--surface);border-radius:12px;width:90%;max-width:640px;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-hover)}.cfg-cert-modal-info{background:rgba(var(--primary-rgb),.06);border-left:3px solid var(--primary);padding:10px 14px;margin:0 1.35rem 1.25rem;border-radius:6px;display:flex;align-items:center;gap:10px;color:var(--text-secondary);font-size:.8rem;line-height:1.4}.cfg-cert-modal-info i{color:var(--primary);font-size:15px;flex-shrink:0}.cfg-cert-form{padding:0 1.35rem 1.25rem}.cfg-form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:14px}.cfg-form-group{display:flex;flex-direction:column;gap:4px}.cfg-form-group label{font-size:.7rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.4px}.cfg-form-group input,.cfg-form-group select{padding:7px 11px;border:1px solid var(--border);border-radius:6px;font-size:.82rem;transition:border-color .15s ease;background:var(--background);color:var(--text-primary)}.cfg-form-group input:focus,.cfg-form-group select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 2px rgba(var(--primary-rgb),.1)}.cfg-form-group input::placeholder{color:var(--text-tertiary)}.cfg-modal-footer{display:flex;justify-content:flex-end;gap:8px;padding:.85rem 1.35rem;border-top:1px solid var(--border);background:var(--background-secondary)}.cfg-btn-cancel{padding:7px 16px;border:1px solid var(--border);background:var(--surface);color:var(--text-secondary);border-radius:6px;font-weight:500;font-size:.8rem;cursor:pointer;transition:all .15s ease}.cfg-btn-cancel:hover{background:var(--surface-hover);color:var(--text-primary)}.cfg-btn-generate{padding:7px 16px;border:none;background:var(--primary-gradient);color:#fff;border-radius:6px;font-weight:500;font-size:.8rem;cursor:pointer;transition:all .15s ease;display:flex;align-items:center;gap:6px}.cfg-btn-generate:hover:not(:disabled){box-shadow:0 2px 8px rgba(var(--primary-rgb),.3)}.cfg-btn-generate:disabled{opacity:.45;cursor:not-allowed}@media (max-width: 1024px){.cfg-content{grid-template-columns:1fr}.cfg-sidebar{flex-direction:row;overflow-x:auto;position:static}.cfg-cat{min-width:160px}.cfg-setting{flex-wrap:wrap}.cfg-setting-control,.cfg-setting-control .cfg-string{width:100%}.cfg-purge-grid{grid-template-columns:1fr 1fr}.cfg-health-gauges,.cfg-service-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.cfg-root{padding:.75rem}.page-content .cfg-root{padding:0 .75rem .75rem}.cfg-header{flex-direction:column;align-items:flex-start;gap:.5rem;margin-bottom:1rem}.cfg-header h1{font-size:1.1rem}.cfg-actions{flex-wrap:wrap}.cfg-btn{padding:5px 10px;font-size:.72rem}.cfg-sidebar{flex-direction:row;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}.cfg-sidebar::-webkit-scrollbar{display:none}.cfg-cat{min-width:130px;padding:7px 8px}.cfg-cat-desc{display:none}.cfg-editor-header{margin-bottom:.85rem;padding-bottom:.5rem}.cfg-editor-header h2{font-size:.92rem}.cfg-setting{padding:8px 12px;gap:12px}.cfg-cert-info,.cfg-form-row{grid-template-columns:1fr}.cfg-audit-modal{width:95%;max-width:95%;max-height:90vh}.cfg-purge-grid{grid-template-columns:1fr}.cfg-purge-section{padding:.85rem}.cfg-purge-actions{flex-wrap:wrap}.cfg-health-gauges{grid-template-columns:repeat(2,1fr);gap:.5rem}.cfg-gauge-card{padding:.65rem .5rem .5rem}.cfg-gauge-ring{width:56px;height:56px}.cfg-gauge-value{font-size:.8rem}.cfg-gauge-label{font-size:.7rem}.cfg-service-grid{grid-template-columns:1fr;gap:.5rem}.cfg-service-card{padding:.65rem}.cfg-health-title-row{flex-direction:column;align-items:flex-start;gap:6px}.cfg-health-controls{flex-wrap:wrap}.cfg-cert-section{padding:.85rem}.cfg-cert-actions{gap:6px}.cfg-btn-gen-cert,.cfg-btn-dl-cert,.cfg-btn-regen-cert{padding:6px 10px;font-size:.72rem}.cfg-urls-section{padding:.85rem}.cfg-modal-header{padding:.85rem 1rem}.cfg-cert-form{padding:0 1rem 1rem}.cfg-modal-footer{padding:.65rem 1rem}}@media (max-width: 480px){.cfg-health-gauges{grid-template-columns:repeat(2,1fr)}}.dep-page{padding:1.5rem;max-width:1600px;margin:0 auto;width:100%;box-sizing:border-box}.dep-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem}.dep-header-left h1{font-size:2rem;font-weight:700;color:var(--text-primary);margin:0 0 .25rem;display:flex;align-items:center;gap:.75rem}.dep-header-left h1 i{color:var(--primary);font-size:1.75rem}.dep-header-subtitle{font-size:.9rem;color:var(--text-secondary);margin:0}.dep-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:1.5rem}.dep-stat-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:1.15rem 1.25rem;display:flex;align-items:center;justify-content:space-between;box-shadow:var(--shadow);transition:all .2s ease}.dep-stat-card:hover{box-shadow:var(--shadow-hover);transform:translateY(-1px)}.dep-stat-value{font-size:1.75rem;font-weight:700;color:var(--text-primary);line-height:1;margin-bottom:.25rem}.dep-stat-label{font-size:.78rem;color:var(--text-secondary);font-weight:500}.dep-stat-icon{width:42px;height:42px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1.1rem;flex-shrink:0}.dep-stat-icon.total{background:rgba(var(--primary-rgb),.1);color:var(--primary)}.dep-stat-icon.active{background:rgba(var(--success-rgb),.1);color:var(--success)}.dep-stat-icon.archived{background:rgba(var(--primary-rgb),.08);color:var(--text-secondary)}.dep-stat-icon.week{background:rgba(var(--info-rgb),.1);color:var(--info)}.dep-toolbar{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:.85rem 1.15rem;display:flex;align-items:center;gap:.75rem;margin-bottom:1rem;box-shadow:var(--shadow);flex-wrap:wrap}.dep-search{position:relative;flex:1;min-width:200px;max-width:340px}.dep-search i{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);color:var(--text-tertiary);font-size:.8rem}.dep-search input{width:100%;padding:.5rem .75rem .5rem 2.1rem;border:1px solid var(--border);border-radius:8px;font-size:.85rem;background:var(--background);color:var(--text-primary);transition:all .2s ease}.dep-search input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px rgba(var(--primary-rgb),.12)}.dep-filter{padding:.5rem .75rem;border:1px solid var(--border);border-radius:8px;background:var(--background);color:var(--text-primary);font-size:.85rem;min-width:120px;cursor:pointer;transition:all .2s ease}.dep-filter:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px rgba(var(--primary-rgb),.12)}.dep-toolbar-spacer{flex:1}.dep-toolbar-btn{display:inline-flex;align-items:center;gap:.4rem;padding:.45rem .85rem;border-radius:8px;font-size:.82rem;font-weight:500;cursor:pointer;transition:all .2s ease;border:1px solid var(--border);background:var(--background);color:var(--text-primary);white-space:nowrap}.dep-toolbar-btn:hover{background:var(--surface-hover);border-color:var(--primary);color:var(--primary)}.dep-toolbar-btn.primary{background:var(--primary-gradient);color:#fff;border-color:transparent}.dep-toolbar-btn.primary:hover{opacity:.9;transform:translateY(-1px)}.dep-toolbar-btn.primary:disabled{opacity:.6;cursor:not-allowed;transform:none}.dep-table-wrap{background:var(--surface);border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow);overflow:hidden;display:flex;flex-direction:column}.dep-table-scroll{flex:1;overflow-x:auto}.dep-table{width:100%;border-collapse:collapse;font-size:.85rem;table-layout:fixed}.dep-table thead th{padding:.75rem 1.15rem;text-align:left;font-weight:600;font-size:.75rem;text-transform:uppercase;letter-spacing:.4px;color:var(--text-secondary);background:var(--background-secondary);border-bottom:1px solid var(--border);white-space:nowrap;position:sticky;top:0;z-index:2}.dep-table thead th:last-child{text-align:center;width:120px}.dep-table tbody tr{transition:background .15s ease}.dep-table tbody tr:hover{background:var(--surface-hover)}.dep-table tbody td{padding:.75rem 1.15rem;border-bottom:1px solid var(--border-light);vertical-align:middle;color:var(--text-primary)}.dep-table tbody td:last-child{text-align:center}.dep-name-cell{font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block}.dep-flow-cell{display:flex;align-items:center;gap:.5rem;color:var(--text-secondary);font-size:.82rem;overflow:hidden}.dep-flow-cell span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dep-flow-cell i{color:var(--primary);font-size:.8rem}.dep-project-cell{color:var(--text-secondary);font-size:.82rem}.dep-version-cell{font-weight:600;font-family:SF Mono,Monaco,Menlo,monospace;font-size:.82rem}.dep-time-cell{color:var(--text-secondary);font-size:.8rem;white-space:nowrap}.dep-deployer-cell{color:var(--text-tertiary);font-size:.8rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block}.dep-tip{position:relative}.dep-tip:after{content:attr(data-tip);position:absolute;left:0;top:calc(100% + 6px);background:var(--surface);color:var(--text-primary);border:1px solid var(--border);border-radius:6px;padding:.45rem .65rem;font-size:.78rem;font-weight:400;white-space:pre-wrap;word-break:break-word;max-width:320px;min-width:100px;box-shadow:0 4px 16px #00000026;z-index:100;pointer-events:none;opacity:0;transition:opacity .15s ease;line-height:1.4}.dep-tip:hover:after{opacity:1}.dep-badge{display:inline-flex;align-items:center;gap:.3rem;padding:.22rem .65rem;border-radius:20px;font-size:.72rem;font-weight:600;text-transform:capitalize;letter-spacing:.2px;white-space:nowrap}.dep-badge.active{background:rgba(var(--success-rgb),.12);color:var(--success)}.dep-badge.archived{background:rgba(var(--primary-rgb),.08);color:var(--text-secondary)}.dep-badge.failed{background:rgba(var(--danger-rgb),.12);color:var(--danger)}.dep-actions{display:flex;gap:.35rem;justify-content:center}.dep-act-btn{width:30px;height:30px;border-radius:7px;border:1px solid var(--border);background:transparent;color:var(--text-secondary);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;font-size:.78rem;transition:all .15s ease;text-decoration:none}.dep-act-btn:hover{background:var(--surface-hover);color:var(--primary);border-color:var(--primary)}.dep-act-btn.danger:hover{color:var(--danger);border-color:var(--danger);background:rgba(var(--danger-rgb),.08)}.dep-act-btn.warn:hover{color:var(--warning);border-color:var(--warning);background:rgba(var(--warning-rgb),.08)}.dep-act-btn.activate:hover{color:var(--success);border-color:var(--success);background:rgba(var(--success-rgb),.08)}.dep-act-btn.archive:hover{color:var(--warning);border-color:var(--warning);background:rgba(var(--warning-rgb),.08)}.dep-act-btn.compare:hover{color:var(--info);border-color:var(--info);background:rgba(var(--info-rgb, 59, 130, 246),.08)}.dep-act-btn:disabled{opacity:.4;cursor:not-allowed}.dep-expand-toggle{width:26px;height:26px;border-radius:50%;border:1px solid var(--border);background:var(--background-secondary);color:var(--text-tertiary);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;font-size:.6rem;transition:all .2s ease}.dep-expand-toggle:hover{border-color:var(--primary);background:rgba(var(--primary-rgb),.08);color:var(--primary)}.dep-expand-toggle.open{border-color:var(--primary);color:var(--primary);background:rgba(var(--primary-rgb),.08)}.dep-expand-toggle i{transition:transform .2s ease}.dep-expand-toggle.open i{transform:rotate(90deg)}.dep-row-expanded{background:var(--surface-hover)}.dep-expand-row td{border-top:none;padding:0!important;background:var(--background-secondary)}.dep-expand-row:hover{background:var(--background-secondary)}.dep-detail{padding:1rem 1.5rem 1.25rem}.dep-detail-header{font-size:.82rem;font-weight:600;color:var(--text-primary);margin-bottom:.75rem;display:flex;align-items:center;gap:.5rem}.dep-detail-header i{color:var(--primary);font-size:.85rem}.dep-detail-header-meta{font-weight:400;color:var(--text-tertiary);font-size:.78rem;margin-left:.25rem}.dep-detail-body{display:flex;gap:1rem;align-items:flex-start}.dep-detail-grid{flex:1;min-width:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:.75rem}.dep-detail-empty-flex{flex:1}.dep-detail-section{min-width:0;background:var(--surface);border:1px solid var(--border-light);border-radius:8px;padding:.75rem .85rem}.dep-detail-heading{font-size:.78rem;font-weight:600;color:var(--text-secondary);margin-bottom:.5rem;display:flex;align-items:center;gap:.4rem}.dep-detail-heading i{font-size:.72rem;color:var(--text-tertiary)}.dep-detail-count{background:rgba(var(--primary-rgb),.1);color:var(--primary);font-size:.68rem;font-weight:600;padding:.1rem .4rem;border-radius:10px;margin-left:.15rem}.dep-detail-list{list-style:none;margin:0;padding:0}.dep-detail-item{font-size:.8rem;color:var(--text-primary);padding:.25rem 0;display:flex;align-items:center;gap:.35rem;flex-wrap:wrap}.dep-detail-item:before{content:"•";color:var(--text-tertiary);font-size:.6rem;flex-shrink:0}.dep-detail-item-name{font-weight:500}.dep-detail-meta{color:var(--text-tertiary);font-size:.72rem;display:flex;align-items:center;gap:.25rem}.dep-detail-tag{display:inline-block;background:rgba(var(--primary-rgb),.08);color:var(--text-secondary);font-size:.65rem;font-weight:600;padding:.08rem .35rem;border-radius:4px;text-transform:uppercase;letter-spacing:.3px}.dep-version-badge{display:inline-flex;align-items:center;justify-content:center;background:rgba(var(--success-rgb),.12);color:var(--success);font-size:.65rem;font-weight:700;padding:.1rem .4rem;border-radius:4px;white-space:nowrap;flex-shrink:0}.dep-version-clickable{cursor:pointer;transition:background .15s,transform .15s}.dep-version-clickable:hover{background:rgba(var(--success-rgb),.25);transform:scale(1.05)}.dep-detail-loading{display:flex;align-items:center;justify-content:center;padding:1.5rem}.dep-detail-loading .dep-spin{width:24px;height:24px;border-width:2px;margin-bottom:0}.dep-detail-empty{font-size:.82rem;color:var(--text-tertiary);text-align:center;padding:1rem 0}.dep-sub-flows-section{flex:0 0 240px;align-self:flex-start}.dep-detail-item-clickable{cursor:pointer;border-radius:4px;transition:background .15s ease}.dep-detail-item-clickable:hover{background:var(--surface-hover)}.dep-detail-item-arrow{color:var(--text-tertiary);font-size:.7rem;margin-left:auto;transition:transform .15s ease}.dep-detail-item-clickable:hover .dep-detail-item-arrow{color:var(--primary);transform:translate(2px)}.dep-pagination{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1.15rem;border-top:1px solid var(--border);font-size:.82rem;color:var(--text-secondary);flex-shrink:0;gap:1rem;flex-wrap:wrap}.dep-pagination-info{display:flex;align-items:center;gap:.75rem}.dep-pagination-info select{padding:.3rem .5rem;border:1px solid var(--border);border-radius:6px;background:var(--background);color:var(--text-primary);font-size:.82rem;cursor:pointer}.dep-pagination-nav{display:flex;align-items:center;gap:.25rem}.dep-page-btn{width:32px;height:32px;border-radius:8px;border:1px solid var(--border);background:var(--background);color:var(--text-primary);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;font-size:.78rem;transition:all .15s ease}.dep-page-btn:hover:not(:disabled){border-color:var(--primary);color:var(--primary);background:var(--surface-hover)}.dep-page-btn:disabled{opacity:.35;cursor:not-allowed}.dep-page-btn.active{background:var(--primary-gradient);color:var(--surface);border-color:var(--primary)}.dep-page-num{font-size:.82rem;font-weight:500;min-width:32px;text-align:center}.dep-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;color:var(--text-secondary)}.dep-spin{width:36px;height:36px;border:3px solid var(--border);border-top-color:var(--primary);border-radius:50%;animation:dep-spin .8s linear infinite;margin-bottom:.75rem}@keyframes dep-spin{to{transform:rotate(360deg)}}.dep-empty{text-align:center;padding:4rem 2rem;background:var(--surface);border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow)}.dep-empty i{font-size:3rem;color:var(--text-tertiary);opacity:.35;margin-bottom:1rem}.dep-empty h3{color:var(--text-primary);font-size:1.1rem;margin:0 0 .5rem}.dep-empty p{color:var(--text-secondary);font-size:.88rem;margin:0}@media (max-width: 1024px){.dep-stats{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.dep-page{padding:.75rem}.dep-header{flex-direction:column;gap:.5rem;margin-bottom:1rem}.dep-header-left h1{font-size:1.35rem;gap:.5rem}.dep-header-left h1 i{font-size:1.15rem}.dep-header-subtitle{font-size:.8rem}.dep-stats{grid-template-columns:repeat(2,1fr);gap:.5rem;margin-bottom:1rem}.dep-stat-card{padding:.75rem .85rem;border-radius:10px}.dep-stat-value{font-size:1.35rem}.dep-stat-label{font-size:.7rem}.dep-stat-icon{width:34px;height:34px;font-size:.9rem}.dep-toolbar{flex-direction:column;align-items:stretch;padding:.65rem;gap:.5rem;margin-bottom:.75rem}.dep-search{max-width:100%}.dep-pagination{flex-direction:column;align-items:flex-start}.dep-table-scroll{overflow-x:visible}.dep-table thead{display:none}.dep-table,.dep-table tbody{display:block}.dep-table tbody tr{display:block;background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:.75rem 1rem;margin-bottom:.75rem}.dep-table tbody tr:hover{background:var(--surface)}.dep-table tbody td{display:flex;align-items:center;justify-content:space-between;padding:.4rem 0;border-bottom:1px dashed var(--border-light);font-size:.82rem;text-align:right}.dep-table tbody td:first-child{border-bottom:1px solid var(--border);padding-bottom:.6rem;margin-bottom:.25rem}.dep-table tbody td:last-child{border-bottom:none;justify-content:flex-end;padding-top:.6rem}.dep-table tbody td:before{font-weight:600;font-size:.7rem;text-transform:uppercase;letter-spacing:.3px;color:var(--text-secondary);margin-right:1rem;flex-shrink:0;text-align:left}.dep-table tbody td:nth-of-type(1):before{content:""}.dep-table tbody td:nth-of-type(2):before{content:"Flow"}.dep-table tbody td:nth-of-type(3):before{content:"Version"}.dep-table tbody td:nth-of-type(4):before{content:"Status"}.dep-table tbody td:nth-of-type(5):before{content:"Deployed"}.dep-table tbody td:nth-of-type(6):before{content:"Notes"}.dep-table tbody td:nth-of-type(7):before{content:""}.dep-actions{justify-content:flex-end;gap:.5rem}.dep-act-btn{width:36px;height:36px}}@media (max-width: 480px){.dep-stats{grid-template-columns:repeat(2,1fr)}}.modal-content.dcm-modal{max-width:800px;width:95%;max-height:90vh;display:flex;flex-direction:column;overflow:hidden}.dcm-modal .modal-header h3{display:flex;align-items:center;gap:.5rem;font-size:1.1rem}.dcm-modal .modal-header h3 i{color:var(--primary)}.dcm-selectors{display:flex;align-items:flex-end;gap:.75rem;padding:1.25rem 1.5rem;border-bottom:1px solid var(--border);background:var(--background-secondary);flex-shrink:0}.dcm-selector{flex:1;display:flex;flex-direction:column;gap:.35rem}.dcm-selector label{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.3px;color:var(--text-secondary)}.dcm-selector select{padding:.5rem .65rem;font-size:.85rem;border:1px solid var(--border);border-radius:6px;background:var(--surface);color:var(--text-primary);cursor:pointer}.dcm-selector select:focus{outline:none;border-color:var(--primary)}.dcm-arrow{padding-bottom:.5rem;color:var(--text-tertiary);font-size:.9rem;flex-shrink:0}.dcm-compare-btn{display:flex;align-items:center;gap:.4rem;padding:.5rem 1rem;font-size:.85rem;font-weight:600;color:#fff;background:var(--primary);border:none;border-radius:6px;cursor:pointer;white-space:nowrap;flex-shrink:0;transition:opacity .2s}.dcm-compare-btn:hover:not(:disabled){opacity:.9}.dcm-compare-btn:disabled{opacity:.5;cursor:not-allowed}.dcm-body{padding:1.25rem 1.5rem;overflow-y:auto;flex:1;min-height:0}.dcm-loading{display:flex;justify-content:center;padding:2rem 0}.dcm-summary{display:flex;align-items:center;gap:.6rem;padding:.65rem .85rem;background:var(--background-secondary);border:1px solid var(--border);border-radius:8px;margin-bottom:1rem;flex-wrap:wrap}.dcm-summary-label{font-weight:600;font-size:.88rem;color:var(--text-primary);margin-right:auto;display:flex;align-items:center;gap:.4rem}.dcm-summary-label i{font-size:.7rem;color:var(--text-tertiary)}.dcm-badge{font-size:.72rem;font-weight:600;padding:.2rem .55rem;border-radius:10px}.dcm-badge.added{background:#22c55e26;color:var(--success)}.dcm-badge.removed{background:#ef444426;color:var(--danger)}.dcm-badge.modified{background:#3b82f626;color:var(--info)}.dcm-section{margin-bottom:1rem}.dcm-section-title{font-size:.82rem;font-weight:600;color:var(--text-secondary);display:flex;align-items:center;gap:.45rem;margin-bottom:.4rem;padding-bottom:.3rem;border-bottom:1px solid var(--border-light)}.dcm-section-title i{font-size:.78rem;color:var(--text-tertiary)}.dcm-count{font-size:.7rem;background:var(--background-tertiary);color:var(--text-secondary);padding:.1rem .45rem;border-radius:8px;margin-left:.2rem}.dcm-diff-list{list-style:none;padding:0;margin:0}.dcm-diff-item{display:flex;flex-direction:column;gap:.2rem;padding:.4rem .6rem;font-size:.82rem;border-radius:5px}.dcm-diff-row{display:flex;align-items:center;gap:.5rem;width:100%}.dcm-diff-item:not(:last-child){margin-bottom:2px}.dcm-diff-item.dcm-added{background:#22c55e12}.dcm-diff-item.dcm-removed{background:#ef444412}.dcm-diff-item.dcm-modified{background:#3b82f612}.dcm-diff-item.dcm-unchanged-item{opacity:.6}.dcm-diff-item.dcm-unchanged-item .dcm-diff-name{color:var(--text-secondary)}.dcm-diff-item.dcm-unchanged{flex-direction:row;align-items:center;gap:.5rem;color:var(--text-tertiary);font-style:italic}.dcm-diff-tag{font-size:.7rem;font-weight:700;width:18px;height:18px;display:flex;align-items:center;justify-content:center;border-radius:4px;flex-shrink:0;font-family:monospace}.dcm-diff-tag.added{background:var(--success);color:#fff}.dcm-diff-tag.removed{background:var(--danger);color:#fff}.dcm-diff-tag.modified{background:var(--info);color:#fff}.dcm-diff-tag.unchanged{background:var(--border);color:var(--text-tertiary)}.dcm-diff-name{flex:1;color:var(--text-primary);font-weight:500}.dcm-diff-name s{color:var(--text-tertiary);text-decoration:line-through}.dcm-diff-meta{font-size:.72rem;color:var(--text-tertiary);background:var(--background-tertiary);padding:.1rem .4rem;border-radius:4px;flex-shrink:0}.dcm-diff-ver{font-size:.72rem;font-weight:600;color:var(--primary);background:rgba(var(--primary-rgb),.1);padding:.1rem .4rem;border-radius:4px;flex-shrink:0}.dcm-sub-schemas{display:flex;align-items:center;gap:.4rem;padding-left:2rem;font-size:.78rem;color:var(--text-secondary)}.dcm-sub-schema{display:flex;align-items:center;gap:.3rem}.dcm-sub-arrow{color:var(--text-tertiary);font-size:.7rem}.dcm-sub-changes{display:flex;flex-wrap:wrap;gap:.4rem;padding-left:2rem;font-size:.78rem;color:var(--text-secondary)}.dcm-sub-change{display:flex;align-items:center;gap:.3rem}.dcm-no-changes{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:2rem 1rem;color:var(--success);font-size:.9rem;font-weight:500}.dcm-no-changes i{font-size:1.2rem}@media (max-width: 600px){.dcm-selectors{flex-direction:column;align-items:stretch}.dcm-arrow{text-align:center;padding:0;transform:rotate(90deg)}.dcm-compare-btn{justify-content:center}}.rc-page{padding:24px;max-width:1200px;margin:0 auto}.rc-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;flex-wrap:wrap;gap:16px}.rc-header-left{display:flex;align-items:center;gap:12px}.rc-header-left h2{margin:0;font-size:1.25rem;font-weight:700;color:var(--text-primary)}.rc-header-left i{font-size:1.1rem;color:var(--primary)}.rc-header-actions{display:flex;gap:8px}.rc-toolbar{display:flex;align-items:center;gap:12px;margin-bottom:20px}.rc-toolbar-info{font-size:.78rem;color:var(--text-tertiary)}.rc-fp{position:relative}.rc-fp-trigger{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border:1.5px solid var(--border);border-radius:8px;background:var(--surface);color:var(--text-primary);cursor:pointer;font-size:.82rem;font-weight:500;transition:all .15s ease;min-width:260px}.rc-fp-trigger:hover{border-color:var(--primary)}.rc-fp-trigger.active{border-color:var(--primary);box-shadow:0 0 0 2px rgba(var(--primary-rgb),.1)}.rc-fp-trigger.has-selection{background:rgba(var(--primary-rgb),.08);border-color:var(--primary);color:var(--primary)}.rc-fp-trigger-icon{font-size:.82rem;color:var(--text-tertiary)}.rc-fp-trigger.has-selection .rc-fp-trigger-icon{color:var(--primary)}.rc-fp-trigger-label{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rc-fp-trigger-arrow{font-size:.65rem;color:var(--text-tertiary);margin-left:auto}.rc-fp-trigger-clear{display:flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:50%;background:rgba(var(--primary-rgb),.15);color:var(--primary);font-size:.6rem;cursor:pointer;transition:all .15s ease}.rc-fp-trigger-clear:hover{background:var(--primary);color:#fff}.rc-fp-dropdown{position:absolute;top:calc(100% + 4px);left:0;width:380px;max-height:360px;background:var(--surface);border:1px solid var(--border);border-radius:10px;box-shadow:0 12px 36px #0000002e;z-index:100;display:flex;flex-direction:column;overflow:hidden}.rc-fp-search{display:flex;align-items:center;gap:8px;padding:10px 14px;border-bottom:1px solid var(--border)}.rc-fp-search-icon{color:var(--text-tertiary);font-size:.78rem}.rc-fp-search input{flex:1;border:none;background:transparent;color:var(--text-primary);font-size:.82rem;outline:none}.rc-fp-search input::placeholder{color:var(--text-tertiary)}.rc-fp-list{overflow-y:auto;max-height:300px;padding:4px 0}.rc-fp-list::-webkit-scrollbar{width:6px}.rc-fp-list::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.rc-fp-empty{padding:24px;text-align:center;color:var(--text-tertiary);font-size:.8rem;display:flex;flex-direction:column;align-items:center;gap:6px}.rc-fp-expand{font-size:.6rem;color:var(--text-tertiary);width:14px;text-align:center;cursor:pointer}.rc-fp-company{display:flex;align-items:center;gap:8px;padding:7px 14px;cursor:pointer;font-size:.82rem;font-weight:600;color:var(--text-primary);transition:background .12s ease}.rc-fp-company:hover{background:var(--surface-hover)}.rc-fp-company-icon{color:var(--info);font-size:.78rem}.rc-fp-company-name{flex:1}.rc-fp-project{display:flex;align-items:center;gap:8px;padding:6px 14px 6px 32px;cursor:pointer;font-size:.8rem;font-weight:500;color:var(--text-primary);transition:background .12s ease}.rc-fp-project:hover{background:var(--surface-hover)}.rc-fp-folder-icon{color:var(--warning);font-size:.78rem}.rc-fp-project-name{flex:1}.rc-fp-flow{display:flex;align-items:center;gap:8px;padding:6px 14px 6px 56px;cursor:pointer;font-size:.8rem;color:var(--text-secondary);transition:background .12s ease}.rc-fp-flow:hover{background:var(--surface-hover)}.rc-fp-flow.selected{background:rgba(var(--primary-rgb),.1);color:var(--primary);font-weight:600}.rc-fp-flow-icon{color:var(--text-tertiary);font-size:.72rem}.rc-fp-flow.selected .rc-fp-flow-icon{color:var(--primary)}.rc-fp-count{font-size:.68rem;background:var(--background-secondary);color:var(--text-tertiary);padding:1px 7px;border-radius:10px;font-weight:500}.rc-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;margin-bottom:20px}.rc-stat{padding:14px 16px;background:var(--surface);border:1px solid var(--border);border-radius:10px;text-align:center}.rc-stat-value{font-size:1.5rem;font-weight:700;color:var(--text-primary);line-height:1.2}.rc-stat-label{font-size:.72rem;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.5px;margin-top:4px}.rc-stat.active .rc-stat-value{color:var(--success)}.rc-stat.inactive .rc-stat-value{color:var(--text-tertiary)}.rc-btn{display:inline-flex;align-items:center;gap:.35rem;padding:.5rem 1rem;border-radius:8px;font-size:.82rem;font-weight:500;cursor:pointer;transition:all .2s ease;border:1px solid var(--border)}.rc-btn.secondary{background:var(--background);color:var(--text-primary)}.rc-btn.secondary:hover{background:var(--surface-hover)}.rc-btn.primary{background:var(--primary-gradient);color:#fff;border-color:transparent}.rc-btn.primary:hover{opacity:.9}.rc-btn.primary:disabled{opacity:.5;cursor:not-allowed}.rc-table-wrap{background:var(--surface);border:1px solid var(--border);border-radius:10px;overflow:hidden}.rc-table{width:100%;border-collapse:collapse}.rc-table th{padding:12px 16px;text-align:left;font-size:.72rem;font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.5px;background:var(--background-secondary);border-bottom:1px solid var(--border)}.rc-table td{padding:12px 16px;font-size:.82rem;color:var(--text-primary);border-bottom:1px solid var(--border-light, var(--border));vertical-align:middle}.rc-table tr:last-child td{border-bottom:none}.rc-table tr:hover td{background:var(--surface-hover)}.rc-key{font-family:SF Mono,Cascadia Code,Consolas,monospace;font-size:.8rem;font-weight:600;color:var(--primary);background:rgba(var(--primary-rgb),.08);padding:3px 8px;border-radius:4px;display:inline-block}.rc-default{font-size:.78rem;color:var(--text-tertiary);font-style:italic;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rc-default.dynamic{color:var(--warning)}.rc-override-input{width:100%;padding:6px 10px;border:1.5px solid var(--border);border-radius:6px;background:var(--background);color:var(--text-primary);font-size:.82rem;min-width:180px;transition:border-color .15s ease}.rc-override-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px rgba(var(--primary-rgb),.1)}.rc-override-input.has-value{border-color:var(--success);background:rgba(var(--success-rgb, 34, 197, 94),.04)}.rc-override-input::placeholder{color:var(--text-tertiary);font-style:italic}.rc-toggle{position:relative;width:38px;height:20px;cursor:pointer}.rc-toggle input{display:none}.rc-toggle-track{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--border);border-radius:10px;transition:background .2s ease}.rc-toggle input:checked+.rc-toggle-track{background:var(--success)}.rc-toggle-thumb{position:absolute;top:2px;left:2px;width:16px;height:16px;background:#fff;border-radius:50%;transition:transform .2s ease;box-shadow:0 1px 3px #0003}.rc-toggle input:checked~.rc-toggle-thumb{transform:translate(18px)}.rc-flow-name{font-size:.78rem;font-weight:500;color:var(--text-secondary);max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline-block}.rc-source{font-size:.72rem;color:var(--text-tertiary);max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rc-actions{display:flex;gap:4px}.rc-action-btn{width:28px;height:28px;border:none;background:transparent;color:var(--text-tertiary);cursor:pointer;border-radius:5px;display:flex;align-items:center;justify-content:center;font-size:.75rem;transition:all .15s ease}.rc-action-btn:hover{background:var(--surface-hover);color:var(--text-primary)}.rc-action-btn.danger:hover{background:#ef44441a;color:var(--danger)}.rc-section-header{display:flex;align-items:center;gap:8px;margin-bottom:10px;font-size:.82rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.rc-section-header i{font-size:.78rem;color:var(--primary)}.rc-cr-cards{display:flex;flex-direction:column;gap:8px}.rc-cr-card{background:var(--surface);border:1px solid var(--border);border-radius:10px;overflow:hidden;transition:border-color .15s ease,box-shadow .15s ease}.rc-cr-card.active{border-color:var(--success)}.rc-cr-card.expanded{box-shadow:var(--shadow)}.rc-cr-card-header{display:flex;align-items:center;gap:10px;padding:12px 16px;cursor:pointer;transition:background .12s ease}.rc-cr-card-header:hover{background:var(--surface-hover)}.rc-cr-card-icon{color:var(--info);font-size:.85rem}.rc-cr-card-name{font-weight:600;font-size:.85rem;color:var(--text-primary)}.rc-cr-card-meta{font-size:.72rem;color:var(--text-tertiary);background:var(--background-secondary);padding:2px 8px;border-radius:10px}.rc-cr-card-badge{font-size:.65rem;font-weight:600;padding:2px 8px;border-radius:10px;text-transform:uppercase;letter-spacing:.3px}.rc-cr-card-badge.edited{background:rgba(var(--primary-rgb),.12);color:var(--primary)}.rc-cr-card-right{margin-left:auto;display:flex;align-items:center;gap:4px}.rc-cr-card-arrow{font-size:.65rem;color:var(--text-tertiary);transition:transform .2s ease}.rc-cr-card-body{border-top:1px solid var(--border);background:var(--background)}.rc-cr-card-body .cr-table-toolbar{padding:8px 16px;background:var(--background);border-bottom:1px solid var(--border-light, var(--border));display:flex;justify-content:space-between;align-items:center;gap:10px}.rc-cr-card-body .cr-table-body{display:flex;flex-direction:column}.rc-cr-rows{max-height:400px;overflow-y:auto}.rc-cr-rows::-webkit-scrollbar{width:6px}.rc-cr-rows::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.rc-cr-card-body .cr-loading{padding:32px;display:flex;align-items:center;justify-content:center;gap:8px;color:var(--text-tertiary);font-size:.82rem}.rc-cr-card-body .cr-empty{min-height:120px}.rc-empty{padding:48px 24px;text-align:center;color:var(--text-tertiary)}.rc-empty i{font-size:2rem;margin-bottom:12px;opacity:.4}.rc-empty p{margin:0 0 16px;font-size:.85rem}.rc-loading{display:flex;align-items:center;justify-content:center;gap:8px;padding:48px;color:var(--text-secondary);font-size:.85rem}.rc-loading i{animation:rc-spin 1s linear infinite}@keyframes rc-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 768px){.rc-page{padding:16px}.rc-header{flex-direction:column;align-items:flex-start}.rc-table-wrap{overflow-x:auto}.rc-source{display:none}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.modal-content{background:var(--surface);border-radius:12px;box-shadow:var(--shadow-hover);width:90%;max-width:500px;max-height:90vh;overflow-y:auto;margin:0;padding:0;box-sizing:border-box;position:relative;border:1px solid var(--border);transition:background-color .3s ease,border-color .3s ease}.modal-content.modal-sm{max-width:50%}.modal-content.modal-xl{max-width:900px}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid var(--border);transition:border-color .3s ease}.modal-header h3,.modal-title{margin:0;font-size:1.25rem;font-weight:600;color:var(--text-primary)}.modal-close{background:none;border:none;color:var(--text-secondary);font-size:1.25rem;cursor:pointer;padding:.25rem;border-radius:4px;transition:all .2s ease;width:24px;height:24px;display:flex;align-items:center;justify-content:center}.modal-close:hover{background:var(--background-secondary);color:var(--text-primary)}.modal-body{padding:1.5rem}.modal-footer{display:flex;justify-content:flex-end;gap:.75rem;padding:1.5rem;border-top:1px solid var(--border)}@media (max-width: 768px){.modal-overlay{padding:1rem}.modal-content{width:95%;max-width:none}.modal-content.modal-lg,.modal-content.modal-xl{max-width:none}.modal-footer{flex-direction:column;gap:.5rem}}@media (max-width: 480px){.modal-overlay{padding:.5rem}.modal-content{width:100%}}.btn,.btn-icon,.btn-text,.btn-ghost,.btn-minimal{all:unset;box-sizing:border-box;font-family:inherit}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;position:relative;height:2.5rem;padding:0 1rem;min-width:2.5rem;font-size:.875rem;font-weight:500;line-height:1;letter-spacing:.01em;text-decoration:none;white-space:nowrap;border:1px solid transparent;border-radius:.5rem;background:transparent;cursor:pointer;-webkit-user-select:none;user-select:none;transition:all .15s cubic-bezier(.4,0,.2,1);outline:none;-webkit-tap-highlight-color:transparent}.btn:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.btn:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.btn-xs{height:1.75rem;padding:0 .5rem;font-size:.75rem;border-radius:.375rem}.btn-sm{height:2rem;padding:0 .75rem;font-size:.8125rem;border-radius:.375rem}.btn-lg{height:3rem;padding:0 1.5rem;font-size:1rem;border-radius:.625rem}.btn-xl{height:3.5rem;padding:0 2rem;font-size:1.125rem;border-radius:.75rem}.btn-primary{background:linear-gradient(135deg,#3b82f6,#06b6d4);color:#fff;border-color:transparent;box-shadow:0 1px 2px #0000000d}.btn-primary:hover{background:linear-gradient(135deg,#2563eb,#0891b2);border-color:transparent;box-shadow:0 4px 12px -2px #3b82f659;transform:translateY(-1px)}.btn-primary:active{background:linear-gradient(135deg,#1d4ed8,#0e7490);border-color:transparent;transform:translateY(0);box-shadow:0 1px 2px #0000001a}.btn-secondary{background:var(--background-secondary);color:var(--text-primary);border-color:var(--border);box-shadow:0 1px 2px #0000000d}.btn-secondary:hover{background:var(--background-tertiary);border-color:var(--border-light);box-shadow:0 2px 4px -1px #0000001a;transform:translateY(-1px)}.btn-secondary:active{background:var(--surface-hover);border-color:var(--text-tertiary);transform:translateY(0)}.btn-success{background:var(--success);color:var(--background);border-color:var(--success);box-shadow:0 1px 2px #0000000d}.btn-success:hover{background:#059669;border-color:#059669;box-shadow:0 4px 8px -2px #10b98133;transform:translateY(-1px)}.btn-success:active{background:#047857;border-color:#047857;transform:translateY(0)}.btn-warning{background:var(--warning);color:var(--background);border-color:var(--warning);box-shadow:0 1px 2px #0000000d}.btn-warning:hover{background:#d97706;border-color:#d97706;box-shadow:0 4px 8px -2px #f59e0b33;transform:translateY(-1px)}.btn-warning:active{background:#b45309;border-color:#b45309;transform:translateY(0)}.btn-danger{background:var(--danger);color:var(--background);border-color:var(--danger);box-shadow:0 1px 2px #0000000d}.btn-danger:hover{background:#dc2626;border-color:#dc2626;box-shadow:0 4px 8px -2px #ef444433;transform:translateY(-1px)}.btn-danger:active{background:#b91c1c;border-color:#b91c1c;transform:translateY(0)}.btn-outline{background:transparent;border-width:1px}.btn-outline-primary{color:var(--primary);border-color:var(--primary)}.btn-outline-primary:hover{background:var(--primary-gradient);color:var(--background);box-shadow:0 2px 4px -1px rgba(var(--primary-rgb),.2);transform:translateY(-1px)}.btn-outline-secondary{color:var(--text-primary);border-color:var(--border)}.btn-outline-secondary:hover{background:var(--text-secondary);color:var(--background);border-color:var(--text-secondary);transform:translateY(-1px)}.btn-outline-danger{color:var(--danger);border-color:var(--danger)}.btn-outline-danger:hover{background:var(--danger);color:var(--background);box-shadow:0 2px 4px -1px #ef444433;transform:translateY(-1px)}.btn-ghost{background:transparent;border-color:transparent;box-shadow:none}.btn-ghost:hover{background:var(--background-secondary);transform:translateY(-1px)}.btn-ghost-primary{color:var(--primary)}.btn-ghost-primary:hover{background:rgba(var(--primary-rgb),.1);color:var(--primary-dark)}.btn-ghost-danger{color:var(--danger)}.btn-ghost-danger:hover{background:#ef44441a;color:#dc2626}.btn-icon{width:2.5rem;height:2.5rem;padding:0;border-radius:.5rem;background:transparent;border:1px solid transparent;color:var(--text-secondary);cursor:pointer;transition:all .15s cubic-bezier(.4,0,.2,1);display:inline-flex;align-items:center;justify-content:center;position:relative}.btn-icon:hover{background:var(--background-secondary);color:var(--text-primary);transform:translateY(-1px);box-shadow:0 2px 4px -1px #0000001a}.btn-icon-xs{width:1.75rem;height:1.75rem;font-size:.75rem}.btn-icon-sm{width:2rem;height:2rem;font-size:.8125rem}.btn-icon-lg{width:3rem;height:3rem;font-size:1.125rem}.btn-icon-primary{color:var(--primary);background:rgba(var(--primary-rgb),.1)}.btn-icon-primary:hover{background:rgba(var(--primary-rgb),.15);color:var(--primary-dark)}.btn-icon-success{color:var(--success);background:#10b9811a}.btn-icon-success:hover{background:#10b98126;color:#059669}.btn-icon-danger{color:var(--danger);background:#ef44441a}.btn-icon-danger:hover{background:#ef444426;color:#dc2626}.btn-icon-warning{color:var(--warning);background:#f59e0b1a}.btn-icon-warning:hover{background:#f59e0b26;color:#d97706}.btn-text{background:transparent;border:none;padding:.5rem;height:auto;min-width:auto;color:var(--text-primary);font-weight:500;box-shadow:none}.btn-text:hover{color:var(--primary);background:rgba(var(--primary-rgb),.05);transform:none}.btn-group{display:inline-flex;border-radius:.5rem;overflow:hidden;box-shadow:0 1px 2px #0000000d}.btn-group .btn{border-radius:0;border-right-width:0;box-shadow:none}.btn-group .btn:first-child{border-top-left-radius:.5rem;border-bottom-left-radius:.5rem}.btn-group .btn:last-child{border-top-right-radius:.5rem;border-bottom-right-radius:.5rem;border-right-width:1px}.btn-group .btn:not(:last-child):not(:first-child){border-radius:0}.btn-loading{position:relative;color:transparent;pointer-events:none}.btn-loading:after{content:"";position:absolute;width:1rem;height:1rem;top:50%;left:50%;margin-left:-.5rem;margin-top:-.5rem;border:2px solid var(--text-primary);border-radius:50%;border-top-color:transparent;animation:button-spinner .6s linear infinite}@keyframes button-spinner{to{transform:rotate(360deg)}}.btn-block{width:100%;justify-content:center}.btn svg,.btn-icon svg{width:1em;height:1em;fill:currentColor}[data-theme=dark] .btn-primary:hover{box-shadow:0 4px 8px -2px rgba(var(--primary-rgb),.3)}[data-theme=dark] .btn-secondary{background:var(--surface);border-color:var(--border)}[data-theme=dark] .btn-secondary:hover{background:var(--surface-hover);border-color:var(--border-light)}[data-theme=dark] .btn-ghost:hover{background:var(--surface)}[data-theme=dark] .btn-icon:hover{background:var(--surface);box-shadow:var(--shadow)}@media (max-width: 640px){.btn-group{flex-direction:column;width:100%}.btn-group .btn{border-radius:0;border-right-width:1px;border-bottom-width:0}.btn-group .btn:first-child{border-radius:.5rem .5rem 0 0}.btn-group .btn:last-child{border-radius:0 0 .5rem .5rem;border-bottom-width:1px}}.card{all:unset;box-sizing:border-box;font-family:inherit;display:block;background:var(--surface);border-radius:var(--border-radius);box-shadow:var(--shadow);border:1px solid var(--border);overflow:hidden;transition:var(--transition);position:relative}.card:hover{transform:translateY(-2px);box-shadow:var(--shadow-hover)}.stat-card{background:var(--surface);border-radius:var(--border-radius);padding:1.5rem;box-shadow:var(--shadow);border:1px solid var(--border);position:relative;overflow:hidden;transition:var(--transition);min-height:140px}.stat-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-hover)}.stat-content{position:relative;z-index:2;padding-right:80px;display:flex;flex-direction:column;justify-content:center;height:100%}.stat-number{font-size:2.25rem;font-weight:700;color:var(--text-primary);margin-bottom:.5rem}.stat-label{font-size:.875rem;font-weight:600;color:var(--text-secondary);margin-bottom:.25rem}.stat-meta{font-size:.75rem;color:var(--text-tertiary);display:flex;align-items:center;gap:.25rem}.stat-icon{position:absolute;top:1.5rem;right:1.5rem;width:60px;height:60px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:var(--background);z-index:1}.stat-icon.connections{background:#6366f1}.stat-icon.active{background:#10b981}.stat-icon.api{background:#06b6d4}.stat-icon.database{background:#ec4899}.stat-icon.revenue{background:#22c55e}.stat-icon.executions{background:#3b82f6}.stat-icon.data{background:#f97316}.stat-icon.time{background:#14b8a6}.stat-card.success .stat-icon{background:#10b981}.stat-card.primary .stat-icon{background:#6366f1}.stat-card.warning .stat-icon{background:#f59e0b}.stat-card.danger .stat-icon{background:#ef4444}.content-card{background:var(--surface);border-radius:var(--border-radius);box-shadow:var(--shadow);border:1px solid var(--border);overflow:hidden;transition:var(--transition)}.content-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-hover)}.content-card-header{padding:1.5rem;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between}.content-card-title{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin:0;display:flex;align-items:center;gap:.5rem}.content-card-title i{color:var(--primary)}.content-card-body{padding:1.5rem}.content-card-body.no-padding{padding:0}.connection-card{background:var(--surface);border-radius:var(--border-radius);box-shadow:var(--shadow);border:1px solid var(--border);overflow:hidden;transition:var(--transition)}.connection-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-hover)}.connection-header{padding:1.5rem;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between}.connection-info{flex:1}.connection-name{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin:0 0 .25rem}.connection-type{background:rgba(var(--primary-rgb),.1);color:var(--primary);padding:.25rem .75rem;border-radius:20px;font-size:.75rem;font-weight:500;text-transform:uppercase}.connection-body{padding:1.5rem}.connection-description{color:var(--text-secondary);font-size:.875rem;line-height:1.5;margin:0 0 1rem}.stats-grid{display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:1.5rem;margin-bottom:2rem;width:100%;box-sizing:border-box}.cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1.5rem}.cards-grid.compact{gap:1rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.card.clickable{cursor:pointer}.card.clickable:hover{transform:translateY(-2px);box-shadow:var(--shadow-hover)}.card.clickable:active{transform:translateY(0);box-shadow:var(--shadow)}.card.loading{position:relative;overflow:hidden}.card.loading:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(var(--text-primary-rgb, 255, 255, 255),.4),transparent);animation:loading-shimmer 1.5s infinite}@keyframes loading-shimmer{0%{left:-100%}to{left:100%}}.status-badge{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .75rem;border-radius:20px;font-size:.75rem;font-weight:500;text-transform:uppercase}.status-badge.active{background:#10b9811a;color:var(--success)}.status-badge.inactive{background:var(--background-tertiary);color:var(--text-secondary)}.status-badge.error{background:#ef44441a;color:var(--danger)}@media (max-width: 1024px){.stats-grid{grid-template-columns:repeat(2,1fr)!important}.cards-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}}@media (max-width: 768px){.stats-grid{grid-template-columns:1fr!important;gap:1rem}.cards-grid{grid-template-columns:1fr}.stat-card,.content-card,.connection-card{border-radius:8px}.stat-card{padding:1rem;min-height:120px}.content-card-body,.connection-body{padding:1rem}.stat-icon{width:48px;height:48px;font-size:1.25rem}.connection-icon{width:40px;height:40px;font-size:1rem}}@media (prefers-contrast: high){.card,.stat-card,.content-card,.connection-card{border-width:2px;border-color:var(--text-primary)}}@media (prefers-reduced-motion: reduce){.card,.stat-card,.content-card,.connection-card{transition:none}.card:hover,.stat-card:hover,.content-card:hover,.connection-card:hover{transform:none}.card.loading:after{animation:none}}.sn-node{width:56px;height:56px;display:flex;align-items:center;justify-content:center;background:transparent!important}.sn-node,.sn-node:hover,.sn-node:active,.sn-node:focus{background:transparent!important;border:none!important;box-shadow:none!important;outline:none!important}.sn-card{width:56px;height:56px;background:var(--surface);border:1px solid var(--border);border-radius:14px;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow);transition:box-shadow .2s ease,border-color .2s ease;position:relative}.sn-node:hover .sn-card{box-shadow:var(--shadow-hover);border-color:var(--border-light)}.sn-node.sn-selected .sn-card{border-color:var(--primary);box-shadow:0 0 0 3px rgba(var(--primary-rgb),.2),var(--shadow)}.sn-node.sn-multi-selected .sn-card{border-color:var(--primary);border-style:dashed;box-shadow:0 0 0 3px rgba(var(--primary-rgb),.3),0 0 12px rgba(var(--primary-rgb),.15),var(--shadow)}.sn-icon{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;color:var(--background);font-size:18px}.sn-labels{position:absolute;top:100%;left:50%;transform:translate(-50%);padding-top:6px;text-align:center;pointer-events:none;width:120px}.sn-name{font-size:12px;font-weight:600;color:var(--text-primary);margin-bottom:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sn-type{font-size:10px;color:var(--text-tertiary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sn-dot{position:absolute;width:10px;height:10px;border-radius:50%;border:2px solid var(--surface);box-shadow:0 1px 3px #00000026;cursor:pointer;z-index:501;transition:all .15s ease;top:50%;transform:translateY(-50%)}.sn-node:hover .sn-dot{width:14px;height:14px}.sn-node:hover .sn-dot-in{left:-7px}.sn-node:hover .sn-dot-out{right:-7px}.sn-node:hover .sn-dot-decision{width:16px;height:16px;right:-8px}.sn-node:hover .sn-dot-default{right:-8px}.sn-dot:before{content:"";position:absolute;top:50%;left:50%;width:28px;height:28px;transform:translate(-50%,-50%);border-radius:50%}.sn-dot:hover{transform:translateY(-50%) scale(1.3);box-shadow:0 0 0 3px rgba(var(--primary-rgb),.25),0 1px 3px #00000026}.sn-dot-in{left:-5px;background:var(--success)}.sn-dot-out{right:-5px;background:var(--primary-gradient)}.sn-dot-decision{right:-6px;width:12px;height:12px}.sn-dot-default{right:-6px;background:var(--text-tertiary)}.sn-output-label{position:absolute;bottom:-20px;left:50%;transform:translate(-50%);font-size:10px;white-space:nowrap;background:#000c;color:#fff;padding:2px 6px;border-radius:3px;pointer-events:none;opacity:0;transition:opacity .2s}.sn-delete-btn{position:absolute;top:-12px;right:-12px;width:24px;height:24px;background:linear-gradient(135deg,#ff4757,#ff3742);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:1001;border:2px solid var(--surface);box-shadow:0 2px 8px #ff475766;transition:all .2s ease;color:#fff;font-size:14px}.sn-delete-btn:hover{transform:scale(1.15);box-shadow:0 4px 12px #ff475799}.sn-subflow-open{position:absolute;bottom:-6px;left:-6px;width:20px;height:20px;background:#00897b;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:1001;border:2px solid var(--surface);box-shadow:0 2px 6px #00897b66;transition:all .2s ease}.sn-subflow-open:hover{transform:scale(1.2);box-shadow:0 3px 10px #00897b99}:root{--primary: #3B82F6;--primary-rgb: 59, 130, 246;--primary-light: #60A5FA;--primary-dark: #2563EB;--primary-gradient: linear-gradient(135deg, #3B82F6, #06B6D4);--secondary: #06B6D4;--accent: #0891B2;--success: #10b981;--success-rgb: 16, 185, 129;--danger: #ef4444;--danger-rgb: 239, 68, 68;--warning: #f59e0b;--warning-rgb: 245, 158, 11;--info: #3b82f6;--info-rgb: 59, 130, 246;--background: #ffffff;--background-secondary: #f8fafc;--background-tertiary: #f1f5f9;--surface: #ffffff;--surface-hover: #f8fafc;--border: #e2e8f0;--border-light: #f1f5f9;--text-primary: #1e293b;--text-secondary: #64748b;--text-tertiary: #94a3b8;--shadow: 0 2px 8px rgba(0, 0, 0, .1);--shadow-hover: 0 8px 25px rgba(0, 0, 0, .15);--gray-100: #f7fafc;--gray-200: #edf2f7;--gray-300: #e2e8f0;--gray-400: #cbd5e0;--gray-500: #a0aec0;--gray-600: #718096;--gray-700: #4a5568;--gray-800: #2d3748;--gray-900: #1a202c;--border-radius: 12px;--border-radius-sm: 8px;--border-radius-lg: 16px;--transition: all .2s cubic-bezier(.4, 0, .2, 1)}[data-theme=dark]{--background: #0a0f1e;--background-secondary: #0f172a;--background-tertiary: #1e293b;--surface: #141c2e;--surface-hover: #1e293b;--border: #1e293b;--border-light: #334155;--text-primary: #f1f5f9;--text-secondary: #cbd5e1;--text-tertiary: #94a3b8;--shadow: 0 2px 8px rgba(0, 0, 0, .3);--shadow-hover: 0 8px 25px rgba(0, 0, 0, .4);--gray-100: #334155;--gray-200: #475569;--gray-300: #64748b;--gray-400: #94a3b8;--gray-500: #cbd5e1;--gray-600: #e2e8f0;--gray-700: #f1f5f9;--gray-800: #f8fafc;--gray-900: #ffffff}*{margin:0;padding:0;box-sizing:border-box;scrollbar-width:thin;scrollbar-color:var(--border-light) transparent}*::-webkit-scrollbar{width:6px;height:6px}*::-webkit-scrollbar-track{background:transparent}*::-webkit-scrollbar-thumb{background:var(--border-light);border-radius:3px}*::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;background-color:var(--background);color:var(--text-primary);line-height:1.5;width:100vw;max-width:none;overflow-x:hidden;transition:background-color .3s ease,color .3s ease}html{width:100vw!important;max-width:none!important;overflow-x:hidden!important}input,select,textarea,.form-control,.form-select{background-color:var(--surface);color:var(--text-primary);border:1px solid var(--border);transition:var(--transition)}[data-theme=dark] input,[data-theme=dark] select,[data-theme=dark] textarea,[data-theme=dark] .form-control,[data-theme=dark] .form-select{background-color:var(--background-tertiary);color:var(--text-primary);border-color:var(--border)}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active,select:-webkit-autofill,select:-webkit-autofill:hover,select:-webkit-autofill:focus,textarea:-webkit-autofill,textarea:-webkit-autofill:hover,textarea:-webkit-autofill:focus{transition:background-color 5000s ease-in-out 0s;-webkit-text-fill-color:var(--text-primary)}input:-webkit-autofill,select:-webkit-autofill,textarea:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px var(--surface) inset;box-shadow:0 0 0 1000px var(--surface) inset}[data-theme=dark] input:-webkit-autofill,[data-theme=dark] select:-webkit-autofill,[data-theme=dark] textarea:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px var(--background-tertiary) inset;box-shadow:0 0 0 1000px var(--background-tertiary) inset}.sb-layout{display:flex;min-height:100vh;width:100%}.sb-sidebar{width:72px;height:100vh;position:fixed;top:0;left:0;z-index:1000;background:var(--surface);border-right:1px solid var(--border);display:flex;flex-direction:column;overflow:hidden;transition:width .25s cubic-bezier(.4,0,.2,1),background-color .3s ease,border-color .3s ease}.sb-open .sb-sidebar{width:260px}.sb-header{height:64px;min-height:64px;padding:0 14px;display:flex;align-items:center;gap:12px;border-bottom:1px solid var(--border);flex-shrink:0;overflow:hidden}.sb-logo-icon{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:44px;height:44px}.sb-brand{font-size:1.15rem;font-weight:700;color:var(--primary);white-space:nowrap;opacity:0;transition:opacity .2s ease .05s}.sb-open .sb-brand{opacity:1}.sb-nav{flex:1;overflow-y:auto;overflow-x:hidden;padding:8px 0;scrollbar-width:thin;scrollbar-color:var(--border) transparent}.sb-nav::-webkit-scrollbar{width:3px}.sb-nav::-webkit-scrollbar-track{background:transparent}.sb-nav::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.sb-section{margin-bottom:2px}.sb-section+.sb-section{margin-top:6px;padding-top:6px;position:relative}.sb-section+.sb-section:before{content:"";position:absolute;top:0;left:16px;right:16px;height:1px;background:var(--border)}.sb-section-label{font-size:.65rem;font-weight:600;text-transform:uppercase;letter-spacing:1.2px;color:var(--text-tertiary);padding:8px 24px 4px;white-space:nowrap;overflow:hidden;opacity:0;max-height:0;transition:opacity .2s ease,max-height .2s ease}.sb-open .sb-section-label{opacity:1;max-height:30px}.sb-item{display:flex;align-items:center;justify-content:center;height:44px;margin:2px 14px;border-radius:10px;color:var(--text-secondary);text-decoration:none;position:relative;transition:background .15s ease,color .15s ease;cursor:pointer;overflow:visible;padding:0}.sb-open .sb-item{justify-content:flex-start;padding:0 12px;gap:12px}.sb-item:hover{background:var(--surface-hover);color:var(--text-primary)}.sb-item.sb-active{background:rgba(var(--primary-rgb),.1);color:var(--primary)}.sb-item.sb-active .sb-item-icon{color:var(--primary)}.sb-item-icon{font-size:1.15rem;width:20px;text-align:center;flex-shrink:0;transition:color .15s ease}.sb-item-text{font-size:.88rem;font-weight:500;white-space:nowrap;overflow:hidden;opacity:0;width:0;transition:opacity .15s ease}.sb-open .sb-item-text{opacity:1;width:auto}.sb-item[data-tip]:after{content:attr(data-tip);position:absolute;left:calc(100% + 14px);top:50%;transform:translateY(-50%);background:var(--text-primary);color:var(--background);padding:6px 12px;border-radius:8px;font-size:.8rem;font-weight:500;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .15s ease;z-index:9999;box-shadow:var(--shadow)}.sb-item[data-tip]:hover:after{opacity:1}.sb-open .sb-item[data-tip]:after{display:none}.sb-footer{border-top:1px solid var(--border);padding:12px;display:flex;flex-direction:column;align-items:center;gap:8px;flex-shrink:0}.sb-mode-toggle{width:100%;display:flex;justify-content:center}.sb-toggle{width:36px;height:36px;border-radius:8px;border:1px solid var(--border);background:var(--background);color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:.8rem;transition:all .15s ease}.sb-toggle:hover{background:var(--surface-hover);color:var(--text-primary)}.sb-main{flex:1;display:flex;flex-direction:column;min-height:100vh;overflow-x:hidden;margin-left:72px;width:calc(100% - 72px);max-width:100%;transition:margin-left .25s cubic-bezier(.4,0,.2,1),width .25s cubic-bezier(.4,0,.2,1)}.sb-open .sb-main{margin-left:260px;width:calc(100% - 260px)}.page-content{flex:1;display:flex;flex-direction:column;padding:0;overflow-y:auto;overflow-x:hidden;width:100%;max-width:100%;background-color:var(--background-secondary);transition:background-color .3s ease}.page-content>*{max-width:none;width:100%}.animate-fadeIn{opacity:1;transform:none}.nb-bar{height:56px;min-height:56px;padding:0 1.25rem;background:var(--surface);border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;flex-shrink:0;transition:background-color .3s ease,border-color .3s ease}.nb-left{display:flex;align-items:center;gap:.75rem}.nb-menu-btn{display:none;width:36px;height:36px;border-radius:8px;border:none;background:transparent;color:var(--text-secondary);cursor:pointer;align-items:center;justify-content:center;font-size:1rem}.nb-menu-btn:hover{background:var(--surface-hover);color:var(--text-primary)}.nb-title{font-size:1.1rem;font-weight:600;color:var(--text-primary);margin:0}.nb-right{display:flex;align-items:center;gap:1rem}.nb-user{position:relative}.nb-user-btn{display:flex;align-items:center;background:var(--surface);border:1px solid var(--border);border-radius:50px;padding:5px 14px 5px 5px;color:var(--text-primary);cursor:pointer;transition:all .15s ease}.nb-user-btn:hover{background:var(--surface-hover);box-shadow:var(--shadow)}.nb-avatar{width:34px;height:34px;border-radius:50%;background:var(--primary-gradient);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:.8rem;margin-right:10px;flex-shrink:0}.nb-user-info{display:flex;flex-direction:column;text-align:left;min-width:0}.nb-user-name{font-weight:600;font-size:.85rem;line-height:1.2;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nb-user-role{font-size:.7rem;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.5px;font-weight:500}.nb-arrow{margin-left:8px;font-size:.7rem;color:var(--text-tertiary);transition:transform .2s ease}.nb-user-open .nb-arrow{transform:rotate(180deg)}.nb-dropdown{position:absolute;top:calc(100% + 8px);right:0;min-width:300px;background:var(--surface);border:1px solid var(--border);border-radius:16px;box-shadow:var(--shadow-hover);z-index:1001;padding:8px;animation:nbFadeIn .12s ease-out}@keyframes nbFadeIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.nb-dropdown-profile{display:flex;align-items:center;padding:16px;background:var(--primary-gradient);border-radius:12px;margin-bottom:4px}.nb-avatar-lg{width:44px;height:44px;border-radius:50%;background:#fff3;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:1.1rem;margin-right:14px;flex-shrink:0;border:2px solid rgba(255,255,255,.3)}.nb-dropdown-details{flex:1;min-width:0}.nb-dropdown-name{font-weight:600;font-size:.95rem;color:#fff;margin-bottom:2px}.nb-dropdown-email{font-size:.8rem;color:#ffffffd9;margin-bottom:6px}.nb-role-badge{display:inline-block;background:#fff3;color:#fff;padding:2px 8px;border-radius:10px;font-size:.65rem;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.nb-role-super-admin{background-color:#ef44444d}.nb-role-company-admin{background-color:#f59e0b4d}.nb-role-user{background-color:#10b9814d}.nb-dropdown-sep{height:1px;background:var(--border);margin:4px 8px}.nb-dropdown-info{display:flex;align-items:center;gap:10px;padding:10px 14px;font-size:.85rem;color:var(--text-secondary)}.nb-dropdown-info i{width:16px;text-align:center;color:var(--text-tertiary)}.nb-dropdown-info span{font-weight:500;color:var(--text-primary)}.nb-dropdown-item{display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:10px;font-size:.85rem;color:var(--text-primary);text-decoration:none;cursor:pointer;transition:all .12s ease;border:none;background:none;width:100%}.nb-dropdown-item:hover{background:rgba(var(--primary-rgb),.08);color:var(--primary)}.nb-dropdown-item i{width:16px;text-align:center;opacity:.6;font-size:.85rem}.nb-dropdown-danger{color:var(--danger)}.nb-dropdown-danger:hover{background:#ef444414;color:var(--danger)}.nb-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:999}.nb-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:2000}.nb-modal{background:var(--surface);border-radius:14px;border:1px solid var(--border);box-shadow:var(--shadow-hover);width:400px;max-width:90vw}.nb-modal-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--border)}.nb-modal-header h3{margin:0;font-size:15px;font-weight:600;color:var(--text-primary);display:flex;align-items:center;gap:8px}.nb-modal-close{background:none;border:none;color:var(--text-tertiary);cursor:pointer;padding:4px 8px;border-radius:6px;font-size:14px}.nb-modal-close:hover{background:var(--surface-hover);color:var(--text-primary)}.nb-modal-body{padding:20px}.nb-modal-label{display:block;font-size:12px;font-weight:600;color:var(--text-secondary);margin-bottom:6px;text-transform:uppercase;letter-spacing:.5px}.nb-modal-input{width:100%;padding:10px 12px;border:1px solid var(--border);border-radius:8px;background:var(--background);color:var(--text-primary);font-size:14px;margin-bottom:14px;outline:none;box-sizing:border-box}.nb-modal-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px rgba(var(--primary-rgb),.15)}.nb-modal-error{background:rgba(var(--primary-rgb),.05);border:1px solid var(--danger);color:var(--danger);padding:8px 12px;border-radius:8px;font-size:13px;margin-bottom:14px}.nb-modal-footer{display:flex;justify-content:flex-end;gap:8px;padding:14px 20px;border-top:1px solid var(--border)}.nb-modal-btn{padding:8px 18px;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;border:none;display:flex;align-items:center;gap:6px}.nb-modal-btn-cancel{background:var(--surface-hover);color:var(--text-secondary)}.nb-modal-btn-cancel:hover{background:var(--border)}.nb-modal-btn-confirm{background:var(--primary);color:#fff}.nb-modal-btn-confirm:hover{opacity:.9}.nb-modal-btn-confirm:disabled{opacity:.6;cursor:not-allowed}.card{background:var(--surface);border-radius:12px;box-shadow:var(--shadow);border:1px solid var(--border);overflow:hidden;transition:all .3s ease}.card:hover{box-shadow:var(--shadow-hover);transform:translateY(-2px)}.card-header{padding:1rem 1.5rem;background:var(--background-tertiary);border-bottom:1px solid var(--border);font-weight:600;color:var(--text-primary)}.card-body{padding:1.5rem}.grid{display:grid;gap:1.5rem}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}@media (max-width: 1024px){.grid-4{grid-template-columns:repeat(2,1fr)}.grid-6{grid-template-columns:repeat(3,1fr)}}@media (max-width: 768px){.grid-3,.grid-4,.grid-6{grid-template-columns:1fr}}.text-center{text-align:center}.text-right{text-align:right}.text-left{text-align:left}.text-primary{color:var(--primary)}.text-success{color:var(--success)}.text-danger{color:var(--danger)}.text-warning{color:var(--warning)}.text-muted{color:var(--gray-600)}.mb-0{margin-bottom:0}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:1rem}.mb-4{margin-bottom:1.5rem}.mb-5{margin-bottom:3rem}.mt-0{margin-top:0}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:1rem}.mt-4{margin-top:1.5rem}.mt-5{margin-top:3rem}.me-2{margin-right:.5rem}.spinner{width:20px;height:20px;border:2px solid #f3f3f3;border-top:2px solid var(--primary);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.form-group{margin-bottom:1rem}.form-label{display:block;margin-bottom:.5rem;font-weight:500;color:var(--text-primary)}.form-control{display:block;width:100%;padding:.5rem .75rem;font-size:1rem;font-weight:400;line-height:1.5;color:var(--text-primary);background-color:var(--surface);background-image:none;border:1px solid var(--border);border-radius:.375rem;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out,background-color .3s ease}.form-control:focus{color:var(--text-primary);background-color:var(--surface);border-color:var(--primary);outline:0;box-shadow:0 0 0 .2rem rgba(var(--primary-rgb),.25)}.table{width:100%;margin-bottom:1rem;color:var(--text-primary);border-collapse:collapse}.table th,.table td{padding:.75rem;vertical-align:top;border-top:1px solid var(--border)}.table thead th{vertical-align:bottom;border-bottom:2px solid var(--border);background-color:var(--background-tertiary);font-weight:600;color:var(--text-primary)}.table tbody tr:hover{background-color:var(--surface-hover)}.badge{display:inline-block;padding:.25em .6em;font-size:.75em;font-weight:700;line-height:1;text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:.375rem}.badge-primary{color:#fff;background-color:var(--primary-gradient)}.badge-success{color:#fff;background-color:var(--success)}.badge-warning{color:#000;background-color:var(--warning)}.badge-danger{color:#fff;background-color:var(--danger)}.badge-info{color:#fff;background-color:var(--info)}.dropdown-divider{height:0;margin:.5rem 0;overflow:hidden;border-top:1px solid var(--border)}.dropdown-item-text{display:block;padding:.25rem 1rem;margin-bottom:0;font-size:.875rem;color:var(--text-secondary);white-space:nowrap}.text-lg{font-size:1.25rem;font-weight:600;color:var(--text-primary)}.sb-flow-designer .sb-main{overflow:hidden}.sb-flow-designer .page-content{padding:0;height:calc(100vh - 56px);overflow:hidden;position:relative}.sb-flow-designer .sb-sidebar{z-index:1050}.sb-flow-designer .nb-bar{z-index:1040}.sb-flow-designer .flow-designer-container,.flow-designer-container{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;background:var(--background-secondary);overflow:hidden;z-index:1}@media (max-width: 768px){.sb-sidebar{transform:translate(-100%);z-index:1050}.sb-open .sb-sidebar{transform:translate(0);width:260px}.sb-main{margin-left:0;width:100%;padding-bottom:64px}.sb-open .sb-main{margin-left:0;width:100%}.sb-mobile-backdrop{display:none}.sb-open .sb-mobile-backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;z-index:1049;animation:sbBackdropIn .2s ease}@keyframes sbBackdropIn{0%{opacity:0}to{opacity:1}}.nb-menu-btn{display:flex;min-width:44px;min-height:44px}.nb-user-info{display:none}.nb-user-btn{padding:5px;min-height:44px}.nb-avatar{margin-right:0}.nb-arrow{display:none}.nb-title{font-size:1rem}.nb-dropdown{position:fixed;top:auto;bottom:0;left:0;right:0;min-width:100%;border-radius:16px 16px 0 0;max-height:70vh;overflow-y:auto;animation:nbSlideUp .2s ease-out}@keyframes nbSlideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.nb-backdrop{z-index:1000}.nb-user{z-index:1001}.sb-item{min-height:44px}.sb-toggle{min-width:44px;min-height:44px}.nb-dropdown-item{min-height:44px;padding:12px 16px}.page-content{min-height:calc(100vh - 120px)}}.sb-bottom-nav{display:none}@media (max-width: 768px){.sb-bottom-nav{display:flex;position:fixed;bottom:0;left:0;right:0;height:64px;background:var(--surface);border-top:1px solid var(--border);z-index:1048;justify-content:space-around;align-items:center;padding:0 4px;padding-bottom:env(safe-area-inset-bottom,0px);transition:background-color .3s ease,border-color .3s ease}.sb-bottom-nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;height:100%;text-decoration:none;color:var(--text-tertiary);font-size:.65rem;font-weight:500;gap:3px;transition:color .15s ease;-webkit-tap-highlight-color:transparent;position:relative;border:none;background:none;cursor:pointer;padding:0}.sb-bottom-nav-item i{font-size:1.2rem;transition:color .15s ease}.sb-bottom-nav-item.sb-bnav-active{color:var(--primary)}.sb-bottom-nav-item.sb-bnav-active:before{content:"";position:absolute;top:0;left:25%;right:25%;height:3px;background:var(--primary);border-radius:0 0 3px 3px}.sb-flow-designer .sb-bottom-nav{display:none}.sb-flow-designer .sb-main{padding-bottom:0}}@media (min-width: 769px){.sb-mobile-backdrop{display:none!important}}.login-page{width:100vw!important;height:100vh!important;max-width:none!important;margin:0!important;padding:0!important;position:fixed!important;top:0!important;left:0!important;z-index:9999!important;overflow:hidden!important}.login-page .login-container{max-width:400px!important;width:100%!important;margin:0 auto!important}body:has(.login-page){overflow:hidden!important;width:100vw!important;height:100vh!important}.login-page *{max-width:none!important}