@import"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap";.toast-container{position:fixed;top:72px;right:16px;z-index:var(--z-toast);display:flex;flex-direction:column;gap:8px;max-width:400px;pointer-events:none}.toast{display:flex;align-items:flex-start;gap:12px;padding:12px 16px;background:var(--bg-primary, var(--text-primary));border-radius:8px;box-shadow:0 4px 12px var(--shadow-overlay-lg),0 0 0 1px var(--shadow-overlay-xs);pointer-events:auto;cursor:pointer;min-width:280px;max-width:400px;transition:all .2s ease}.toast:hover{box-shadow:0 6px 16px var(--shadow-overlay-lg),0 0 0 1px var(--shadow-overlay-sm)}.toast-enter{animation:toastSlideIn .2s ease forwards}.toast-exit{animation:toastSlideOut .2s ease forwards}@keyframes toastSlideIn{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes toastSlideOut{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(100%)}}.toast-icon{flex-shrink:0;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center}.toast-content{flex:1;min-width:0}.toast-message{font-size:14px;font-weight:500;color:var(--text-primary, var(--bg-surface));line-height:1.4;word-break:break-word}.toast-actions{display:flex;gap:8px;margin-top:8px}.toast-action-btn{padding:4px 12px;font-size:12px;font-weight:600;border:none;border-radius:4px;cursor:pointer;transition:all .15s ease;background:var(--overlay-light);color:var(--text-primary, var(--bg-surface))}.toast-action-btn:hover{background:var(--overlay-medium)}.toast-close{flex-shrink:0;width:20px;height:20px;border:none;background:transparent;border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text-secondary, var(--text-secondary));transition:all .15s ease;opacity:.6}.toast-close:hover{opacity:1;background:var(--overlay-light)}.toast-success{border-left:4px solid var(--color-success)}.toast-success .toast-icon{background:var(--color-success-light);color:var(--color-success)}.toast-error{border-left:4px solid var(--color-danger)}.toast-error .toast-icon{background:var(--color-danger-light);color:var(--color-danger)}.toast-warning{border-left:4px solid var(--color-warning)}.toast-warning .toast-icon{background:var(--color-warning-light);color:var(--color-warning)}.toast-info{border-left:4px solid var(--color-primary)}.toast-info .toast-icon{background:var(--color-primary-light);color:var(--color-primary)}.dark .toast{background:var(--bg-surface);box-shadow:0 4px 12px var(--shadow-overlay-dark),0 0 0 1px #ffffff1a}.dark .toast-message{color:var(--text-primary)}.dark .toast-close{color:var(--text-muted)}.dark .toast-action-btn{background:#ffffff1a;color:var(--text-primary)}.dark .toast-action-btn:hover{background:#ffffff26}@media (max-width: 480px){.toast-container{left:16px;right:16px;max-width:none}.toast{min-width:auto;max-width:none}}.subscription-modal-overlay{--modal-bg: rgba(255, 255, 255, .7);--modal-text-primary: var(--bg-surface);--modal-text-secondary: var(--border-color);--modal-border: rgba(15, 23, 42, .1);--modal-card-bg: rgba(255, 255, 255, .6);--modal-accent: var(--color-primary);--modal-glass-blur: 24px;position:fixed;inset:0;z-index:var(--z-modal-backdrop);display:flex;align-items:center;justify-content:center;background:var(--overlay-medium);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);animation:fadeIn .3s ease-out;font-family:Plus Jakarta Sans,sans-serif}.subscription-modal-overlay.theme-dark{--modal-bg: rgba(15, 23, 42, .85);--modal-text-primary: var(--text-primary);--modal-text-secondary: var(--border-color);--modal-border: rgba(255, 255, 255, .12);--modal-card-bg: rgba(30, 41, 59, .6);--modal-accent: var(--color-primary-light);--modal-glass-blur: 32px;background:var(--overlay-dark)}.subscription-modal{background:var(--modal-bg);backdrop-filter:blur(var(--modal-glass-blur));-webkit-backdrop-filter:blur(var(--modal-glass-blur));border:1px solid var(--modal-border);border-radius:32px;width:90%;max-width:980px;max-height:90vh;overflow-y:auto;box-shadow:0 4px 6px -1px var(--shadow-overlay-light),0 20px 25px -5px var(--shadow-overlay-light),inset 0 0 0 1px #ffffff1a;position:relative;padding:64px 48px;display:flex;flex-direction:column;align-items:center;animation:modalScaleUp .4s cubic-bezier(.16,1,.3,1);color:var(--modal-text-primary)}.modal-close-btn{position:absolute;top:28px;right:28px;background:#ffffff1a;border:1px solid var(--modal-border);border-radius:14px;width:44px;height:44px;font-size:24px;cursor:pointer;color:var(--modal-text-primary);display:flex;align-items:center;justify-content:center;transition:all .2s cubic-bezier(.4,0,.2,1);backdrop-filter:blur(8px)}.modal-close-btn:hover{background:#fff3;transform:rotate(90deg) scale(1.1)}.modal-header{text-align:center;max-width:680px;margin-bottom:56px}.modal-title{font-size:2.75rem;font-weight:800;margin-bottom:16px;color:var(--modal-text-primary);letter-spacing:-.03em;line-height:1.1}.modal-subtitle{font-size:1.125rem;color:var(--modal-text-secondary);line-height:1.6;opacity:.9}.pricing-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:32px;width:100%}.pricing-card{background:var(--modal-card-bg);border-radius:28px;padding:40px;border:1px solid var(--modal-border);display:flex;flex-direction:column;transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer;position:relative;overflow:hidden}.pricing-card:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at top right,var(--color-primary-shadow-subtle),transparent);pointer-events:none}.pricing-card:hover{transform:translateY(-8px);border-color:var(--modal-accent);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.pricing-card.selected{border:2px solid var(--modal-accent);background:var(--modal-bg);box-shadow:0 0 0 4px var(--color-primary-shadow-light)}.pricing-badge{position:absolute;top:20px;right:20px;background:linear-gradient(135deg,var(--color-success),var(--color-success));color:var(--text-inverse);font-size:.75rem;font-weight:700;padding:6px 14px;border-radius:99px;text-transform:uppercase;letter-spacing:.05em;box-shadow:0 4px 12px var(--color-success-shadow-dark)}.plan-name{font-size:1.5rem;font-weight:700;color:var(--modal-text-primary);margin-bottom:8px}.plan-price-row{display:flex;align-items:baseline;margin-bottom:24px}.plan-price{font-size:3.5rem;font-weight:800;color:var(--modal-text-primary);letter-spacing:-.04em}.plan-period{font-size:1.25rem;color:var(--modal-text-secondary);font-weight:500;margin-left:6px}.pricing-features{list-style:none;padding:0;margin:0 0 40px;display:flex;flex-direction:column;gap:16px;flex-grow:1}.feature-item{display:flex;align-items:center;gap:12px;color:var(--modal-text-secondary);font-size:1rem;font-weight:500}.check-icon{color:var(--color-success);font-size:1.25rem;filter:drop-shadow(0 0 8px rgba(16,185,129,.2))}.modal-cta-btn{width:100%;padding:18px;border-radius:18px;border:none;font-weight:700;font-size:1.125rem;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);margin-top:auto}.modal-cta-btn.primary{background:linear-gradient(135deg,var(--color-primary),var(--color-purple));color:var(--text-inverse);box-shadow:0 8px 20px var(--color-primary-shadow-heavy)}.modal-cta-btn.secondary{background:#0f172a0d;color:var(--modal-text-primary);border:1px solid var(--modal-border)}.theme-dark .modal-cta-btn.secondary{background:#ffffff0d}.modal-cta-btn:hover{transform:scale(1.02);filter:brightness(1.1)}.modal-cta-btn:active{transform:scale(.98)}@keyframes modalScaleUp{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width: 860px){.pricing-grid{grid-template-columns:1fr}.modal-title{font-size:2.25rem}.subscription-modal{padding:48px 24px}.plan-price{font-size:2.75rem}}.login-container{--lp-bg: var(--bg-primary);--lp-card-bg: rgba(255, 255, 255, .95);--lp-card-border: rgba(15, 23, 42, .12);--lp-accent-blue: var(--color-primary);--lp-accent-indigo: var(--color-purple);--lp-text-primary: var(--text-primary);--lp-text-secondary: var(--text-secondary);--lp-text-muted: var(--text-muted);--lp-glass-blur: 24px;--lp-mesh-opacity: .5;--lp-blob-opacity: .2;min-height:100vh;width:100vw;display:flex;align-items:center;justify-content:center;background-color:var(--lp-bg);font-family:Plus Jakarta Sans,sans-serif;position:relative;overflow:hidden;color:var(--lp-text-primary);transition:background-color .4s ease,color .4s ease}.login-container.theme-dark{--lp-bg: var(--color-gray-900);--lp-card-bg: rgba(15, 23, 42, .95);--lp-card-border: rgba(255, 255, 255, .15);--lp-text-primary: var(--color-gray-100);--lp-text-secondary: var(--color-gray-400);--lp-text-muted: var(--color-gray-500);--lp-glass-blur: 32px;--lp-mesh-opacity: .8;--lp-blob-opacity: .4}.mesh-gradient-bg{position:absolute;inset:0;z-index:0;display:none;background:radial-gradient(at 0% 0%,rgba(59,130,246,.08) 0px,transparent 50%),radial-gradient(at 100% 0%,rgba(99,102,241,.08) 0px,transparent 50%),radial-gradient(at 100% 100%,rgba(16,185,129,.05) 0px,transparent 50%),radial-gradient(at 0% 100%,rgba(244,63,94,.05) 0px,transparent 50%);filter:blur(80px);opacity:var(--lp-mesh-opacity);transition:opacity .6s ease}.noise-overlay{position:absolute;inset:0;z-index:2;opacity:.03;pointer-events:none;background-image:url(/assets/noise.svg);filter:contrast(150%) brightness(100%)}.bg-video-container{position:absolute;inset:0;z-index:1;overflow:hidden;pointer-events:none}.bg-video{width:100%;height:100%;object-fit:cover;object-position:50% 45%;opacity:0;filter:saturate(1.2);transition:opacity 2s ease-in-out}.bg-video.loaded{opacity:.55}.theme-dark .bg-video.loaded{opacity:.65}.bg-video-vignette{position:absolute;inset:0;z-index:2;background:radial-gradient(circle at center,transparent 30%,rgba(0,0,0,.4) 100%);pointer-events:none;transition:background .6s ease}.bg-video-window{position:absolute;inset:0;z-index:3;backdrop-filter:blur(11px);-webkit-backdrop-filter:blur(11px);background:#ffffff05;pointer-events:none}.theme-dark .bg-video-window{background:#02061726}.theme-dark .bg-video-vignette{background:radial-gradient(circle at center,transparent 10%,rgba(2,6,23,.7) 100%)}.glass-blob{position:absolute;width:400px;height:400px;border-radius:50%;filter:blur(100px);z-index:1;display:none;opacity:var(--lp-blob-opacity);animation:float 20s infinite alternate cubic-bezier(.45,0,.55,1);transition:opacity .4s ease}.blob-1{background:var(--lp-accent-blue);top:-100px;left:-100px}.blob-2{background:var(--lp-accent-indigo);bottom:-100px;right:-100px;animation-delay:-5s}@keyframes float{0%{transform:translate(0) scale(1)}to{transform:translate(100px,50px) scale(1.1)}}.login-content-wrapper{position:relative;z-index:10;display:flex;width:100%;max-width:1100px;padding:2rem;gap:4rem;align-items:center;transition:all .6s cubic-bezier(.16,1,.3,1)}.brand-section{flex:1;display:flex;flex-direction:column;gap:3.5rem}.brand-logo{position:absolute;top:2.5rem;left:2.5rem;z-index:100;cursor:pointer;transition:transform .3s ease}.brand-logo:hover{transform:scale(1.05)}.official-logo{height:44px;width:auto;filter:brightness(var(--lp-logo-brightness, 1));transition:filter .4s ease}.theme-light .official-logo{filter:saturate(1.2) contrast(1.1)}.theme-dark .official-logo{filter:brightness(1.1) drop-shadow(0 0 12px rgba(255,255,255,.15))}.hero-typography{display:flex;flex-direction:column;gap:1.25rem}.hero-main-title{font-size:4rem;font-weight:800;line-height:1.1;letter-spacing:-.03em;color:var(--lp-text-primary);transition:all .5s ease}.text-gradient{background:linear-gradient(to right,var(--color-primary),var(--color-purple));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.theme-dark .text-gradient{background-image:linear-gradient(to right,var(--color-primary-light),var(--color-purple))}.login-container .hero-description{font-size:1.125rem;line-height:1.6;color:var(--text-secondary);max-width:460px}.login-container.theme-dark .hero-description{color:var(--color-gray-400)}.hero-stats{display:flex;align-items:center;gap:2rem;transition:all .5s ease}.stat-item{display:flex;flex-direction:column}.stat-value{font-size:2rem;font-weight:800;color:var(--lp-text-primary);line-height:1}.stat-label{font-size:.95rem;font-weight:700;color:var(--lp-text-secondary);text-transform:uppercase;letter-spacing:.1em}.stat-divider{width:1px;height:44px;background:var(--lp-card-border)}.auth-section{width:440px;flex-shrink:0;transition:all .5s ease;margin-right:40px}.auth-glass-card{background:var(--lp-card-bg);backdrop-filter:blur(var(--lp-glass-blur));-webkit-backdrop-filter:blur(var(--lp-glass-blur));border:1px solid var(--lp-card-border);border-radius:28px;padding:3rem;box-shadow:0 25px 60px var(--shadow-overlay-xl);display:flex;flex-direction:column;gap:2.5rem}.auth-card-header h2{font-size:1.75rem;font-weight:800;margin-bottom:.5rem;color:var(--lp-text-primary)}.auth-card-header p{font-size:1rem;font-weight:500;color:var(--lp-text-secondary)}.auth-card-body{display:flex;flex-direction:column;gap:1.5rem}.auth-google-btn{width:100%;height:48px;background:rgba(var(--lp-btn-rgb, 15, 23, 42),.05);border:1px solid var(--lp-card-border);border-radius:12px;display:flex;align-items:center;justify-content:center;gap:.75rem;color:var(--lp-text-primary);font-weight:600;cursor:pointer;transition:all .2s ease}.theme-light .auth-google-btn{--lp-btn-rgb: 15, 23, 42}.theme-dark .auth-google-btn{--lp-btn-rgb: 255, 255, 255}.auth-google-btn:hover{background:#ffffff1a;transform:translateY(-1px)}.auth-divider{display:flex;align-items:center;gap:1rem;color:var(--lp-text-secondary);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:var(--lp-card-border)}.auth-form{display:flex;flex-direction:column;gap:1.25rem}.auth-input-group{display:flex;flex-direction:column;gap:.5rem}.auth-input-group label{font-size:.8125rem;font-weight:600;color:var(--lp-text-primary);opacity:.9}.auth-input-group input{height:48px;background:rgba(var(--lp-input-rgb, 15, 23, 42),.03);border:1px solid var(--lp-card-border);border-radius:12px;padding:0 1rem;color:var(--lp-text-primary);font-size:.9375rem;transition:all .2s ease}.theme-light .auth-input-group input{--lp-input-rgb: 15, 23, 42}.theme-dark .auth-input-group input{--lp-input-rgb: 255, 255, 255;background:#ffffff0d}.auth-input-group input:focus{outline:none;border-color:var(--lp-accent-blue);background:rgba(var(--lp-input-rgb, 15, 23, 42),.06);box-shadow:0 0 0 4px var(--color-primary-shadow-medium)}.auth-submit-btn{height:48px;background:var(--lp-text-primary);color:var(--lp-bg);border:none;border-radius:12px;font-weight:700;cursor:pointer;transition:all .2s ease}.auth-submit-btn:hover{background:var(--border-color);transform:translateY(-1px)}.auth-card-footer{text-align:center;border-top:1px solid var(--lp-card-border);padding-top:1.5rem}.auth-card-footer p{font-size:.875rem;color:var(--lp-text-secondary)}.toggle-auth-btn{background:none;border:none;color:var(--color-primary-light);font-weight:700;cursor:pointer;margin-left:.5rem}.auth-guest-btn{width:100%;height:44px;background:transparent;border:1px dashed var(--lp-card-border);border-radius:12px;display:flex;align-items:center;justify-content:center;gap:.625rem;color:var(--lp-text-secondary);font-weight:600;font-size:.9375rem;cursor:pointer;transition:all .2s ease}.auth-guest-btn:hover{border-color:var(--lp-accent-blue);color:var(--lp-accent-blue);background:var(--color-primary-shadow-light);transform:translateY(-1px)}.auth-guest-btn:hover svg{color:var(--lp-accent-blue)}.auth-guest-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.auth-guest-btn svg{flex-shrink:0;opacity:.8;transition:color .2s ease}.guest-limits-hint{font-size:.75rem;color:var(--lp-text-muted);text-align:center;margin-top:.5rem;line-height:1.5;opacity:.85}.auth-error-msg{background:#ef44441a;border:1px solid rgba(239,68,68,.2);color:var(--color-danger);padding:.75rem 1rem;border-radius:8px;font-size:.875rem;font-weight:500}.theme-dark .auth-error-msg{background:#ef444426;border-color:#ef44444d;color:var(--color-danger)}.login-controls{position:absolute;top:2.5rem;right:2.5rem;z-index:200;display:flex;align-items:center;gap:1.5rem}.nav-link{font-size:.875rem;font-weight:600;color:var(--lp-text-secondary);cursor:pointer;transition:color .2s ease,transform .2s ease;padding:.5rem}.nav-link:hover{color:var(--lp-text-primary);transform:translateY(-1px)}.design-toggle{padding:.6rem 1.2rem;border-radius:12px;background:var(--lp-card-bg);backdrop-filter:blur(var(--lp-glass-blur));-webkit-backdrop-filter:blur(var(--lp-glass-blur));border:1px solid var(--lp-card-border);color:var(--lp-text-primary);font-weight:700;font-size:.8125rem;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px var(--shadow-overlay-xs)}.design-toggle:hover{transform:translateY(-2px);background:var(--lp-bg);border-color:var(--lp-accent-blue)}.theme-toggle{width:38px;height:38px;border-radius:12px;background:var(--lp-card-bg);backdrop-filter:blur(var(--lp-glass-blur));border:1px solid var(--lp-card-border);color:var(--lp-text-primary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease}.theme-toggle:hover{transform:translateY(-2px);border-color:var(--lp-accent-blue)}@media (max-width: 1024px){.login-content-wrapper{flex-direction:column;gap:3rem;text-align:center;max-width:600px}.brand-logo{position:static;margin-bottom:2rem}.hero-main-title{font-size:3rem}.auth-section{width:100%;max-width:440px}}.university-modules{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:24px;margin-top:24px}.module-card{padding:32px;border-radius:16px;background:var(--text-inverse);border:2px solid transparent;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1)}.module-card:hover{transform:translateY(-4px);box-shadow:0 12px 32px #0000001a;border-color:currentColor}.module-icon{margin-bottom:16px}.module-title{font-size:20px;font-weight:700;margin-bottom:8px;color:var(--bg-surface)}.module-description{font-size:14px;color:var(--text-secondary);line-height:1.6;margin-bottom:16px}.module-footer{font-size:13px;color:var(--text-muted);font-weight:500}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);border:none;border-radius:var(--radius-md);font-family:var(--font-family);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all var(--transition-normal);white-space:nowrap;text-decoration:none;outline:none}.btn:focus-visible{box-shadow:0 0 0 2px var(--bg-surface),0 0 0 4px var(--color-primary)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-sm{height:var(--btn-height-sm);padding:0 var(--spacing-md);font-size:var(--font-size-md)}.btn-md{height:var(--btn-height-md);padding:0 var(--spacing-lg);font-size:var(--font-size-lg)}.btn-lg{height:var(--btn-height-lg);padding:0 var(--spacing-xl);font-size:var(--font-size-lg)}.btn-primary{background:var(--color-primary);color:var(--text-inverse);box-shadow:var(--shadow-xs)}.btn-primary:hover:not(:disabled){background:var(--color-primary-hover);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.btn-primary:active:not(:disabled){background:var(--color-primary-dark);transform:translateY(0)}.btn-secondary{background:var(--bg-surface);color:var(--text-primary);border:1px solid var(--border-color)}.btn-secondary:hover:not(:disabled){background:var(--bg-hover);border-color:var(--border-hover)}.btn-secondary:active:not(:disabled){background:var(--bg-tertiary)}.btn-tertiary{background:transparent;color:var(--text-secondary);padding-left:var(--spacing-sm);padding-right:var(--spacing-sm)}.btn-tertiary:hover:not(:disabled){background:var(--bg-hover);color:var(--text-primary)}.btn-tertiary:active:not(:disabled){background:var(--bg-tertiary)}.btn-danger{background:var(--color-danger);color:var(--text-inverse)}.btn-danger:hover:not(:disabled){background:var(--color-danger-hover);transform:translateY(-1px)}.btn-danger:active:not(:disabled){transform:translateY(0)}.btn-ghost{background:transparent;color:var(--text-secondary);padding:var(--spacing-sm)}.btn-ghost:hover:not(:disabled){background:var(--bg-hover);color:var(--text-primary)}.btn-loading{pointer-events:none}.btn-spinner{animation:spin 1s linear infinite}.btn-full-width{width:100%}.btn-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0}.dark .btn-primary{box-shadow:0 2px 8px var(--color-primary-shadow-medium)}.dark .btn-tertiary{color:var(--text-muted)}.dark .btn-tertiary:hover:not(:disabled){background:var(--bg-tertiary);color:var(--text-primary)}.dark .btn-ghost{color:var(--text-muted)}.dark .btn-ghost:hover:not(:disabled){background:var(--bg-tertiary);color:var(--text-primary)}.modal-overlay{position:fixed;inset:0;background:var(--overlay-heavy);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:var(--z-modal-backdrop);animation:fadeIn .2s ease-out}.modal-content{background:var(--text-inverse);border-radius:16px;padding:32px;max-width:480px;width:90%;box-shadow:0 20px 60px var(--shadow-overlay-lg);position:relative;animation:slideUp .3s cubic-bezier(.4,0,.2,1)}.modal-close{position:absolute;top:16px;right:16px;background:transparent;border:none;cursor:pointer;color:var(--text-secondary);padding:8px;border-radius:6px;transition:all .2s}.modal-close:hover{background:var(--bg-primary);color:var(--bg-surface)}.modal-icon{width:64px;height:64px;border-radius:16px;display:flex;align-items:center;justify-content:center;margin:0 auto 24px}.modal-icon.warning{background:linear-gradient(135deg,var(--color-warning) 0%,var(--color-warning) 100%);color:var(--text-inverse)}.modal-content h2{font-size:24px;font-weight:700;margin:0 0 12px;text-align:center;color:var(--bg-surface)}.modal-content p{font-size:15px;line-height:1.6;color:var(--text-secondary);text-align:center;margin:0 0 24px}.upgrade-benefits{background:var(--bg-primary);border-radius:12px;padding:20px;margin-bottom:24px}.upgrade-benefits h3{font-size:16px;font-weight:600;margin:0 0 12px;color:var(--bg-surface)}.upgrade-benefits ul{list-style:none;padding:0;margin:0}.upgrade-benefits li{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--border-color);margin-bottom:8px}.upgrade-benefits li:last-child{margin-bottom:0}.upgrade-benefits li svg{color:var(--color-success);flex-shrink:0}.modal-actions{display:flex;gap:12px}.btn-secondary,.btn-primary{flex:1;padding:12px 24px;border-radius:8px;font-weight:600;font-size:15px;cursor:pointer;transition:all .2s;border:none}.btn-secondary{background:var(--bg-primary);color:var(--border-color)}.btn-secondary:hover{background:var(--border-color)}.btn-primary{background:var(--color-primary);color:var(--text-inverse)}.btn-primary:hover{background:var(--color-primary);transform:translateY(-1px);box-shadow:0 4px 12px var(--color-primary-shadow-dark)}.dashboard-header-new{height:72px;padding:0 48px;display:flex;align-items:center;justify-content:space-between;background:var(--header-bg);border-bottom:1px solid var(--header-border);position:sticky;top:0;z-index:var(--z-dropdown)}.header-left{display:flex;align-items:center;gap:48px}.logo{display:flex;align-items:center;gap:8px;font-size:20px;font-weight:700;cursor:pointer;transition:opacity .2s}.logo:hover{opacity:.8}.logo-icon{font-size:24px}.logo-text{color:var(--header-text)}.logo-img{height:28px;width:auto;object-fit:contain}.header-nav{display:flex;gap:32px}.header-nav a{font-size:15px;font-weight:500;color:var(--header-text-secondary);text-decoration:none;transition:color .2s}.header-nav a:hover,.header-nav a.active{color:var(--header-text)}.header-right{display:flex;align-items:center;gap:16px}.btn-create-new{display:flex;align-items:center;gap:8px;padding:10px 20px;background:var(--color-primary);color:var(--text-inverse);border:none;border-radius:8px;font-weight:600;font-size:14px;cursor:pointer;transition:all .2s}.btn-create-new:hover{background:var(--color-primary);transform:translateY(-1px);box-shadow:0 4px 12px var(--color-primary-shadow-medium)}.account-widget{position:relative;cursor:pointer}.avatar{width:40px;height:40px;border-radius:50%;background:var(--avatar-bg);display:flex;align-items:center;justify-content:center;font-weight:600;color:var(--avatar-text);font-size:16px;transition:all .2s}.avatar:hover{background:var(--header-text-secondary)}.account-dropdown{position:absolute;top:calc(100% + 8px);right:0;width:220px;background:var(--account-menu-bg);border:1px solid var(--account-menu-border);border-radius:12px;box-shadow:0 8px 24px var(--shadow-overlay-md);padding:8px;animation:dropdownSlide .2s ease-out}@keyframes dropdownSlide{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.dropdown-email{padding:12px;font-size:13px;color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dropdown-divider{height:1px;background:var(--border-color);margin:4px 0}.account-dropdown button{width:100%;display:flex;align-items:center;gap:8px;padding:10px 12px;border:none;background:transparent;cursor:pointer;border-radius:6px;font-size:14px;color:var(--header-text);text-align:left;transition:background .2s}.account-dropdown button:hover{background:var(--account-menu-hover)}:root{--brand-bg: var(--bg-primary);--brand-card-bg: rgba(255, 255, 255, .4);--brand-card-border: rgba(15, 23, 42, .05);--brand-text-primary: var(--bg-surface);--brand-text-secondary: var(--border-color);--brand-accent-blue: var(--color-primary);--brand-accent-indigo: var(--color-purple);--brand-glass-blur: 24px;--brand-shadow: 0 10px 15px -3px var(--shadow-overlay-xs), 0 4px 6px -4px var(--shadow-overlay-xs)}.dark{--brand-bg: var(--bg-surface);--brand-card-bg: rgba(15, 23, 42, .6);--brand-card-border: rgba(255, 255, 255, .08);--brand-text-primary: var(--text-primary);--brand-text-secondary: var(--text-muted);--brand-glass-blur: 40px;--brand-shadow: 0 20px 25px -5px var(--shadow-overlay-dark), 0 8px 10px -6px var(--shadow-overlay-dark)}.dashboard-wrapper{font-family:Plus Jakarta Sans,sans-serif;color:var(--brand-text-primary);height:100%;overflow-y:auto;pointer-events:auto;position:relative;overflow-x:hidden;background:transparent;scroll-behavior:smooth}.glass-material{background:var(--brand-card-bg);backdrop-filter:blur(var(--brand-glass-blur)) saturate(1.8);-webkit-backdrop-filter:blur(var(--brand-glass-blur)) saturate(1.8);border:1px solid var(--brand-card-border);box-shadow:var(--brand-shadow);transition:all .4s cubic-bezier(.16,1,.3,1)}.dashboard-overlay{opacity:0;transform:scale(1.02);transition:all .5s cubic-bezier(.2,.8,.2,1);background:var(--brand-bg)}.dashboard-overlay.visible{opacity:1;transform:scale(1);pointer-events:auto!important}.dashboard-overlay.exiting{opacity:0;transform:scale(.98) translateY(-15px);filter:blur(15px);pointer-events:none;transition-duration:.8s}.delete-confirm-overlay{position:fixed;inset:0;background:transparent;backdrop-filter:none;z-index:var(--z-modal-backdrop);display:flex;align-items:center;justify-content:center;animation:fadeIn .3s ease;pointer-events:auto}.delete-confirm-widget{background:var(--brand-card-bg);backdrop-filter:blur(40px) saturate(1.5);border:1px solid var(--brand-accent-blue);padding:24px;border-radius:20px;width:100%;max-width:340px;text-align:center;box-shadow:0 30px 60px -12px var(--shadow-overlay-dark),0 18px 36px -18px var(--shadow-overlay-heavy);animation:modalPop .4s cubic-bezier(.16,1,.3,1);position:relative}.delete-widget-icon{width:56px;height:56px;background:var(--color-danger-shadow-light);color:var(--color-danger);border-radius:16px;display:flex;align-items:center;justify-content:center;margin:0 auto 20px}.delete-widget-title{font-size:20px;font-weight:800;margin-bottom:12px;color:var(--text-primary)}.delete-widget-text{font-size:14px;color:var(--text-secondary);line-height:1.6;margin-bottom:28px}.delete-widget-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px}.delete-btn-cancel{background:transparent;border:1px solid var(--brand-card-border);padding:12px;border-radius:12px;font-size:13px;font-weight:700;color:var(--text-secondary);cursor:pointer;transition:var(--transition-smooth)}.delete-btn-cancel:hover{background:var(--brand-card-border);color:var(--text-primary)}.delete-btn-confirm{background:var(--color-danger);color:var(--text-inverse);border:none;padding:12px;border-radius:12px;font-size:13px;font-weight:700;cursor:pointer;transition:var(--transition-smooth);box-shadow:0 4px 12px var(--color-danger-shadow-medium)}.delete-btn-confirm:hover{background:var(--color-danger);transform:translateY(-2px);box-shadow:0 8px 16px var(--color-danger-shadow-medium)}.duplicate-input{width:calc(100% - 32px);background:#ffffff0d;border:1px solid var(--brand-card-border);border-radius:10px;padding:10px 16px;color:var(--text-primary);font-size:14px;margin-bottom:20px;outline:none;transition:var(--transition-smooth);display:block;margin-left:auto;margin-right:auto}.duplicate-input:focus{border-color:var(--brand-accent-blue);background:#ffffff14;box-shadow:0 0 0 4px var(--color-primary-shadow-light)}.delete-confirm-widget.duplicate-theme{border-color:var(--brand-secondary)}.delete-widget-icon.duplicate-icon{background:#69caa11a;color:var(--brand-secondary)}.duplicate-btn-confirm{background:var(--brand-secondary);color:var(--text-inverse);border:none;padding:12px;border-radius:12px;font-size:13px;font-weight:700;cursor:pointer;transition:var(--transition-smooth);box-shadow:0 4px 12px var(--color-success-shadow-medium)}.duplicate-btn-confirm:hover{background:var(--color-success);transform:translateY(-2px);box-shadow:0 8px 16px var(--color-success-shadow-medium)}.duplicate-btn-confirm:disabled{opacity:.5;cursor:not-allowed}.action-btn.duplicate-trigger:hover{background:var(--brand-secondary);border-color:var(--brand-secondary);color:var(--text-inverse)}.dashboard-header{height:80px;display:flex;justify-content:space-between;align-items:center;padding:0 40px;background:#ffffff03;backdrop-filter:blur(var(--brand-glass-blur));-webkit-backdrop-filter:blur(var(--brand-glass-blur));border-bottom:1px solid var(--brand-card-border);position:sticky;top:0;z-index:100}.header-title-main{font-size:20px;font-weight:800;letter-spacing:-.02em}.text-gradient{background:linear-gradient(135deg,var(--brand-accent-blue),var(--brand-accent-indigo));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.user-profile-trigger{display:flex;align-items:center;gap:12px;padding:8px 16px;background:var(--brand-card-bg);border:1px solid var(--brand-card-border);border-radius:12px;font-size:13px;font-weight:600;cursor:pointer;transition:var(--transition-smooth)}.user-profile-trigger:hover{transform:translateY(-2px);box-shadow:var(--brand-shadow);border-color:var(--brand-accent-blue)}.dashboard-content-grid{padding:60px 80px;max-width:1600px;margin:0 auto;display:flex;flex-direction:column;gap:80px;position:relative;z-index:10}.section-header-flex{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.view-all-toggle{background:transparent;border:1px solid var(--brand-card-border);padding:6px 16px;border-radius:10px;font-size:12px;font-weight:700;color:var(--brand-accent-blue);cursor:pointer;transition:var(--transition-smooth)}.view-all-toggle:hover{background:var(--brand-accent-blue);color:var(--text-inverse);border-color:var(--brand-accent-blue);transform:translateY(-1px)}.section-title{font-size:13px;font-weight:800;color:var(--brand-accent-blue);text-transform:uppercase;margin:0;letter-spacing:.1em;opacity:.8}.section-subtitle{text-align:center;color:var(--text-secondary);margin-bottom:24px}.hero-large-title{font-size:64px;font-weight:800;line-height:1.1;letter-spacing:-.04em;margin:0 0 24px;color:var(--brand-text-primary)}.hero-description{font-size:1.25rem;line-height:1.6;color:var(--brand-text-secondary);max-width:600px}.template-cards-row{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:20px;padding:16px 0}.template-card{background:var(--brand-card-bg);backdrop-filter:blur(var(--brand-glass-blur)) saturate(1.8);border:1px solid var(--brand-card-border);border-radius:16px;overflow:hidden;cursor:pointer;transition:all .25s ease;box-shadow:var(--brand-shadow);display:flex;flex-direction:column}.template-card:hover{transform:translateY(-4px);border-color:var(--brand-accent-blue);box-shadow:0 12px 24px var(--shadow-overlay-sm)}.template-thumbnail{height:100px;display:flex;align-items:center;justify-content:center;background:var(--brand-accent-blue);color:var(--text-inverse);position:relative;overflow:hidden}.template-thumbnail .grid-pattern{position:absolute;inset:0;opacity:.12;background-image:linear-gradient(rgba(255,255,255,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.1) 1px,transparent 1px);background-size:12px 12px}.template-content{padding:16px;display:flex;flex-direction:column;gap:6px;flex:1}.template-title{display:block;font-size:14px;font-weight:600;color:var(--brand-text-primary);line-height:1.3}.template-desc{font-size:12px;line-height:1.4;color:var(--brand-text-secondary);opacity:.85;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.template-header{display:flex;align-items:center;justify-content:space-between;gap:8px}.difficulty-badge{font-size:10px;font-weight:600;padding:2px 8px;border-radius:12px;text-transform:capitalize;white-space:nowrap}.difficulty-badge.beginner{background:var(--color-success-light);color:var(--color-success)}.difficulty-badge.intermediate{background:var(--color-warning-light);color:var(--color-warning)}.difficulty-badge.advanced{background:var(--color-danger-light);color:var(--color-danger)}.difficulty-badge.default{background:var(--bg-tertiary);color:var(--text-muted)}.template-category{font-size:11px;font-weight:500;margin-top:4px;opacity:.8}.template-icon{position:relative;z-index:1}.template-thumbnail.basics{background:var(--color-primary-light)}.template-thumbnail.basics .template-icon{color:var(--color-primary)}.template-thumbnail.advanced{background:var(--color-purple-light)}.template-thumbnail.advanced .template-icon{color:var(--color-purple)}.template-category.basics{color:var(--color-primary)}.template-category.advanced{color:var(--color-purple)}.templates-section{display:flex;flex-direction:column;gap:16px}.category-tabs{display:flex;gap:8px;flex-wrap:wrap;padding:4px 0}.category-tab{display:flex;align-items:center;gap:6px;padding:8px 16px;border-radius:20px;border:2px solid transparent;background:var(--brand-card-bg);color:var(--brand-text-secondary);font-size:13px;font-weight:500;cursor:pointer;transition:var(--transition-moderate)}.category-tab:hover{background:var(--brand-hover-bg, rgba(0, 0, 0, .05));color:var(--brand-text-primary)}.category-tab.active{background:var(--tab-color, var(--brand-accent-blue));background:color-mix(in srgb,var(--tab-color, var(--brand-accent-blue)) 15%,transparent);color:var(--tab-color, var(--brand-accent-blue));border-color:var(--tab-color, var(--brand-accent-blue))}.category-tab svg{flex-shrink:0}.empty-state{display:flex;align-items:center;justify-content:center;padding:40px;color:var(--brand-text-secondary);font-size:14px}.templates-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center}.templates-empty-state .empty-icon{color:var(--text-tertiary, var(--border-color));margin-bottom:16px;opacity:.4}.templates-empty-state h3{margin:0 0 8px;font-size:16px;font-weight:600;color:var(--text-primary, var(--bg-surface))}.templates-empty-state p{margin:0;font-size:13px;color:var(--text-secondary, var(--text-secondary))}.dark .templates-empty-state h3{color:var(--dark-text-primary, var(--text-inverse))}.dark .templates-empty-state p{color:var(--dark-text-secondary, var(--text-muted))}.command-input-container{background:var(--brand-card-bg);backdrop-filter:blur(var(--brand-glass-blur)) saturate(1.8);border:1px solid var(--brand-card-border);border-radius:24px;padding:var(--spacing-lg) var(--spacing-xl);display:flex;align-items:center;gap:var(--spacing-lg);box-shadow:0 20px 40px var(--shadow-overlay-xs)}.command-input-container:focus-within{border-color:var(--brand-accent-blue);box-shadow:0 25px 50px var(--color-primary-shadow-light)}input.command-input,.command-input{background:transparent;border:none;color:var(--brand-text-primary);font-size:16px;flex:1;outline:none;font-family:inherit}.command-submit{background:var(--brand-text-primary);color:var(--brand-bg);border-radius:14px;padding:12px 28px;font-weight:700;border:none;cursor:pointer;transition:var(--transition-smooth)}.command-submit:hover{transform:scale(1.05);opacity:.9}.projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:32px}.project-card{background:var(--brand-card-bg);backdrop-filter:blur(var(--brand-glass-blur)) saturate(1.5);border:1px solid var(--brand-card-border);border-radius:28px;padding:0;min-height:220px;display:flex;flex-direction:column;overflow:hidden;transition:all .4s cubic-bezier(.16,1,.3,1);box-shadow:var(--brand-shadow);cursor:pointer}.project-card:hover{transform:translateY(-8px);border-color:var(--brand-accent-blue);box-shadow:0 30px 60px var(--shadow-overlay-light)}.card-project-name{font-size:22px;font-weight:800;margin-bottom:8px;letter-spacing:-.02em}.card-project-meta{font-size:12px;font-weight:600;color:var(--brand-text-secondary);opacity:.7}.create-new-btn{border-style:dashed;border-width:2px;justify-content:center;align-items:center;gap:16px;background:transparent}.create-new-btn:hover{background:#3b82f60d;border-style:solid}.card-preview{transition:transform .6s cubic-bezier(.16,1,.3,1)}.project-card:hover .card-preview{transform:scale(1.02)}.card-action-btn{transition:var(--transition-moderate);opacity:.7}.card-action-btn:hover{opacity:1;transform:translateY(-1px)}.card-actions{display:flex;gap:12px;margin-top:24px}.action-btn{width:36px;height:36px;border-radius:10px;border:1px solid var(--brand-card-border);display:flex;align-items:center;justify-content:center;background:transparent;color:var(--brand-text-secondary);cursor:pointer;transition:all .2s}.action-btn:hover{background:var(--brand-text-primary);color:var(--brand-bg);border-color:var(--brand-text-primary)}.university-widget{background:var(--brand-card-bg);backdrop-filter:blur(var(--brand-glass-blur));border:1px solid var(--brand-card-border);border-radius:32px;padding:40px;box-shadow:var(--brand-shadow)}.university-header{margin-bottom:32px}.uni-tabs{background:#00000008;padding:5px;border-radius:14px;display:inline-flex}.uni-tab-btn{padding:10px 20px;font-size:13px;font-weight:700;border-radius:10px;border:none;background:transparent;cursor:pointer;transition:var(--transition-smooth)}.uni-tab-btn.active{background:var(--text-inverse);color:var(--text-primary);box-shadow:0 4px 12px var(--shadow-overlay-xs)}.dark .uni-tab-btn.active{background:var(--brand-text-primary);color:var(--brand-bg)}.edu-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:24px}.edu-item{background:#ffffff08;border:1px solid var(--brand-card-border);border-radius:20px;padding:20px;display:flex;align-items:center;gap:20px;cursor:pointer;transition:var(--transition-smooth)}.edu-item:hover{transform:translate(8px);border-color:var(--brand-accent-blue);background:#ffffff14}.edu-icon{width:44px;height:44px;border-radius:12px;background:var(--brand-accent-blue);color:var(--text-inverse);display:flex;align-items:center;justify-content:center}.stats-grid{display:flex;gap:64px}.stat-item{display:flex;flex-direction:column;gap:4px}.stat-value{font-size:36px;font-weight:800;color:var(--brand-text-primary);letter-spacing:-.02em}.stat-label{font-size:13px;font-weight:700;color:var(--brand-text-secondary);text-transform:uppercase;letter-spacing:.05em}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#0000001a;border-radius:10px}.dark ::-webkit-scrollbar-thumb{background:#ffffff1a}button.card-action-btn:hover,.card-action-btn:hover{color:var(--accent);transform:scale(1.1)}button.card-action-btn.delete-hover:hover,.card-action-btn.delete-hover:hover{color:var(--color-danger)}.error-boundary{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;min-height:300px;text-align:center;background:var(--bg-primary, var(--text-inverse));border-radius:12px;margin:20px;box-shadow:0 4px 12px var(--shadow-overlay-sm)}.error-boundary-icon{width:64px;height:64px;border-radius:50%;background:var(--color-danger-light);display:flex;align-items:center;justify-content:center;margin-bottom:20px;color:var(--color-danger)}.error-boundary-title{font-size:20px;font-weight:600;color:var(--text-primary, var(--bg-surface));margin:0 0 8px}.error-boundary-message{font-size:14px;color:var(--text-secondary, var(--text-secondary));margin:0 0 24px;max-width:400px;line-height:1.5}.error-boundary-actions{display:flex;gap:12px;margin-bottom:24px}.error-boundary-btn{display:flex;align-items:center;gap:8px;padding:10px 20px;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:background .15s ease}.error-boundary-btn-primary{background:var(--color-primary);color:var(--text-inverse)}.error-boundary-btn-primary:hover{background:var(--color-primary)}.error-boundary-btn-secondary{background:var(--bg-secondary, var(--bg-primary));color:var(--text-primary, var(--bg-surface));border:1px solid var(--border-color, var(--border-color))}.error-boundary-btn-secondary:hover{background:var(--bg-secondary)}.error-boundary-details{width:100%;max-width:600px;text-align:left;background:var(--bg-primary);border-radius:8px;padding:12px;font-size:12px;color:var(--text-secondary)}.error-boundary-details summary{cursor:pointer;font-weight:500;margin-bottom:8px}.error-boundary-details pre{white-space:pre-wrap;word-break:break-word;margin:0;font-family:SF Mono,Consolas,Monaco,monospace;font-size:11px}.dark .error-boundary{background:var(--dark-bg-secondary, var(--bg-surface))}.dark .error-boundary-icon{background:var(--color-danger-shadow-light)}.dark .error-boundary-title{color:var(--dark-text-primary, var(--text-inverse))}.dark .error-boundary-message{color:var(--dark-text-secondary, var(--text-muted))}.dark .error-boundary-btn-secondary{background:var(--dark-bg-tertiary, var(--bg-tertiary));border-color:var(--dark-border, var(--bg-tertiary));color:var(--dark-text-primary, var(--text-inverse))}.dark .error-boundary-btn-secondary:hover{background:var(--bg-tertiary)}.dark .error-boundary-details{background:var(--bg-secondary);color:var(--text-muted)}.sidebar{width:240px;min-width:240px;max-width:240px;height:100%;background:var(--bg-sidebar, var(--bg-primary));border-right:1px solid var(--border-light, var(--bg-secondary));display:flex;flex-direction:column;padding:12px;position:relative;z-index:calc(var(--z-dropdown) - 50);transition:width var(--transition-moderate),min-width var(--transition-moderate),max-width var(--transition-moderate),padding var(--transition-moderate);flex-shrink:0}.sidebar.sidebar-collapsed{width:64px;min-width:64px;max-width:64px;padding:12px 8px}.sidebar-toggle{position:fixed;top:calc(var(--topbar-height, 56px) + 16px);left:226px;width:28px;height:28px;border-radius:50%;background:var(--bg-primary, var(--text-primary));border:1px solid var(--border-light, var(--bg-secondary));display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:var(--z-dropdown);color:var(--text-secondary, var(--text-secondary));transition:left var(--transition-moderate),top var(--transition-moderate),background var(--transition-normal),color var(--transition-normal),border-color var(--transition-normal);box-shadow:0 2px 6px var(--shadow-overlay-xs)}.no-topbar .sidebar-toggle{top:16px}.sidebar.sidebar-collapsed .sidebar-toggle{left:50px}.sidebar-toggle:hover{background:var(--accent-primary, var(--color-primary));color:var(--text-inverse);border-color:var(--accent-primary, var(--color-primary))}.sidebar-section{display:flex;flex-direction:column;gap:4px}.sidebar-section-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted, var(--border-color));padding:8px 12px 4px;margin-top:4px}.sidebar.sidebar-collapsed .sidebar-section-label{display:none}.dark .sidebar-section-label{color:var(--text-secondary)}.sidebar-nav{display:flex;flex-direction:column;gap:4px;margin-top:24px}.sidebar-item{display:flex;align-items:center;gap:12px;padding:10px 12px;border:none;background:transparent;border-radius:8px;cursor:pointer;color:var(--text-secondary, var(--text-secondary));font-size:14px;font-weight:500;text-align:left;transition:all .15s ease;position:relative;width:100%}.sidebar.sidebar-collapsed .sidebar-item{justify-content:center;padding:10px}.sidebar-item:hover{background:var(--bg-hover, var(--bg-secondary));color:var(--text-primary, var(--bg-surface))}.sidebar-item.active{background:var(--bg-active, var(--color-primary-light));color:var(--accent-primary, var(--color-primary))}.sidebar-item.active:before{content:"";position:absolute;left:0;top:6px;bottom:6px;width:3px;background:var(--accent-primary, var(--color-primary));border-radius:0 2px 2px 0}.sidebar.sidebar-collapsed .sidebar-item.active:before{left:0;top:50%;bottom:auto;transform:translateY(-50%);width:4px;height:20px;border-radius:0 3px 3px 0}.sidebar-item.sidebar-item-primary{background:var(--accent-primary, var(--color-primary));color:var(--text-inverse);margin-top:4px;margin-bottom:4px}.sidebar-item.sidebar-item-primary:hover{background:var(--color-primary);color:var(--text-inverse);transform:translateY(-1px);box-shadow:0 4px 12px var(--color-primary-shadow-md)}.sidebar-item.sidebar-item-primary .sidebar-icon{color:var(--text-inverse)}.dark .sidebar-item.sidebar-item-primary{background:var(--accent-primary, var(--color-primary));color:var(--text-inverse)}.dark .sidebar-item.sidebar-item-primary:hover{background:var(--color-primary);color:var(--text-inverse)}.sidebar-icon{flex-shrink:0}.sidebar-label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;min-width:0}.sidebar.sidebar-collapsed .sidebar-label{display:none}.sidebar-shortcut{margin-left:auto;font-size:11px;font-family:inherit;padding:2px 6px;background:var(--bg-secondary, var(--bg-tertiary));border:1px solid var(--border-light, var(--bg-secondary));border-radius:4px;color:var(--text-muted, var(--text-tertiary))}.sidebar.sidebar-collapsed .sidebar-shortcut{display:none}.sidebar-divider{height:1px;background:var(--border-light, var(--bg-secondary));margin:12px 0}.sidebar-spacer{flex:1}.sidebar-upgrade{padding:8px 0;margin-top:auto}.sidebar-upgrade-content{display:flex;align-items:center;gap:12px;width:100%;padding:12px;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-purple) 100%);border:none;border-radius:8px;cursor:pointer;transition:all .15s ease;text-align:left}.sidebar-upgrade-content:hover{transform:scale(1.02);box-shadow:0 4px 12px var(--color-primary-shadow-md)}.upgrade-icon{color:var(--color-warning);flex-shrink:0}.upgrade-text{display:flex;flex-direction:column;gap:2px}.upgrade-title{font-size:13px;font-weight:600;color:var(--text-inverse)}.upgrade-subtitle{font-size:11px;color:#fffc}.sidebar-upgrade-btn-icon{width:100%;padding:10px;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-purple) 100%);border:none;border-radius:8px;cursor:pointer;color:var(--color-warning);display:flex;align-items:center;justify-content:center;transition:all .15s ease}.sidebar-upgrade-btn-icon:hover{transform:scale(1.05)}.dark .sidebar{background:var(--bg-surface);border-color:var(--bg-tertiary)}.dark .sidebar-toggle{background:var(--bg-secondary);border-color:var(--border-color);color:var(--border-color)}.dark .sidebar-toggle:hover{background:var(--accent-primary, var(--color-primary));color:var(--text-inverse);border-color:var(--accent-primary, var(--color-primary))}.dark .sidebar-item{color:var(--border-color)}.dark .sidebar-item:hover{background:var(--bg-secondary);color:var(--text-primary)}.dark .sidebar-item.active{background:#4361ee33;color:var(--color-primary)}.dark .sidebar-divider{background:var(--bg-tertiary)}.sidebar-group{display:flex;flex-direction:column}.sidebar-group-header{justify-content:flex-start}.sidebar-chevron{margin-left:auto;transition:transform .2s ease;color:var(--text-tertiary, var(--border-color))}.sidebar-chevron.expanded{transform:rotate(180deg)}.sidebar-subitems{display:flex;flex-direction:column;gap:2px;padding-left:32px;margin-top:4px}.sidebar-subitem{display:flex;align-items:center;gap:8px;padding:8px 12px;border:none;background:transparent;border-radius:6px;cursor:pointer;color:var(--text-secondary, var(--text-secondary));font-size:13px;font-weight:500;text-align:left;transition:all .15s ease;text-decoration:none}.sidebar-subitem:hover{background:var(--bg-hover, var(--bg-secondary));color:var(--text-primary, var(--bg-surface))}.sidebar-subitem.active{background:var(--bg-active, var(--color-primary-light));color:var(--accent-primary, var(--color-primary))}.sidebar-link{color:var(--text-secondary, var(--text-secondary))}.sidebar-link:hover{color:var(--accent-primary, var(--color-primary))}.external-icon{margin-left:auto;opacity:.5}.sidebar-link:hover .external-icon{opacity:1}.dark .sidebar-subitem{color:var(--border-color)}.dark .sidebar-subitem:hover{background:var(--bg-secondary);color:var(--text-primary)}.dark .sidebar-subitem.active{background:#4361ee33;color:var(--color-primary)}.sidebar-logo{display:flex;align-items:center;justify-content:center;padding:8px;margin-bottom:16px;border:none;background:transparent;border-radius:8px;cursor:pointer;transition:background var(--transition-normal)}.sidebar-logo:hover{background:var(--bg-hover, var(--bg-secondary))}.sidebar-logo-icon{width:32px;height:32px;object-fit:contain}.sidebar-logo-full{width:120px;height:32px;object-fit:contain}.sidebar-user{position:relative;margin-top:8px;padding-top:8px;border-top:1px solid var(--border-light, var(--bg-secondary))}.sidebar-user-trigger{display:flex;align-items:center;gap:10px;width:100%;padding:8px 10px;border:none;background:transparent;border-radius:8px;cursor:pointer;transition:background var(--transition-normal);text-align:left}.sidebar-user-trigger:hover{background:var(--bg-hover, var(--bg-secondary))}.sidebar.sidebar-collapsed .sidebar-user-trigger{justify-content:center;padding:8px}.sidebar-avatar-img{width:32px;height:32px;border-radius:50%;object-fit:cover;flex-shrink:0}.sidebar-avatar-placeholder{width:32px;height:32px;border-radius:50%;background:var(--accent-primary, var(--color-primary));color:var(--text-inverse);display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:600;flex-shrink:0}.sidebar-user-name{flex:1;font-size:14px;font-weight:500;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-user-chevron{color:var(--text-secondary);transition:transform var(--transition-normal);flex-shrink:0}.sidebar-user-chevron.open{transform:rotate(180deg)}.sidebar-user-menu{position:absolute;bottom:100%;left:0;right:0;margin-bottom:8px;background:var(--bg-primary, var(--text-primary));border:1px solid var(--border-light, var(--bg-secondary));border-radius:12px;box-shadow:0 8px 24px var(--shadow-overlay-md);padding:8px;z-index:var(--z-dropdown);min-width:220px}.sidebar-user-menu.collapsed-menu{left:8px;right:auto;min-width:240px}.sidebar-menu-user-info{display:flex;align-items:center;gap:12px;padding:8px}.sidebar-menu-avatar{width:40px;height:40px;border-radius:50%;overflow:hidden;flex-shrink:0}.sidebar-menu-avatar img{width:100%;height:100%;object-fit:cover}.sidebar-menu-avatar .avatar-letter{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:var(--accent-primary, var(--color-primary));color:var(--text-inverse);font-size:16px;font-weight:600}.sidebar-menu-user-details{display:flex;flex-direction:column;gap:2px;min-width:0}.sidebar-menu-user-name{font-size:14px;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-menu-user-email{font-size:12px;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-menu-status{padding:4px 8px}.sidebar-menu-status .status-badge{display:inline-block;padding:2px 8px;border-radius:4px;font-size:10px;font-weight:700;letter-spacing:.5px}.sidebar-menu-status .status-pro{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-purple) 100%);color:var(--text-inverse)}.sidebar-menu-divider{height:1px;background:var(--border-light, var(--bg-secondary));margin:4px 0}.sidebar-menu-item{display:flex;align-items:center;gap:10px;width:100%;padding:10px 12px;border:none;background:transparent;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;color:var(--text-secondary);text-align:left;transition:all var(--transition-normal)}.sidebar-menu-item:hover{background:var(--bg-hover, var(--bg-secondary));color:var(--text-primary)}.sidebar-menu-item-danger{color:var(--color-error)}.sidebar-menu-item-danger:hover{background:#ef44441a;color:var(--color-error)}.dark .sidebar-user{border-top-color:var(--bg-tertiary)}.dark .sidebar-user-menu{background:var(--bg-secondary);border-color:var(--bg-tertiary)}.dark .sidebar-menu-divider,.dark .sidebar-menu-item:hover{background:var(--bg-tertiary)}.content-area{flex:1;position:relative;overflow:hidden;background:var(--bg-primary, var(--text-primary))}.content-grid-bg{position:absolute;inset:0;background-image:linear-gradient(var(--shadow-overlay-xs) 1px,transparent 1px),linear-gradient(90deg,var(--shadow-overlay-xs) 1px,transparent 1px);background-size:20px 20px;pointer-events:none}.content-scroll{height:100%;overflow-y:auto;padding:32px;position:relative}.home-view{width:100%}.welcome-section{margin-bottom:32px}.welcome-title{font-size:28px;font-weight:600;color:var(--text-primary, var(--bg-surface));margin:0 0 8px}.welcome-subtitle{font-size:16px;color:var(--text-secondary, var(--text-secondary));margin:0}.content-section{margin-bottom:40px}.section-title{font-size:18px;font-weight:600;color:var(--text-primary, var(--bg-surface));margin:0}.section-count{font-size:13px;color:var(--text-secondary, var(--text-secondary));background:var(--bg-secondary, var(--bg-primary));padding:4px 8px;border-radius:12px}.section-action{padding:6px 12px;background:transparent;border:none;color:var(--accent-primary, var(--color-primary));font-size:14px;font-weight:500;cursor:pointer;border-radius:var(--radius-sm);transition:all .15s ease}.section-action:hover{background:var(--color-primary-light)}.projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px}.projects-grid-full{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.project-card{background:var(--bg-primary, var(--text-primary));border:1px solid var(--border-light, var(--bg-secondary));border-radius:12px;overflow:visible;cursor:pointer;transition:all .15s ease;position:relative}.project-card:hover{border-color:var(--accent-primary, var(--color-primary));box-shadow:0 4px 12px var(--shadow-overlay-sm);transform:translateY(-2px)}.project-card-trash{opacity:.7}.project-thumbnail{height:140px;background:var(--bg-secondary, var(--bg-primary));display:flex;align-items:center;justify-content:center;position:relative;overflow:visible;border-radius:12px 12px 0 0}.project-thumbnail img{width:100%;height:100%;object-fit:cover;border-radius:12px 12px 0 0}.thumbnail-placeholder{width:100%;height:100%;position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:var(--text-secondary, var(--text-secondary))}.project-menu-btn{position:absolute;top:8px;right:8px;width:28px;height:28px;background:#ffffffe6;border:none;border-radius:var(--radius-sm);cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;transition:all .15s ease;color:var(--text-secondary, var(--text-secondary))}.project-card:hover .project-menu-btn{opacity:1}.project-menu-btn:hover{background:#fff;color:var(--text-primary, var(--bg-surface))}.project-action-btns{position:absolute;top:8px;left:8px;display:flex;gap:4px;opacity:0;transition:opacity .15s ease}.project-card:hover .project-action-btns{opacity:1}.project-action-btns:has(.liked){opacity:1}.project-action-btn{width:28px;height:28px;background:#ffffffe6;border:none;border-radius:var(--radius-sm);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s ease;color:var(--text-secondary, var(--text-secondary))}.project-action-btn:hover{background:#fff;color:var(--accent-primary, var(--color-primary))}.project-action-btn.liked{color:var(--color-danger)}.project-action-btn.liked:hover{color:var(--color-danger-dark)}.project-menu{position:absolute;top:40px;right:8px;background:var(--bg-primary, var(--text-primary));border:1px solid var(--border-light, var(--bg-secondary));border-radius:8px;box-shadow:0 4px 16px var(--shadow-overlay-md);min-width:140px;z-index:var(--z-dropdown);overflow:hidden}.project-menu-item{display:flex;align-items:center;gap:8px;width:100%;padding:10px 12px;background:transparent;border:none;cursor:pointer;font-size:13px;color:var(--text-primary, var(--bg-surface));transition:background .15s ease;text-align:left}.project-menu-item:hover{background:var(--bg-secondary, var(--bg-primary))}.project-menu-item-danger{color:var(--color-danger)}.project-menu-item-danger:hover{background:var(--color-danger-light)}.project-info{padding:12px 16px;display:flex;flex-direction:column;gap:4px}.project-name{font-size:14px;font-weight:600;color:var(--text-primary, var(--bg-surface));white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.project-name-input{font-size:14px;font-weight:600;color:var(--text-primary, var(--bg-surface));padding:4px 8px;margin:-4px -8px;border:2px solid var(--accent-primary, var(--color-primary));border-radius:4px;background:var(--bg-primary, var(--text-primary));outline:none;width:calc(100% + 16px)}.project-date{font-size:12px;color:var(--text-secondary, var(--text-secondary))}.templates-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px}.templates-grid-full{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.template-card{background:var(--bg-primary, var(--text-primary));border:1px solid var(--border-light, var(--bg-secondary));border-radius:12px;padding:20px;cursor:pointer;transition:all .15s ease;display:flex;flex-direction:column;align-items:center;text-align:center;gap:12px}.template-card:hover{border-color:var(--accent-primary, var(--color-primary));box-shadow:0 4px 12px var(--shadow-overlay-sm);transform:translateY(-2px)}.template-icon{width:48px;height:48px;background:var(--bg-secondary, var(--bg-primary));border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:24px}.template-info{display:flex;flex-direction:column;gap:4px}.template-name{font-size:14px;font-weight:600;color:var(--text-primary, var(--bg-surface))}.template-description{font-size:12px;color:var(--text-secondary, var(--text-secondary));line-height:1.4}.instances-list{display:flex;flex-direction:column;gap:8px}.instance-card{display:flex;align-items:center;gap:16px;padding:12px 16px;background:var(--bg-secondary, var(--bg-primary));border-radius:8px}.instance-info{display:flex;flex-direction:column;gap:2px;min-width:120px}.instance-name{font-size:14px;font-weight:500;color:var(--text-primary, var(--bg-surface))}.instance-status{font-size:12px;color:var(--accent-primary, var(--color-primary))}.instance-progress{flex:1;height:6px;background:var(--border-light, var(--bg-secondary));border-radius:3px;overflow:hidden}.progress-bar{height:100%;background:linear-gradient(90deg,var(--color-primary),var(--color-purple));border-radius:3px;transition:width .3s ease}.instance-percent{font-size:13px;font-weight:600;color:var(--text-primary, var(--bg-surface));min-width:40px;text-align:right}.list-view{width:100%}.view-title{font-size:24px;font-weight:600;color:var(--text-primary, var(--bg-surface));margin:0 0 8px}.view-subtitle{font-size:14px;color:var(--text-secondary, var(--text-secondary));margin:0 0 24px}.view-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;gap:16px}.view-toolbar{display:flex;align-items:center;gap:8px}.toolbar-dropdown{position:relative}.toolbar-btn{display:flex;align-items:center;gap:8px;padding:8px 12px;background:var(--bg-primary, var(--text-primary));border:1px solid var(--border-light, var(--bg-secondary));border-radius:8px;font-size:14px;color:var(--text-primary, var(--bg-surface));cursor:pointer;transition:all .15s ease}.toolbar-btn:hover{border-color:var(--border-default, var(--border-color));background:var(--bg-secondary, var(--bg-primary))}.toolbar-menu{position:absolute;top:calc(100% + 4px);left:0;min-width:180px;background:var(--bg-primary, var(--text-primary));border:1px solid var(--border-light, var(--bg-secondary));border-radius:8px;box-shadow:0 4px 16px var(--shadow-overlay-md);padding:4px;z-index:var(--z-dropdown);animation:menuFadeIn .15s ease}.toolbar-menu-item{display:flex;align-items:center;justify-content:space-between;width:100%;padding:8px 12px;background:transparent;border:none;border-radius:var(--radius-sm);font-size:14px;color:var(--text-primary, var(--bg-surface));cursor:pointer;transition:background .1s ease;text-align:left}.toolbar-menu-item:hover,.toolbar-menu-item.active{background:var(--bg-secondary, var(--bg-primary))}.sort-indicator{font-size:12px;color:var(--accent-primary, var(--color-primary))}.toolbar-toggle{display:flex;align-items:center;gap:4px;background:var(--bg-secondary, var(--bg-primary));border-radius:8px;padding:2px}.toolbar-toggle-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:transparent;border:none;border-radius:var(--radius-sm);color:var(--text-secondary, var(--text-secondary));cursor:pointer;transition:all .15s ease}.toolbar-toggle-btn:hover{color:var(--text-primary, var(--bg-surface))}.toolbar-toggle-btn.active{background:var(--bg-primary, var(--text-primary));color:var(--text-primary, var(--bg-surface));box-shadow:0 1px 3px var(--shadow-overlay-xs)}.projects-list{display:flex;flex-direction:column;gap:1px;background:var(--border-light, var(--bg-secondary));border-radius:8px;overflow:hidden}.project-list-item{display:flex;align-items:center;gap:16px;padding:12px 16px;background:var(--bg-primary, var(--text-primary));cursor:pointer;transition:background .1s ease}.project-list-item:hover{background:var(--bg-secondary, var(--bg-primary))}.list-item-like-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:var(--radius-sm);color:var(--text-secondary, var(--text-secondary));cursor:pointer;transition:all .15s ease;flex-shrink:0}.list-item-like-btn:hover{background:var(--bg-hover, var(--bg-primary));color:var(--accent-primary, var(--color-primary))}.list-item-like-btn.liked{color:var(--color-danger)}.list-item-name{flex:1;font-size:14px;font-weight:500;color:var(--text-primary, var(--bg-surface));white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.list-item-name-input{width:100%;padding:4px 8px;border:2px solid var(--accent-primary, var(--color-primary));border-radius:4px;font-size:14px;font-weight:500;outline:none;background:var(--bg-primary, var(--text-primary))}.list-item-date{width:120px;font-size:13px;color:var(--text-secondary, var(--text-secondary));text-align:right;flex-shrink:0}.list-item-actions{display:flex;align-items:center;gap:4px;flex-shrink:0}.list-item-action-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:var(--radius-sm);color:var(--text-secondary, var(--text-secondary));cursor:pointer;transition:all .15s ease}.list-item-action-btn:hover{background:var(--bg-hover, var(--bg-primary));color:var(--text-primary, var(--bg-surface))}.list-item-menu-wrapper{position:relative}.list-item-menu{position:absolute;top:calc(100% + 4px);right:0;min-width:160px;background:var(--bg-primary, var(--text-primary));border:1px solid var(--border-light, var(--bg-secondary));border-radius:8px;box-shadow:0 4px 16px var(--shadow-overlay-md);padding:4px;z-index:var(--z-dropdown);animation:menuFadeIn .15s ease}.list-item-menu-item{display:flex;align-items:center;gap:8px;width:100%;padding:8px 12px;background:transparent;border:none;border-radius:var(--radius-sm);font-size:13px;color:var(--text-primary, var(--bg-surface));cursor:pointer;transition:background .1s ease;text-align:left}.list-item-menu-item:hover{background:var(--bg-secondary, var(--bg-primary))}.list-item-menu-item-danger{color:var(--color-danger)}.list-item-menu-item-danger:hover{background:var(--color-danger-light)}.empty-state{grid-column:1 / -1;text-align:center;padding:48px 24px;color:var(--text-secondary, var(--text-secondary))}.empty-state-card{grid-column:1 / -1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:64px 24px;text-align:center}.empty-state-icon{width:64px;height:64px;background:var(--bg-secondary, var(--bg-primary));border-radius:16px;display:flex;align-items:center;justify-content:center;color:var(--text-secondary, var(--text-secondary));margin-bottom:16px}.empty-state-title{font-size:16px;font-weight:600;color:var(--text-primary, var(--bg-surface));margin:0 0 8px}.empty-state-description{font-size:14px;color:var(--text-secondary, var(--text-secondary));margin:0 0 20px;max-width:280px}.empty-state-action{display:flex;align-items:center;gap:6px;padding:10px 16px;background:var(--accent-primary, var(--color-primary));color:var(--text-inverse);border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .15s ease}.empty-state-action:hover{background:var(--accent-hover, var(--color-primary));transform:translateY(-1px)}.dark .content-area{background:var(--bg-main)}.dark .content-grid-bg{background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px)}.dark .welcome-title,.dark .section-title,.dark .view-title{color:var(--text-primary)}.dark .project-card,.dark .template-card{background:var(--bg-surface);border-color:var(--border-color)}.dark .project-card:hover,.dark .template-card:hover{border-color:var(--color-primary)}.dark .project-thumbnail{background:var(--bg-secondary)}.dark .instance-card{background:var(--bg-surface)}.dark .project-menu-btn{background:rgba(var(--bg-surface-rgb, 30, 30, 30),.9);color:var(--text-secondary)}.dark .project-menu-btn:hover{background:var(--bg-tertiary);color:var(--text-primary)}.dark .project-action-btn{background:rgba(var(--bg-surface-rgb, 30, 30, 30),.9);color:var(--text-secondary)}.dark .project-action-btn:hover{background:var(--bg-tertiary);color:var(--accent-primary, var(--color-primary))}.dark .project-action-btn.liked{color:var(--color-danger)}.dark .project-menu{background:var(--bg-surface);border-color:var(--border-color)}.dark .project-menu-item{color:var(--text-primary)}.dark .project-menu-item:hover{background:var(--bg-secondary)}.dark .project-name-input{background:var(--bg-surface);color:var(--text-primary)}.dark .empty-state-icon{background:var(--bg-secondary);color:var(--text-secondary)}.dark .empty-state-title{color:var(--text-primary)}.dark .toolbar-btn{background:var(--bg-surface);border-color:var(--border-color);color:var(--text-primary)}.dark .toolbar-btn:hover{background:var(--bg-secondary);border-color:var(--border-hover)}.dark .toolbar-menu{background:var(--bg-surface);border-color:var(--border-color)}.dark .toolbar-menu-item{color:var(--text-primary)}.dark .toolbar-menu-item:hover,.dark .toolbar-menu-item.active,.dark .toolbar-toggle{background:var(--bg-secondary)}.dark .toolbar-toggle-btn.active{background:var(--bg-surface);color:var(--text-primary)}.dark .projects-list{background:var(--border-color)}.dark .project-list-item{background:var(--bg-surface)}.dark .project-list-item:hover{background:var(--bg-secondary)}.dark .list-item-name{color:var(--text-primary)}.dark .list-item-name-input{background:var(--bg-surface);color:var(--text-primary)}.dark .list-item-action-btn:hover{background:var(--bg-secondary);color:var(--text-primary)}.dark .list-item-menu{background:var(--bg-surface);border-color:var(--border-color)}.dark .list-item-menu-item{color:var(--text-primary)}.dark .list-item-menu-item:hover{background:var(--bg-secondary)}.dark .list-item-menu-item-danger:hover{background:var(--color-danger-light)}@media (max-width: 768px){.content-scroll{padding:24px 16px}.welcome-title{font-size:24px}.projects-grid,.templates-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}}.sim-card{background:var(--bg-primary, var(--text-inverse));border:1px solid var(--border-color, var(--border-color));border-radius:12px;overflow:visible;cursor:pointer;transition:all .2s ease;position:relative}.sim-card:hover{border-color:var(--accent-color, var(--color-primary));box-shadow:0 4px 12px var(--shadow-overlay-sm);transform:translateY(-2px)}.sim-card-thumbnail{width:100%;height:160px;background:var(--bg-tertiary, var(--bg-primary));display:flex;align-items:center;justify-content:center;position:relative;border-radius:12px 12px 0 0;overflow:hidden}.sim-card-thumbnail img{width:100%;height:100%;object-fit:cover}.sim-card-placeholder{display:flex;align-items:center;justify-content:center;width:100%;height:100%;color:var(--text-tertiary, var(--text-muted))}.sim-card-minigraph{display:flex;align-items:center;justify-content:center;width:100%;height:100%;background:linear-gradient(135deg,var(--bg-primary) 0%,var(--bg-primary) 100%)}.dark .sim-card-minigraph{background:linear-gradient(135deg,var(--bg-secondary) 0%,var(--bg-surface) 100%)}.dark .sim-card-minigraph line{stroke:var(--border-color)}.dark .sim-card-minigraph circle{stroke:var(--bg-secondary)}.sim-card-hover-actions{position:absolute;top:8px;left:8px;display:flex;gap:8px;opacity:0;transition:opacity .15s ease}.sim-card:hover .sim-card-hover-actions{opacity:1}.sim-card-action-btn{width:32px;height:32px;border-radius:8px;border:none;background:#fffffff2;color:var(--text-secondary, var(--text-secondary));cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s ease;box-shadow:0 2px 4px var(--shadow-overlay-light)}.sim-card-action-btn:hover{background:var(--text-inverse);color:var(--accent-color, var(--color-primary))}.sim-card-action-btn.favorited{color:var(--color-danger)}.sim-card-menu-btn{position:absolute;top:8px;right:8px;width:32px;height:32px;border-radius:8px;border:none;background:#fffffff2;color:var(--text-secondary, var(--text-secondary));cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;transition:all .15s ease;box-shadow:0 2px 4px var(--shadow-overlay-light)}.sim-card:hover .sim-card-menu-btn{opacity:1}.sim-card-menu-btn:hover{background:var(--text-inverse);color:var(--text-primary, var(--bg-tertiary))}.sim-card-dropdown{position:absolute;top:44px;right:8px;background:var(--text-inverse);border:1px solid var(--border-color, var(--border-color));border-radius:8px;box-shadow:0 4px 16px var(--shadow-overlay-md);min-width:160px;z-index:200;overflow:visible}.sim-card-dropdown-item{display:flex;align-items:center;gap:8px;width:100%;padding:10px 14px;border:none;background:none;font-size:14px;color:var(--text-primary, var(--bg-tertiary));cursor:pointer;transition:background .1s ease;text-align:left}.sim-card-dropdown-item:hover{background:var(--bg-secondary, var(--bg-primary))}.sim-card-dropdown-item.danger{color:var(--color-danger)}.sim-card-dropdown-item.danger:hover{background:var(--color-danger-light)}.sim-card-dropdown-divider{height:1px;background:var(--border-color, var(--border-color));margin:4px 0}.sim-card-info{padding:16px}.sim-card-name{font-size:16px;font-weight:600;margin:0 0 6px;color:var(--text-primary, var(--bg-surface));white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sim-card-name-input{width:100%;padding:4px 8px;font-size:16px;font-weight:600;border:2px solid var(--accent-color, var(--color-primary));border-radius:4px;outline:none;background:var(--text-inverse);box-sizing:border-box}.sim-card-updated{font-size:13px;color:var(--text-secondary, var(--text-secondary));margin:0 0 8px}.sim-card-badge{display:inline-flex;align-items:center;padding:4px 8px;border-radius:4px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.sim-card-badge.owned{background:var(--success-bg, var(--color-success-light));color:var(--success-color, var(--color-success))}.sim-card-badge.workspace{background:var(--info-bg, var(--color-primary-light));color:var(--info-color, var(--color-primary))}.sim-card-badge.shared{background:var(--warning-bg, var(--color-warning-light));color:var(--warning-color, var(--color-warning))}.sim-card-compact .sim-card-thumbnail{height:120px}.sim-card-compact .sim-card-info{padding:12px}.sim-card-compact .sim-card-name{font-size:14px;margin-bottom:4px}.sim-card-compact .sim-card-updated{font-size:12px;margin-bottom:0}.dark .sim-card{background:var(--dark-bg-secondary, var(--bg-secondary));border-color:var(--dark-border, var(--bg-tertiary))}.dark .sim-card:hover{border-color:var(--accent-color, var(--color-primary-light))}.dark .sim-card-thumbnail{background:var(--bg-surface)}.dark .sim-card-name{color:var(--dark-text-primary, var(--text-inverse))}.dark .sim-card-updated{color:var(--dark-text-secondary, var(--text-muted))}.dark .sim-card-action-btn,.dark .sim-card-menu-btn{background:#1e1e1ef2;color:var(--text-muted)}.dark .sim-card-action-btn:hover,.dark .sim-card-menu-btn:hover{background:var(--bg-secondary);color:var(--text-inverse)}.dark .sim-card-dropdown{background:var(--bg-secondary);border-color:var(--border-color)}.dark .sim-card-dropdown-item{color:var(--text-inverse)}.dark .sim-card-dropdown-item:hover{background:var(--bg-tertiary)}.dark .sim-card-dropdown-item.danger:hover{background:var(--bg-surface)}.dark .sim-card-dropdown-divider{background:var(--border-color)}.dark .sim-card-name-input{background:var(--bg-secondary);color:var(--text-inverse)}.dark .sim-card-badge.owned{background:var(--color-success-shadow-light);color:var(--color-success-light)}.dark .sim-card-badge.workspace{background:var(--color-primary-shadow-light);color:var(--color-primary-light)}.dark .sim-card-badge.shared{background:var(--color-warning-shadow-light);color:var(--color-warning)}@media (max-width: 768px){.sim-card-thumbnail{height:140px}.sim-card-compact .sim-card-thumbnail{height:100px}.sim-card-info{padding:12px}.sim-card-name{font-size:14px}.sim-card-updated{font-size:12px}}.personal-home{padding:var(--spacing-2xl);width:100%;max-width:1200px;margin:0 auto;box-sizing:border-box}.home-header{margin-bottom:32px}.welcome-message{font-size:28px;font-weight:700;margin:0 0 4px;color:var(--text-primary, var(--bg-surface))}.welcome-subtitle{font-size:15px;color:var(--text-secondary, var(--text-secondary));margin:0}.primary-cta-section{margin-bottom:20px}.primary-cta-card{display:flex;align-items:center;gap:16px;width:100%;padding:20px 24px;border:1px solid var(--border-color, var(--border-color));border-radius:12px;cursor:pointer;transition:all .15s ease;text-align:left;background:var(--bg-primary, var(--text-inverse))}.primary-cta-card:hover{box-shadow:0 4px 12px var(--shadow-overlay-sm)}.primary-cta-card.blue{background:linear-gradient(135deg,var(--color-primary-light) 0%,var(--color-primary-light) 100%);border-color:var(--color-primary-light)}.primary-cta-card.blue:hover{border-color:var(--color-primary);box-shadow:0 4px 16px var(--color-primary-shadow-md)}.primary-cta-card.purple{background:linear-gradient(135deg,var(--color-purple) 0%,var(--color-purple) 100%);border-color:var(--color-purple-light)}.primary-cta-card.purple:hover{border-color:var(--color-purple);box-shadow:0 4px 16px var(--color-purple-shadow-md)}.primary-cta-icon{display:flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:12px;flex-shrink:0}.primary-cta-card.blue .primary-cta-icon{background:var(--color-primary);color:var(--text-inverse)}.primary-cta-card.purple .primary-cta-icon{background:var(--color-purple);color:var(--text-inverse)}.primary-cta-content{display:flex;flex-direction:column;gap:4px;flex:1}.primary-cta-label{font-size:17px;font-weight:600;color:var(--text-primary, var(--bg-surface))}.primary-cta-card.blue .primary-cta-label{color:var(--color-primary-dark)}.primary-cta-card.purple .primary-cta-label{color:var(--color-purple-dark)}.primary-cta-description{font-size:14px;color:var(--text-secondary, var(--text-secondary))}.primary-cta-card.blue .primary-cta-description{color:var(--color-primary)}.primary-cta-card.purple .primary-cta-description{color:var(--color-purple)}.primary-cta-arrow{flex-shrink:0;color:var(--text-tertiary, var(--text-muted));transition:transform .15s ease}.primary-cta-card:hover .primary-cta-arrow{transform:translate(4px)}.primary-cta-card.blue .primary-cta-arrow{color:var(--color-primary)}.primary-cta-card.purple .primary-cta-arrow{color:var(--color-purple)}.quick-actions{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-bottom:40px}.quick-action-card{display:flex;flex-direction:row;align-items:center;gap:14px;padding:16px 20px;background:var(--bg-primary, var(--text-inverse));border:1px solid var(--border-color, var(--border-color));border-radius:10px;cursor:pointer;transition:all .15s ease;text-align:left}.quick-action-card:hover{border-color:var(--accent-color, var(--color-primary));box-shadow:0 2px 8px var(--shadow-overlay-xs)}.quick-action-icon{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:10px;flex-shrink:0}.quick-action-content{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.quick-action-label{font-size:15px;font-weight:600;color:var(--text-primary, var(--bg-surface))}.quick-action-description{font-size:13px;color:var(--text-secondary, var(--text-secondary))}.quick-action-card.default{background:var(--bg-primary, var(--text-inverse));border-color:var(--border-color, var(--border-color))}.quick-action-card.default:hover{background:var(--bg-secondary, var(--bg-primary));border-color:var(--border-color)}.quick-action-card.default .quick-action-icon{background:var(--bg-secondary);color:var(--text-secondary)}.quick-action-card.default .quick-action-label{color:var(--text-primary, var(--bg-surface))}.quick-action-card.default .quick-action-description{color:var(--text-secondary, var(--text-secondary))}.home-section{margin-bottom:40px}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.section-title{display:flex;align-items:center;gap:8px}.section-title svg{color:var(--text-tertiary, var(--text-muted))}.section-title h2{font-size:18px;font-weight:600;margin:0;color:var(--text-primary, var(--bg-surface))}.section-action{display:flex;align-items:center;gap:6px;padding:6px 10px;background:none;border:none;color:var(--accent-color, var(--color-primary));font-size:13px;font-weight:500;cursor:pointer;border-radius:6px;transition:background .15s ease}.section-action:hover{background:var(--accent-bg, var(--color-primary-light))}.favorites-icon{color:var(--color-danger)}.template-recommendations{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.template-card{background:var(--bg-primary, var(--text-inverse));border:1px solid var(--border-color, var(--border-color));border-radius:10px;padding:16px;cursor:pointer;transition:all .15s ease}.template-card:hover{border-color:var(--accent-color, var(--color-primary));box-shadow:0 2px 8px var(--shadow-overlay-xs)}.template-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.template-title{font-size:14px;font-weight:600;color:var(--text-primary, var(--bg-surface))}.template-difficulty{font-size:11px;font-weight:500;padding:2px 8px;border-radius:4px;text-transform:capitalize}.template-difficulty.beginner{background:var(--color-success-light);color:var(--color-success-dark)}.template-difficulty.intermediate{background:var(--color-warning-light);color:var(--color-warning-dark)}.template-difficulty.advanced{background:var(--color-danger-light);color:var(--color-danger-dark)}.template-subtitle{font-size:13px;color:var(--text-secondary, var(--text-secondary));margin:0 0 12px;line-height:1.4}.template-meta{font-size:12px;color:var(--text-tertiary, var(--text-muted))}.sim-card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px}.getting-started{display:flex;flex-direction:column;align-items:center;text-align:center;padding:56px 32px;background:linear-gradient(135deg,var(--color-primary-light) 0%,var(--color-primary-light) 50%,var(--bg-primary) 100%);border:1px solid var(--border-color, var(--border-color));border-radius:16px;box-shadow:0 2px 8px var(--shadow-overlay-xs)}.getting-started-icon{display:flex;align-items:center;justify-content:center;width:80px;height:80px;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary) 100%);border-radius:50%;color:var(--text-inverse);margin-bottom:24px;box-shadow:0 4px 16px var(--color-primary-shadow-md);font-size:32px}.getting-started h2{font-size:24px;font-weight:700;margin:0 0 12px;color:var(--text-primary, var(--bg-surface));letter-spacing:-.5px}.getting-started p{font-size:15px;color:var(--text-secondary, var(--text-secondary));margin:0 0 28px;max-width:450px;line-height:1.5}.getting-started-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;justify-content:center}.btn-primary{display:inline-flex;align-items:center;gap:8px;padding:12px 28px;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary) 100%);color:var(--text-inverse);border:none;border-radius:10px;font-weight:600;font-size:14px;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px var(--color-primary-shadow-md)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 16px var(--color-primary-shadow-lg)}.btn-secondary{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;background:linear-gradient(135deg,var(--color-purple) 0%,var(--color-purple) 100%);color:var(--text-inverse);border:none;border-radius:10px;font-weight:600;font-size:14px;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px var(--color-purple-shadow-md)}.btn-secondary:hover{transform:translateY(-2px);box-shadow:0 6px 16px var(--color-purple-shadow-lg)}.btn-secondary:active{transform:translateY(0)}.dark .welcome-message{color:var(--dark-text-primary, var(--text-inverse))}.dark .welcome-subtitle{color:var(--dark-text-secondary, var(--text-muted))}.dark .section-title h2{color:var(--dark-text-primary, var(--text-inverse))}.dark .primary-cta-card{background:var(--dark-bg-secondary, var(--bg-secondary));border-color:var(--dark-border, var(--bg-tertiary))}.dark .primary-cta-card.blue{background:#3b82f61a;border-color:#3b82f64d}.dark .primary-cta-card.blue:hover{background:#3b82f626;border-color:#3b82f680}.dark .primary-cta-card.blue .primary-cta-label{color:var(--color-primary-light)}.dark .primary-cta-card.blue .primary-cta-description,.dark .primary-cta-card.blue .primary-cta-arrow{color:var(--color-primary)}.dark .primary-cta-card.purple{background:#8b5cf61a;border-color:#8b5cf64d}.dark .primary-cta-card.purple:hover{background:#8b5cf626;border-color:#8b5cf680}.dark .primary-cta-card.purple .primary-cta-label{color:var(--color-purple-light)}.dark .primary-cta-card.purple .primary-cta-description,.dark .primary-cta-card.purple .primary-cta-arrow{color:var(--color-purple)}.dark .template-card:hover{border-color:var(--accent-color, var(--color-primary-light))}.dark .template-title{color:var(--dark-text-primary, var(--text-inverse))}.dark .template-subtitle{color:var(--dark-text-secondary, var(--text-muted))}.dark .template-meta{color:var(--dark-text-tertiary, var(--text-secondary))}.dark .template-difficulty.beginner{background:#16a34a33;color:var(--color-success)}.dark .template-difficulty.intermediate{background:#d9770633;color:var(--color-warning)}.dark .template-difficulty.advanced{background:#dc262633;color:var(--color-danger)}.dark .btn-secondary{background:transparent;color:var(--dark-text-secondary, var(--text-muted));border-color:var(--dark-border, var(--bg-tertiary))}.dark .btn-secondary:hover{background:#ffffff0d;border-color:var(--dark-text-tertiary, var(--text-secondary))}.dark .quick-action-card.blue{background:#3b82f61a;border-color:#3b82f64d}.dark .quick-action-card.blue:hover{background:#3b82f626;border-color:#3b82f666}.dark .quick-action-card.blue .quick-action-label{color:var(--color-primary-light)}.dark .quick-action-card.blue .quick-action-description{color:var(--color-primary)}.dark .quick-action-card.purple{background:#8b5cf61a;border-color:#8b5cf64d}.dark .quick-action-card.purple:hover{background:#8b5cf626;border-color:#8b5cf666}.dark .quick-action-card.purple .quick-action-label{color:var(--color-purple-light)}.dark .quick-action-card.purple .quick-action-description{color:var(--color-purple)}.dark .quick-action-card.default{background:var(--dark-bg-secondary, var(--bg-secondary));border-color:var(--dark-border, var(--bg-tertiary))}.dark .quick-action-card.default:hover{background:var(--bg-tertiary);border-color:var(--border-color)}.dark .quick-action-card.default .quick-action-icon{background:var(--bg-tertiary);color:var(--text-muted)}.dark .quick-action-card.default .quick-action-label{color:var(--dark-text-primary, var(--text-inverse))}.dark .quick-action-card.default .quick-action-description{color:var(--dark-text-secondary, var(--text-muted))}.dark .getting-started{background:linear-gradient(135deg,rgba(59,130,246,.08) 0%,rgba(59,130,246,.05) 50%,var(--dark-bg-secondary, var(--bg-secondary)) 100%);border-color:var(--dark-border, var(--bg-tertiary));box-shadow:0 2px 8px var(--shadow-overlay-lg)}.dark .getting-started-icon{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary) 100%);box-shadow:0 4px 16px var(--color-primary-shadow-lg)}.dark .getting-started h2{color:var(--dark-text-primary, var(--text-inverse))}.dark .getting-started p{color:var(--dark-text-secondary, var(--text-muted))}.dark .btn-secondary{background:linear-gradient(135deg,var(--color-purple) 0%,var(--color-purple) 100%);color:var(--text-inverse);box-shadow:0 4px 12px var(--color-purple-shadow-lg)}.dark .btn-secondary:hover{transform:translateY(-2px);box-shadow:0 6px 16px var(--color-purple-shadow-xl)}.dark .btn-secondary:active{transform:translateY(0)}@media (max-width: 768px){.personal-home{padding:20px 16px}.home-header{margin-bottom:24px}.welcome-message{font-size:22px}.welcome-subtitle{font-size:14px}.primary-cta-card{padding:16px 18px}.primary-cta-icon{width:44px;height:44px}.primary-cta-label{font-size:15px}.primary-cta-description{font-size:13px}.template-recommendations{grid-template-columns:1fr;gap:12px}.template-card{padding:14px}.quick-actions{grid-template-columns:1fr;gap:12px;margin-bottom:32px}.quick-action-card{padding:14px 16px}.quick-action-icon{width:40px;height:40px}.quick-action-label{font-size:14px}.quick-action-description{font-size:12px}.home-section{margin-bottom:32px}.section-header{margin-bottom:12px}.section-title h2{font-size:16px}.sim-card-grid{grid-template-columns:repeat(2,1fr);gap:12px}.getting-started{padding:40px 24px;border-radius:12px}.getting-started-icon{width:72px;height:72px}.getting-started h2{font-size:20px}.getting-started p{font-size:14px;margin-bottom:20px}.btn-primary,.btn-secondary{padding:10px 20px;font-size:13px}}@media (max-width: 375px){.personal-home{padding:16px 12px}.welcome-message{font-size:20px}.sim-card-grid{grid-template-columns:1fr}}.simulations-list-view{background:var(--bg-primary, var(--text-inverse));border-radius:12px;border:1px solid var(--border-color, var(--border-color));overflow:hidden}.bulk-actions{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:var(--accent-bg, var(--color-primary-light));border-bottom:1px solid var(--border-color, var(--border-color))}.selection-count{font-size:13px;font-weight:500;color:var(--accent-color, var(--color-primary))}.bulk-buttons{display:flex;gap:8px}.bulk-btn{display:flex;align-items:center;gap:6px;padding:6px 12px;background:var(--accent-color, var(--color-primary));color:var(--text-inverse);border:none;border-radius:6px;font-size:12px;font-weight:500;cursor:pointer;transition:background .15s ease}.bulk-btn:hover{background:var(--accent-hover, var(--color-primary))}.bulk-btn-danger{background:var(--color-danger)}.bulk-btn-danger:hover{background:var(--color-danger-dark)}.table-container{overflow-x:auto}.simulations-table{width:100%;border-collapse:collapse;font-size:13px}.simulations-table thead{background:var(--bg-secondary, var(--bg-primary));border-bottom:1px solid var(--border-color, var(--border-color))}.simulations-table th{padding:12px 16px;text-align:left;font-weight:600;color:var(--text-secondary, var(--text-secondary));user-select:none;white-space:nowrap}.sortable{cursor:pointer;transition:background .15s ease}.sortable:hover{background:var(--bg-tertiary, var(--bg-primary))}.header-content{display:flex;align-items:center;gap:6px}.sort-icon-placeholder{width:16px;height:16px}.simulations-table tbody tr{border-bottom:1px solid var(--border-color, var(--border-color));transition:background .15s ease;cursor:pointer}.simulations-table tbody tr:last-child{border-bottom:none}.simulations-table tbody tr:hover{background:var(--bg-secondary, var(--bg-primary))}.simulations-table tbody tr.selected{background:var(--accent-bg, var(--color-primary-light))}.simulations-table tbody tr.selected:hover{background:var(--color-primary-light)}.simulations-table td{padding:12px 16px;color:var(--text-primary, var(--bg-surface))}td.checkbox-cell,th.checkbox-cell,.checkbox-cell{width:48px;padding:12px 8px 12px 16px;text-align:center}.checkbox-cell input{cursor:pointer;width:16px;height:16px;accent-color:var(--accent-color, var(--color-primary))}.name-cell{min-width:200px}.name-content{display:flex;align-items:center;gap:8px}.file-icon{flex-shrink:0;color:var(--text-tertiary, var(--text-muted))}.name-text{font-weight:500;color:var(--text-primary, var(--bg-surface));overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:250px}.favorite-indicator{flex-shrink:0;color:var(--color-warning)}.type-cell{width:100px}.type-badge{display:inline-block;padding:4px 8px;background:var(--bg-tertiary, var(--bg-primary));border-radius:4px;font-size:11px;font-weight:500;color:var(--text-secondary, var(--text-secondary));text-transform:capitalize}.type-badge.type-queue{background:var(--color-primary-light);color:var(--color-primary-dark)}.type-badge.type-resource{background:var(--color-success-light);color:var(--color-success-dark)}.type-badge.type-batch{background:var(--color-warning-light);color:var(--color-warning-dark)}.type-badge.type-assembly{background:var(--color-purple-light);color:var(--color-purple-dark)}.type-badge.type-split{background:var(--color-pink-light);color:var(--color-pink-dark)}.type-badge.type-empty{background:var(--bg-secondary);color:var(--text-secondary)}.size-cell{width:80px}.modified-cell{width:120px}.secondary-text{color:var(--text-tertiary, var(--text-muted));font-size:12px}.actions-cell{width:120px;text-align:right}.actions-cell .header-content{justify-content:flex-end}.action-buttons{display:flex;gap:4px;justify-content:flex-end;opacity:0;transition:opacity .15s ease}.simulations-table tbody tr:hover .action-buttons{opacity:1}.action-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:transparent;border:none;border-radius:6px;color:var(--text-tertiary, var(--text-muted));cursor:pointer;transition:all .15s ease}.action-btn:hover{background:var(--bg-tertiary, var(--bg-primary));color:var(--accent-color, var(--color-primary))}.action-btn .favorited{color:var(--color-warning)}.action-btn.delete:hover{background:var(--color-danger-light);color:var(--color-danger)}.list-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center;color:var(--text-tertiary, var(--text-muted))}.list-empty-state svg{margin-bottom:16px;opacity:.3}.list-empty-state h3{margin:0 0 8px;font-size:16px;font-weight:600;color:var(--text-primary, var(--bg-surface))}.list-empty-state p{margin:0;font-size:13px;color:var(--text-tertiary, var(--text-muted))}.dark .simulations-list-view{background:var(--dark-bg-secondary, var(--bg-secondary));border-color:var(--dark-border, var(--bg-tertiary))}.dark .bulk-actions{background:var(--color-primary-shadow-xs);border-color:var(--dark-border, var(--bg-tertiary))}.dark .selection-count{color:var(--dark-accent, var(--color-primary-light))}.dark .simulations-table thead{background:var(--dark-bg-tertiary, var(--bg-tertiary));border-color:var(--dark-border, var(--bg-tertiary))}.dark .simulations-table th{color:var(--dark-text-secondary, var(--text-muted))}.dark .sortable:hover{background:var(--dark-bg-secondary, var(--bg-tertiary))}.dark .simulations-table tbody tr{border-color:var(--dark-border, var(--bg-tertiary))}.dark .simulations-table tbody tr:hover{background:var(--dark-bg-tertiary, var(--bg-tertiary))}.dark .simulations-table tbody tr.selected{background:var(--color-primary-shadow-sm)}.dark .simulations-table tbody tr.selected:hover{background:var(--color-primary-shadow-md)}.dark .simulations-table td{color:var(--dark-text-primary, var(--text-inverse))}.dark .file-icon{color:var(--dark-text-tertiary, var(--text-secondary))}.dark .name-text{color:var(--dark-text-primary, var(--text-inverse))}.dark .type-badge{background:var(--dark-bg-tertiary, var(--bg-tertiary));color:var(--dark-text-secondary, var(--text-muted))}.dark .type-badge.type-queue{background:var(--color-primary-shadow-sm);color:var(--color-primary)}.dark .type-badge.type-resource{background:var(--color-success-shadow-sm);color:var(--color-success)}.dark .type-badge.type-batch{background:var(--color-warning-shadow-sm);color:var(--color-warning)}.dark .type-badge.type-assembly{background:var(--color-purple-shadow-sm);color:var(--color-purple)}.dark .type-badge.type-split{background:#ec489933;color:var(--color-pink)}.dark .secondary-text,.dark .action-btn{color:var(--dark-text-tertiary, var(--text-secondary))}.dark .action-btn:hover{background:var(--dark-bg-tertiary, var(--bg-tertiary));color:var(--dark-accent, var(--color-primary-light))}.dark .action-btn.delete:hover{background:var(--color-danger-shadow-sm);color:var(--color-danger)}.dark .list-empty-state h3{color:var(--dark-text-primary, var(--text-inverse))}.dark .list-empty-state p{color:var(--dark-text-tertiary, var(--text-secondary))}@media (max-width: 900px){.size-cell,.type-cell{display:none}}@media (max-width: 640px){.simulations-table{font-size:12px}.simulations-table th,.simulations-table td{padding:8px 12px}.name-text{max-width:150px}.action-buttons{gap:2px;opacity:1}.action-btn{width:28px;height:28px}.bulk-actions{flex-direction:column;gap:8px;align-items:flex-start}}.view-toggle{display:flex;align-items:center;gap:12px}.toggle-buttons{display:flex;gap:2px;background:var(--bg-secondary, var(--bg-primary));border-radius:8px;padding:4px}.view-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;background:transparent;border-radius:6px;cursor:pointer;color:var(--text-tertiary, var(--text-muted));transition:all .15s ease}.view-btn:hover{color:var(--text-secondary, var(--text-secondary))}.view-btn.active{background:var(--bg-primary, var(--text-inverse));color:var(--accent-color, var(--color-primary));box-shadow:0 1px 3px var(--shadow-overlay-xs)}.view-hint{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--accent-color, var(--color-primary));padding:8px 12px;background:var(--accent-bg, var(--color-primary-light));border-radius:6px;animation:slideIn .3s ease}.hint-icon{flex-shrink:0}@keyframes slideIn{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:translate(0)}}.dark .toggle-buttons{background:var(--dark-bg-tertiary, var(--bg-tertiary))}.dark .view-btn{color:var(--dark-text-tertiary, var(--text-secondary))}.dark .view-btn:hover{color:var(--dark-text-secondary, var(--text-muted))}.dark .view-btn.active{background:var(--dark-bg-secondary, var(--bg-tertiary));color:var(--dark-accent, var(--color-primary-light))}.dark .view-hint{background:var(--color-primary-shadow-sm);color:var(--dark-accent, var(--color-primary-light))}.simulations-view{padding:var(--spacing-xl) var(--spacing-2xl);width:100%;box-sizing:border-box}.simulations-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-xl);gap:var(--spacing-md);flex-wrap:wrap}.simulations-header h1{font-size:28px;font-weight:600;margin:0}.simulations-controls{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.search-box{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:var(--bg-secondary, var(--bg-primary));border:1px solid var(--border-color, var(--border-color));border-radius:8px;min-width:200px}.search-box svg{color:var(--text-tertiary, var(--text-muted))}.search-box input{border:none;background:none;outline:none;font-size:14px;flex:1}.filter-chips{display:flex;gap:8px}.filter-chip{padding:6px 12px;border:1px solid var(--border-color, var(--border-color));background:var(--bg-primary, var(--text-inverse));border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:var(--transition-moderate)}.filter-chip:hover{border-color:var(--accent-color, var(--color-primary));background:var(--accent-bg, var(--color-primary-light))}.filter-chip.active{background:var(--accent-color, var(--color-primary));color:var(--text-inverse);border-color:var(--accent-color, var(--color-primary))}.sort-select{padding:8px 12px;border:1px solid var(--border-color, var(--border-color));border-radius:8px;background:var(--bg-primary, var(--text-inverse));font-size:14px;cursor:pointer}.simulations-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--spacing-lg)}.project-card{background:var(--bg-primary, var(--text-inverse));border:1px solid var(--border-color, var(--border-color));border-radius:12px;overflow:visible;cursor:pointer;transition:var(--transition-moderate);position:relative}.project-card:hover{border-color:var(--accent-color, var(--color-primary));box-shadow:0 4px 12px var(--shadow-overlay-sm);transform:translateY(-2px)}.project-thumbnail{width:100%;height:160px;background:var(--bg-tertiary, var(--bg-primary));display:flex;align-items:center;justify-content:center;position:relative;border-radius:12px 12px 0 0;overflow:hidden}.project-thumbnail img{width:100%;height:100%;object-fit:cover}.project-placeholder{display:flex;align-items:center;justify-content:center;width:100%;height:100%;color:var(--text-tertiary, var(--text-muted))}.card-hover-actions{position:absolute;top:8px;left:8px;display:flex;gap:8px;opacity:0;transition:opacity .15s ease}.project-card:hover .card-hover-actions{opacity:1}.card-action-btn{width:32px;height:32px;border-radius:8px;border:none;background:var(--overlay-card-button);color:var(--text-secondary, var(--text-secondary));cursor:pointer;display:flex;align-items:center;justify-content:center;transition:var(--transition-moderate);box-shadow:0 2px 4px var(--shadow-overlay-xs)}.card-action-btn:hover{background:var(--bg-primary);color:var(--accent-color, var(--color-primary))}.card-action-btn.favorited{color:var(--color-danger)}.card-menu-btn{position:absolute;top:8px;right:8px;width:32px;height:32px;border-radius:8px;border:none;background:var(--overlay-card-button);color:var(--text-secondary, var(--text-secondary));cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;transition:var(--transition-moderate);box-shadow:0 2px 4px var(--shadow-overlay-xs)}.project-card:hover .card-menu-btn{opacity:1}.card-menu-btn:hover{background:var(--bg-primary);color:var(--text-primary, var(--bg-tertiary))}.card-dropdown-menu{position:absolute;top:44px;right:8px;background:var(--bg-primary);border:1px solid var(--border-color, var(--border-color));border-radius:8px;box-shadow:0 4px 16px var(--shadow-overlay-md);min-width:160px;z-index:var(--z-dropdown);overflow:hidden}.dropdown-item{display:flex;align-items:center;gap:8px;width:100%;padding:10px 14px;border:none;background:none;font-size:14px;color:var(--text-primary, var(--bg-tertiary));cursor:pointer;transition:background .1s ease;text-align:left}.dropdown-item:hover{background:var(--bg-secondary, var(--bg-primary))}.dropdown-item.danger{color:var(--color-danger)}.dropdown-item.danger:hover{background:var(--color-danger-light)}.dropdown-divider{height:1px;background:var(--border-color, var(--border-color));margin:4px 0}.project-name-input{width:100%;padding:4px 8px;font-size:16px;font-weight:600;border:2px solid var(--accent-color, var(--color-primary));border-radius:4px;outline:none;background:var(--bg-primary);box-sizing:border-box}.project-info{padding:16px}.project-name{font-size:16px;font-weight:600;margin:0 0 8px;color:var(--text-primary, var(--bg-surface))}.project-updated{font-size:13px;color:var(--text-secondary, var(--text-secondary));margin:0 0 8px}.ownership-badge{display:inline-flex;align-items:center;padding:4px 8px;border-radius:4px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.ownership-badge.owned{background:var(--color-success-light);color:var(--color-success-dark)}.ownership-badge.workspace{background:var(--color-primary-light);color:var(--color-primary-dark)}.ownership-badge.shared{background:var(--color-warning-light);color:var(--color-warning-dark)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-3xl) var(--spacing-lg);text-align:center;max-width:500px;margin:0 auto}.empty-icon-wrapper{width:80px;height:80px;border-radius:var(--radius-xl);background:var(--bg-tertiary);display:flex;align-items:center;justify-content:center;color:var(--text-muted);margin-bottom:var(--spacing-lg)}.empty-icon{color:var(--text-tertiary, var(--border-color));margin-bottom:var(--spacing-md);opacity:.4;display:flex;align-items:center;justify-content:center;width:32px;height:32px;overflow:visible}.empty-icon svg{width:100%;height:100%;display:block}.empty-state h2{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);margin:0 0 var(--spacing-sm) 0;color:var(--text-primary)}.empty-state p{font-size:var(--font-size-md);color:var(--text-secondary);margin:0 0 var(--spacing-xl) 0;line-height:1.5}.empty-cta{padding:var(--spacing-sm) var(--spacing-lg);font-size:var(--font-size-md)}.simulation-card-skeleton{background:var(--bg-secondary, var(--bg-primary));border-radius:12px;height:280px;animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.btn-primary{display:flex;align-items:center;gap:6px;padding:10px 16px;background:var(--accent-color, var(--color-primary));color:var(--text-inverse);border:none;border-radius:8px;font-weight:500;font-size:14px;cursor:pointer;transition:background .15s ease}.btn-primary:hover{background:var(--accent-hover, var(--color-primary))}.btn-trash{position:relative;display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:var(--bg-secondary, var(--bg-primary));color:var(--text-secondary, var(--text-secondary));border:1px solid var(--border-color, var(--border-color));border-radius:8px;cursor:pointer;transition:var(--transition-moderate)}.btn-trash:hover{background:var(--bg-primary, var(--text-inverse));color:var(--color-danger);border-color:var(--color-danger)}.trash-badge{position:absolute;top:-8px;right:-8px;display:flex;align-items:center;justify-content:center;width:20px;height:20px;background:var(--color-danger);color:var(--text-inverse);border-radius:50%;font-size:11px;font-weight:600}.dark .search-box{background:var(--bg-secondary);border-color:var(--border-color)}.dark .filter-chip{background:var(--bg-secondary);border-color:var(--border-color);color:var(--text-primary)}.dark .filter-chip.active{background:var(--color-primary)}.dark .project-card{background:var(--bg-secondary);border-color:var(--border-color)}.dark .project-name{color:var(--text-primary)}.dark .project-updated{color:var(--text-muted)}.dark .card-action-btn,.dark .card-menu-btn{background:var(--overlay-card-button-dark);color:var(--text-muted)}.dark .card-action-btn:hover,.dark .card-menu-btn:hover{background:var(--bg-secondary);color:var(--text-primary)}.dark .card-dropdown-menu{background:var(--bg-secondary);border-color:var(--border-color)}.dark .dropdown-item{color:var(--text-primary)}.dark .dropdown-item:hover{background:var(--bg-tertiary)}.dark .dropdown-item.danger:hover{background:var(--color-danger-dark)}.dark .dropdown-divider{background:var(--border-color)}.dark .project-name-input{background:var(--bg-secondary);color:var(--text-primary)}.dark .btn-trash{background:var(--bg-secondary);color:var(--text-muted);border-color:var(--border-color)}.dark .btn-trash:hover{background:var(--bg-tertiary);color:var(--color-danger);border-color:var(--color-danger)}.floating-trash-btn{position:fixed;bottom:24px;right:24px;display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:var(--bg-primary, var(--text-inverse));color:var(--text-secondary, var(--text-secondary));border:1px solid var(--border-color, var(--border-color));border-radius:50%;cursor:pointer;transition:all var(--transition-moderate);box-shadow:0 2px 8px var(--shadow-overlay-xs);z-index:calc(var(--z-dropdown) - 50);overflow:visible}.floating-trash-btn:hover{background:var(--color-danger-light);color:var(--color-danger);border-color:var(--color-danger-border);transform:scale(1.05);box-shadow:0 4px 12px var(--color-danger-shadow-md)}.floating-trash-badge{position:absolute;top:-4px;right:-4px;display:flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 5px;background:var(--color-danger);color:var(--text-inverse);border-radius:10px;font-size:11px;font-weight:600}.dark .floating-trash-btn{background:var(--bg-secondary);color:var(--text-muted);border-color:var(--border-color);box-shadow:0 2px 8px var(--shadow-overlay-lg)}.dark .floating-trash-btn:hover{background:var(--color-danger-dark);color:var(--color-danger);border-color:var(--color-danger)}.trash-view{padding:24px 32px;width:100%;box-sizing:border-box;max-width:1200px;margin:0 auto}.trash-header{margin-bottom:32px}.back-btn{display:inline-flex;align-items:center;gap:6px;background:none;border:none;color:var(--accent-color, var(--color-primary));cursor:pointer;font-size:14px;font-weight:500;margin-bottom:12px;padding:6px 0;transition:opacity .15s ease}.back-btn:hover{opacity:.7}.trash-header h1{font-size:28px;font-weight:600;margin:0;color:var(--text-primary, var(--bg-surface))}.quota-warning{display:flex;gap:16px;padding:16px 20px;background:var(--color-warning-light);border-left:4px solid var(--color-warning);border-radius:8px;margin-bottom:32px;color:var(--color-warning)}.quota-warning svg{flex-shrink:0;margin-top:2px;color:var(--color-warning)}.warning-content{flex:1}.quota-warning h3{font-size:16px;font-weight:600;margin:0 0 8px}.quota-warning p{font-size:14px;margin:0 0 12px;line-height:1.5}.link-btn{display:inline-flex;align-items:center;gap:6px;background:none;border:none;color:var(--color-warning);cursor:pointer;font-size:14px;font-weight:600;padding:0;text-decoration:underline}.link-btn:hover{opacity:.8}.empty-trash{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;text-align:center;background:var(--bg-secondary, var(--bg-primary));border-radius:16px;max-width:500px;margin:40px auto}.empty-icon{display:flex;align-items:center;justify-content:center;width:80px;height:80px;background:var(--bg-primary, var(--text-inverse));border-radius:50%;margin-bottom:24px;box-shadow:0 2px 8px var(--shadow-overlay-sm)}.empty-icon svg{color:var(--text-tertiary, var(--text-muted))}.empty-trash h2{font-size:22px;font-weight:600;margin:0 0 12px;color:var(--text-primary, var(--bg-surface))}.empty-description{font-size:15px;color:var(--text-secondary, var(--text-secondary));margin:0 0 24px;line-height:1.5}.empty-tip{display:flex;gap:8px;padding:12px 16px;background:var(--bg-primary, var(--text-inverse));border-radius:8px;font-size:13px;color:var(--text-secondary, var(--text-secondary));margin-bottom:24px}.tip-label{font-weight:600;color:var(--accent-color, var(--color-primary))}.btn-create{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;background:var(--accent-color, var(--color-primary));color:var(--text-inverse);border:none;border-radius:8px;font-weight:500;font-size:14px;cursor:pointer;transition:background .15s ease}.btn-create:hover{background:var(--accent-hover, var(--color-primary))}.trash-list{display:flex;flex-direction:column;gap:8px;background:var(--border-color, var(--border-color));border-radius:8px;overflow:hidden}.trash-item{display:flex;justify-content:space-between;align-items:center;padding:16px;background:var(--bg-primary, var(--text-inverse));border-bottom:1px solid var(--border-color, var(--border-color));transition:background .15s ease;gap:16px}.trash-item:last-child{border-bottom:none}.trash-item:hover{background:var(--bg-secondary, var(--bg-primary))}.item-info{flex:1;min-width:0}.item-info h4{font-size:16px;font-weight:600;margin:0 0 4px;color:var(--text-primary, var(--bg-surface));white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.item-date{font-size:13px;color:var(--text-secondary, var(--text-secondary));margin:0}.item-actions{display:flex;gap:8px;flex-shrink:0}.btn-restore,.btn-delete{display:flex;align-items:center;gap:6px;padding:8px 12px;border:1px solid var(--border-color, var(--border-color));background:var(--bg-primary, var(--text-inverse));border-radius:6px;cursor:pointer;font-size:13px;font-weight:500;transition:var(--transition-moderate);white-space:nowrap}.btn-restore:hover:not(:disabled){border-color:var(--color-success);color:var(--color-success);background:var(--color-success-shadow-subtle)}.btn-restore:disabled{opacity:.6;cursor:not-allowed}.btn-delete{color:var(--color-danger)}.btn-delete:hover:not(:disabled){border-color:var(--color-danger);background:var(--color-danger-shadow-subtle)}.btn-delete:disabled{opacity:.6;cursor:not-allowed}.loading{display:flex;align-items:center;justify-content:center;padding:60px 20px;color:var(--text-secondary, var(--text-secondary));font-size:14px}.dark .trash-header h1{color:var(--dark-text-primary, var(--text-inverse))}.dark .quota-warning{background:var(--color-warning);color:var(--color-warning-light);border-left-color:var(--color-warning)}.dark .quota-warning svg{color:var(--color-warning)}.dark .empty-trash{background:var(--dark-bg-secondary, var(--bg-secondary))}.dark .empty-icon{background:var(--bg-tertiary)}.dark .empty-icon svg{color:var(--text-secondary)}.dark .empty-trash h2{color:var(--dark-text-primary, var(--text-inverse))}.dark .empty-tip,.dark .trash-list{background:var(--bg-tertiary)}.dark .trash-item{background:var(--dark-bg-secondary, var(--bg-secondary));border-color:var(--dark-border, var(--bg-tertiary))}.dark .trash-item:hover{background:var(--bg-tertiary)}.dark .item-info h4{color:var(--dark-text-primary, var(--text-inverse))}.dark .btn-restore,.dark .btn-delete{background:var(--dark-bg-secondary, var(--bg-secondary));border-color:var(--dark-border, var(--bg-tertiary));color:inherit}.dark .btn-restore:hover:not(:disabled){background:var(--color-success);color:var(--text-inverse);border-color:var(--color-success)}.dark .btn-delete:hover:not(:disabled){background:var(--color-danger);color:var(--text-inverse);border-color:var(--color-danger)}@media (max-width: 768px){.trash-view{padding:16px}.trash-header h1{font-size:24px}.trash-item{flex-direction:column;align-items:flex-start}.item-actions{width:100%}.btn-restore,.btn-delete{flex:1;justify-content:center}.quota-warning{flex-direction:column}}.delete-confirm-overlay{position:fixed;inset:0;background:var(--overlay-heavy);display:flex;align-items:center;justify-content:center;z-index:var(--z-modal-backdrop);backdrop-filter:blur(4px)}.delete-confirm-modal{background:var(--bg-primary, var(--text-inverse));border-radius:16px;padding:32px;max-width:400px;width:90%;text-align:center;box-shadow:0 20px 40px var(--shadow-overlay-lg)}.delete-modal-icon{width:56px;height:56px;background:var(--color-danger-light);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 20px;color:var(--color-danger)}.delete-confirm-modal h3{font-size:20px;font-weight:600;margin:0 0 12px;color:var(--text-primary, var(--bg-surface))}.delete-confirm-modal p{font-size:14px;color:var(--text-secondary, var(--text-secondary));margin:0 0 24px;line-height:1.5}.delete-modal-actions{display:flex;gap:12px}.btn-cancel{flex:1;padding:12px 20px;border:1px solid var(--border-color, var(--border-color));background:var(--bg-primary, var(--text-inverse));border-radius:8px;font-weight:500;font-size:14px;cursor:pointer;transition:var(--transition-moderate)}.btn-cancel:hover{background:var(--bg-secondary, var(--bg-primary))}.btn-confirm-delete{flex:1;padding:12px 20px;border:none;background:var(--color-danger);color:var(--text-inverse);border-radius:8px;font-weight:500;font-size:14px;cursor:pointer;transition:var(--transition-moderate)}.btn-confirm-delete:hover:not(:disabled){background:var(--color-danger)}.btn-confirm-delete:disabled{opacity:.6;cursor:not-allowed}.dark .delete-confirm-modal{background:var(--dark-bg-secondary, var(--bg-secondary))}.dark .delete-modal-icon{background:var(--color-danger-shadow-light)}.dark .delete-confirm-modal h3{color:var(--dark-text-primary, var(--text-inverse))}.dark .btn-cancel{background:var(--dark-bg-tertiary, var(--bg-tertiary));border-color:var(--dark-border, var(--bg-tertiary));color:var(--dark-text-primary, var(--text-inverse))}.dark .btn-cancel:hover{background:var(--bg-tertiary)}.create-ai-view{display:flex;flex-direction:column;height:100%;max-width:900px;margin:0 auto;padding:20px 24px;gap:16px}.ai-hero{text-align:center;padding:24px 24px 16px}.ai-hero-icon{display:inline-flex;align-items:center;justify-content:center;width:64px;height:64px;background:linear-gradient(135deg,var(--color-purple),var(--color-purple));border-radius:16px;color:var(--text-inverse);margin-bottom:20px;box-shadow:0 8px 24px var(--color-purple-shadow-lg)}.ai-hero-icon.guest{background:linear-gradient(135deg,var(--color-primary-light) 0%,var(--color-primary-light) 100%);box-shadow:0 8px 24px var(--color-primary-shadow-light);color:var(--color-primary)}.ai-hero h1{font-size:32px;font-weight:700;margin:0 0 12px;color:var(--text-primary, var(--bg-surface))}.ai-hero p{font-size:16px;color:var(--text-secondary, var(--text-secondary));max-width:500px;margin:0 auto;line-height:1.5}.ai-examples{padding:0 8px}.examples-header{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:500;color:var(--text-secondary, var(--text-secondary));margin-bottom:16px}.examples-header svg{color:var(--color-warning)}.examples-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px}.example-card{display:flex;align-items:center;gap:12px;padding:14px 16px;background:var(--bg-primary, var(--text-inverse));border:1px solid var(--border-color, var(--border-color));border-radius:12px;cursor:pointer;transition:all .2s ease;text-align:left}.example-card:hover{border-color:var(--accent-primary, var(--color-purple));background:var(--bg-secondary, var(--bg-primary));transform:translateY(-2px);box-shadow:0 4px 12px var(--shadow-overlay-xs)}.example-icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:10px;color:var(--text-inverse);flex-shrink:0}.example-card.restaurant .example-icon{background-color:var(--color-warning)}.example-card.callcenter .example-icon{background-color:var(--color-primary)}.example-card.hospital .example-icon{background-color:var(--color-danger)}.example-card.manufacturing .example-icon{background-color:var(--color-purple)}.example-card.bank .example-icon{background-color:var(--color-success)}.example-title{flex:1;font-size:14px;font-weight:500;color:var(--text-primary, var(--bg-surface))}.example-arrow{color:var(--text-tertiary, var(--text-muted));opacity:0;transition:opacity .2s,transform .2s}.example-card:hover .example-arrow{opacity:1;transform:translate(2px)}.ai-chat{flex:1;display:flex;flex-direction:column;min-height:0;overflow:hidden}.chat-messages{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:16px;padding:8px 0}.chat-messages::-webkit-scrollbar{width:6px}.chat-messages::-webkit-scrollbar-track{background:transparent}.chat-messages::-webkit-scrollbar-thumb{background:var(--border-color, var(--border-color));border-radius:3px}.chat-message{display:flex;gap:12px;animation:messageIn .3s ease}@keyframes messageIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.chat-message.user{justify-content:flex-end}.chat-message.assistant{justify-content:flex-start}.message-avatar{width:32px;height:32px;border-radius:10px;background:linear-gradient(135deg,var(--color-purple),var(--color-purple));color:var(--text-inverse);display:flex;align-items:center;justify-content:center;flex-shrink:0}.message-content{max-width:75%;padding:14px 18px;border-radius:16px;word-wrap:break-word}.chat-message.user .message-content{background:linear-gradient(135deg,var(--color-purple),var(--color-purple));color:var(--text-inverse);border-radius:16px 4px 16px 16px}.chat-message.assistant .message-content{background:var(--bg-secondary, var(--bg-primary));color:var(--text-primary, var(--bg-surface));border-radius:4px 16px 16px}.message-text{font-size:14px;line-height:1.6;white-space:pre-wrap}.message-image{max-width:100%;max-height:200px;border-radius:8px;margin-bottom:10px;object-fit:cover}.message-loading{display:flex;align-items:center;gap:8px;color:var(--text-secondary, var(--text-secondary));font-size:14px}.message-actions{display:flex;justify-content:flex-start;margin-top:10px}.btn-generate-inline{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;background:linear-gradient(135deg,var(--color-purple),var(--color-purple));color:var(--text-inverse);border:none;border-radius:10px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 10px var(--color-purple-shadow-md)}.btn-generate-inline:hover{transform:translateY(-1px);box-shadow:0 4px 14px var(--color-purple-shadow-lg)}.generate-section{display:flex;flex-direction:column;align-items:center;gap:8px;padding:12px 0 0;border-top:1px solid var(--border-color, var(--border-color))}.btn-generate{display:flex;align-items:center;gap:8px;padding:14px 32px;background:linear-gradient(135deg,var(--color-purple),var(--color-purple));color:var(--text-inverse);border:none;border-radius:12px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 16px var(--color-purple-shadow-md)}.btn-generate:hover{transform:translateY(-2px);box-shadow:0 6px 24px var(--color-purple-shadow-lg)}.btn-generate:active{transform:translateY(0)}.generate-hint{font-size:12px;color:var(--text-tertiary, var(--text-muted))}.success-section{display:flex;align-items:center;justify-content:center;gap:12px;padding:20px;background:linear-gradient(135deg,#10b9811a,#10b9810d);border:1px solid var(--color-success);border-radius:12px;color:var(--color-success);font-weight:500;margin-top:16px}.ai-input-area{flex-shrink:0;padding-top:16px;border-top:1px solid var(--border-color, var(--border-color));display:flex;flex-direction:column;gap:12px}.low-reasoning-hint{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--text-tertiary, var(--text-muted))}.input-image-preview{position:relative;width:fit-content;margin-bottom:12px}.input-image-preview img{max-width:200px;max-height:120px;border-radius:8px;object-fit:cover}.remove-image{position:absolute;top:-8px;right:-8px;width:24px;height:24px;background:var(--color-danger);color:var(--text-inverse);border:none;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s}.remove-image:hover{background:var(--color-danger)}.input-form.multiline{display:flex;flex-direction:column;gap:12px;background:var(--bg-secondary, var(--bg-primary));border:1px solid var(--border-color, var(--border-color));border-radius:14px;padding:16px 20px;transition:border-color .2s,box-shadow .2s}.textarea-container{display:flex;flex-direction:column;gap:6px}.input-form.multiline .text-input{width:100%;min-height:80px;max-height:300px;padding:12px 16px;border:none;background:var(--bg-primary, var(--text-inverse));border-radius:10px;font-size:15px;line-height:1.6;resize:none;overflow-y:auto;outline:none;color:var(--text-primary, var(--bg-surface));font-family:inherit;box-sizing:border-box}.input-form.multiline .text-input::placeholder{color:var(--text-tertiary, var(--text-muted))}.input-form.multiline .text-input:disabled{opacity:.6}.input-footer{display:flex;align-items:center;justify-content:space-between;gap:12px}.char-count{display:flex;align-items:center;gap:8px;padding:0}.char-count-indicator{width:8px;height:8px;border-radius:50%;transition:background-color .3s ease}.char-count-number{font-size:12px;font-weight:600;min-width:32px;transition:color .3s ease}.char-count-message{font-size:12px;color:var(--text-secondary)}.char-count.empty .char-count-indicator{background-color:var(--text-muted)}.char-count.empty .char-count-number{color:var(--text-muted)}.char-count.short .char-count-indicator{background-color:var(--color-danger)}.char-count.short .char-count-number{color:var(--color-danger)}.char-count.okay .char-count-indicator{background-color:var(--color-warning)}.char-count.okay .char-count-number{color:var(--color-warning)}.char-count.good .char-count-indicator{background-color:var(--color-success)}.char-count.good .char-count-number{color:var(--color-success)}.char-count.excellent .char-count-indicator{background-color:var(--color-success)}.char-count.excellent .char-count-number{color:var(--color-success)}.input-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px}.upload-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:none;background:transparent;color:var(--text-secondary, var(--text-secondary));cursor:pointer;border-radius:8px;transition:all .2s}.upload-btn:hover{background:var(--bg-primary, var(--text-inverse));color:var(--color-purple)}.send-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;border:none;background:linear-gradient(135deg,var(--color-purple),var(--color-purple));color:var(--text-inverse);border-radius:10px;cursor:pointer;transition:all .2s;font-size:14px;font-weight:500}.send-btn span{display:inline}.send-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px var(--color-purple-shadow-md)}.send-btn:disabled{opacity:.4;cursor:not-allowed}.dark .ai-hero h1{color:var(--dark-text-primary, var(--text-inverse))}.dark .ai-hero p{color:var(--dark-text-secondary, var(--text-muted))}.dark .example-card{background:var(--dark-bg-secondary, var(--bg-secondary));border-color:var(--dark-border, var(--bg-tertiary))}.dark .example-card:hover{background:var(--dark-bg-tertiary, var(--bg-tertiary));border-color:var(--color-purple)}.dark .example-title{color:var(--dark-text-primary, var(--text-inverse))}.dark .chat-message.assistant .message-content{background:var(--dark-bg-secondary, var(--bg-secondary));color:var(--dark-text-primary, var(--text-inverse))}.dark .input-form,.dark .input-form.multiline{background:var(--dark-bg-secondary, var(--bg-secondary));border-color:var(--dark-border, var(--bg-tertiary))}.dark .input-form.multiline .text-input{background:var(--dark-bg-tertiary, var(--bg-surface));color:var(--dark-text-primary, var(--text-inverse))}.dark .text-input{color:var(--dark-text-primary, var(--text-inverse))}.dark .upload-btn:hover{background:var(--dark-bg-tertiary, var(--bg-tertiary))}.dark .generate-section,.dark .ai-input-area{border-color:var(--dark-border, var(--bg-tertiary))}.dark .char-count-message{color:var(--dark-text-secondary, var(--text-muted))}.dark .low-reasoning-hint{color:var(--dark-text-tertiary, var(--text-secondary))}@media (max-width: 768px){.create-ai-view{padding:20px 16px}.ai-hero{padding:16px 16px 12px}.ai-hero h1{font-size:26px}.ai-hero p{font-size:14px}.examples-grid{grid-template-columns:1fr 1fr}.example-card{padding:12px}.example-title{font-size:13px}.message-content{max-width:85%;padding:12px 14px}.btn-generate{width:100%;justify-content:center}}@media (max-width: 480px){.examples-grid{grid-template-columns:1fr}.message-avatar{display:none}.chat-message.assistant{padding-left:0}.send-btn span{display:none}.send-btn{padding:12px 16px}}.ai-guest-upgrade{flex:1;display:flex;align-items:center;justify-content:center;padding:24px}.guest-upgrade-card{max-width:400px;background:var(--bg-primary, var(--text-inverse));border:1px solid var(--border-color, var(--border-color));border-radius:16px;padding:32px;text-align:center;box-shadow:0 4px 24px var(--shadow-overlay-xs)}.guest-upgrade-card h3{font-size:20px;font-weight:700;color:var(--text-primary, var(--bg-surface));margin:0 0 20px}.guest-upgrade-benefits{list-style:none;padding:0;margin:0 0 24px;text-align:left}.guest-upgrade-benefits li{display:flex;align-items:center;gap:12px;padding:10px 16px;background:var(--bg-secondary, var(--bg-primary));border-radius:8px;font-size:14px;color:var(--text-secondary, var(--border-color));margin-bottom:8px}.guest-upgrade-benefits li:last-child{margin-bottom:0}.guest-upgrade-benefits li svg{color:var(--color-purple);flex-shrink:0}.guest-upgrade-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:14px 24px;background:linear-gradient(135deg,var(--color-purple),var(--color-purple));color:var(--text-inverse);border:none;border-radius:10px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s;box-shadow:0 4px 16px var(--color-purple-shadow-md)}.guest-upgrade-btn:hover{transform:translateY(-2px);box-shadow:0 6px 24px var(--color-purple-shadow-lg)}.guest-upgrade-btn:active{transform:translateY(0)}.guest-upgrade-note{font-size:13px;color:var(--text-tertiary, var(--text-muted));margin:16px 0 0}.guest-upgrade-note a{color:var(--color-purple);text-decoration:none;font-weight:500}.guest-upgrade-note a:hover{text-decoration:underline}.dark .guest-upgrade-card{background:var(--dark-bg-secondary, var(--bg-secondary));border-color:var(--dark-border, var(--bg-tertiary))}.dark .guest-upgrade-card h3{color:var(--dark-text-primary, var(--bg-primary))}.dark .guest-upgrade-benefits li{background:var(--dark-bg-tertiary, var(--bg-surface));color:var(--dark-text-secondary, var(--text-muted))}.dark .guest-upgrade-note{color:var(--dark-text-tertiary, var(--text-secondary))}.generation-progress{display:flex;flex-direction:column;align-items:center;padding:32px 24px;background:var(--bg-secondary, var(--bg-primary));border-radius:16px;margin:16px 0;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.progress-phases{display:flex;align-items:center;gap:8px;margin-bottom:24px;flex-wrap:wrap;justify-content:center}.progress-phase{display:flex;align-items:center;gap:8px;padding:10px 16px;border-radius:10px;font-size:13px;font-weight:500;transition:all .3s ease}.progress-phase.pending{background:var(--bg-tertiary, var(--bg-secondary));color:var(--text-tertiary, var(--text-muted))}.progress-phase.active{background:linear-gradient(135deg,var(--color-purple),var(--color-purple));color:var(--text-inverse);box-shadow:0 4px 12px var(--color-purple-shadow-md);animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{box-shadow:0 4px 12px var(--color-purple-shadow-md)}50%{box-shadow:0 4px 20px var(--color-purple-shadow-lg)}}.progress-phase.complete{background:var(--color-success);color:var(--text-inverse)}.progress-phase-icon{display:flex;align-items:center;justify-content:center}.progress-phase.active .progress-phase-icon{animation:spin 1.5s linear infinite}.progress-phase.complete .progress-phase-icon{animation:none}.progress-bar-container{width:100%;max-width:400px;height:8px;background:var(--bg-tertiary, var(--border-color));border-radius:4px;overflow:hidden;margin-bottom:16px}.progress-bar-fill{height:100%;background:linear-gradient(90deg,var(--color-purple),var(--color-purple-hover));border-radius:4px;transition:width .5s ease;position:relative}.progress-bar-fill:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.3) 50%,transparent 100%);animation:shimmer 1.5s infinite}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.progress-message{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--text-secondary, var(--text-secondary));text-align:center}.retry-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;background:var(--color-warning);color:var(--text-inverse);border-radius:12px;font-size:12px;font-weight:600}.success-state{display:flex;flex-direction:column;align-items:center;padding:40px 24px;text-align:center;animation:fadeIn .4s ease}.success-icon{display:flex;align-items:center;justify-content:center;width:80px;height:80px;background:linear-gradient(135deg,var(--color-success),var(--color-success-hover));border-radius:50%;color:var(--text-inverse);margin-bottom:24px;animation:successPop .5s ease}@keyframes successPop{0%{transform:scale(0);opacity:0}50%{transform:scale(1.1)}to{transform:scale(1);opacity:1}}.success-state h2{font-size:24px;font-weight:700;color:var(--text-primary, var(--bg-surface));margin:0 0 8px}.success-state p{font-size:15px;color:var(--text-secondary, var(--text-secondary));margin:0 0 24px;max-width:400px}.validation-summary{display:flex;gap:24px;padding:20px 32px;background:var(--bg-secondary, var(--bg-primary));border-radius:12px;margin-bottom:32px}.validation-stat{display:flex;flex-direction:column;align-items:center;gap:4px}.validation-stat-value{font-size:28px;font-weight:700;color:var(--color-purple)}.validation-stat-label{font-size:12px;color:var(--text-tertiary, var(--text-muted));text-transform:uppercase;letter-spacing:.5px}.success-actions{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}.btn-primary{display:flex;align-items:center;gap:8px;padding:14px 28px;background:linear-gradient(135deg,var(--color-purple),var(--color-purple));color:var(--text-inverse);border:none;border-radius:12px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 16px var(--color-purple-shadow-md)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 24px var(--color-purple-shadow-lg)}.btn-primary:active{transform:translateY(0)}.btn-secondary{display:flex;align-items:center;gap:8px;padding:14px 28px;background:var(--bg-secondary, var(--bg-primary));color:var(--text-primary, var(--bg-surface));border:1px solid var(--border-color, var(--border-color));border-radius:12px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-secondary:hover{background:var(--bg-tertiary, var(--bg-secondary));border-color:var(--color-purple)}.generation-error{display:flex;flex-direction:column;align-items:center;padding:32px 24px;background:#ef44440d;border:1px solid var(--color-danger);border-radius:16px;margin:16px 0;text-align:center}.error-icon{display:flex;align-items:center;justify-content:center;width:56px;height:56px;background:var(--color-danger);border-radius:50%;color:var(--text-inverse);margin-bottom:16px}.generation-error h3{font-size:18px;font-weight:600;color:var(--color-danger);margin:0 0 8px}.generation-error p{font-size:14px;color:var(--text-secondary, var(--text-secondary));margin:0 0 20px;max-width:400px}.error-actions{display:flex;gap:12px}.btn-danger{display:flex;align-items:center;gap:8px;padding:12px 24px;background:var(--color-danger);color:var(--text-inverse);border:none;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-danger:hover{background:var(--color-danger);transform:translateY(-1px)}.dark .generation-progress{background:var(--dark-bg-secondary, var(--bg-secondary))}.dark .progress-phase.pending{background:var(--dark-bg-tertiary, var(--bg-tertiary));color:var(--dark-text-tertiary, var(--text-muted))}.dark .progress-bar-container{background:var(--dark-bg-tertiary, var(--bg-tertiary))}.dark .progress-message{color:var(--dark-text-secondary, var(--text-muted))}.dark .success-state h2{color:var(--dark-text-primary, var(--text-inverse))}.dark .success-state p{color:var(--dark-text-secondary, var(--text-muted))}.dark .validation-summary{background:var(--dark-bg-secondary, var(--bg-secondary))}.dark .validation-stat-label{color:var(--dark-text-tertiary, var(--text-muted))}.dark .btn-secondary{background:var(--dark-bg-secondary, var(--bg-secondary));color:var(--dark-text-primary, var(--text-inverse));border-color:var(--dark-border, var(--bg-tertiary))}.dark .btn-secondary:hover{background:var(--dark-bg-tertiary, var(--bg-tertiary))}.dark .generation-error{background:#ef44441a}@media (max-width: 768px){.progress-phases{gap:6px}.progress-phase{padding:8px 12px;font-size:12px}.validation-summary{flex-direction:column;gap:16px;padding:16px 24px}.success-actions{flex-direction:column;width:100%}.btn-primary,.btn-secondary{width:100%;justify-content:center}}@media (max-width: 480px){.progress-phase span:not(.progress-phase-icon){display:none}.progress-phase{padding:10px}.success-state h2{font-size:20px}.validation-stat-value{font-size:24px}}.upgrade-modal-overlay{position:fixed;inset:0;background:var(--overlay-heavy);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:var(--z-modal-backdrop);animation:fadeIn .2s ease-out}.upgrade-modal{position:relative;width:90%;max-width:420px;background:var(--text-inverse);border-radius:16px;padding:32px;text-align:center;box-shadow:0 20px 60px var(--shadow-overlay-lg);animation:slideUp .3s ease-out}.upgrade-modal-close{position:absolute;top:16px;right:16px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;color:var(--text-muted);border-radius:8px;cursor:pointer;transition:all .2s}.upgrade-modal-close:hover{background:var(--bg-primary);color:var(--border-color)}.upgrade-modal-icon{display:flex;align-items:center;justify-content:center;width:64px;height:64px;margin:0 auto 20px;background:linear-gradient(135deg,var(--color-primary-light) 0%,var(--color-primary-light) 100%);border-radius:16px;color:var(--color-primary)}.upgrade-modal-title{font-size:22px;font-weight:700;color:var(--bg-secondary);margin:0 0 8px;letter-spacing:-.02em}.upgrade-modal-subtitle{font-size:14px;color:var(--text-secondary);margin:0 0 24px;line-height:1.5}.upgrade-modal-benefits{list-style:none;padding:0;margin:0 0 24px;text-align:left}.upgrade-modal-benefits li{display:flex;align-items:center;gap:12px;padding:10px 16px;background:var(--bg-primary);border-radius:8px;font-size:14px;color:var(--bg-tertiary);margin-bottom:8px}.upgrade-modal-benefits li:last-child{margin-bottom:0}.benefit-check{display:flex;align-items:center;justify-content:center;width:20px;height:20px;background:var(--color-success);color:var(--text-inverse);border-radius:50%;font-size:11px;font-weight:700;flex-shrink:0}.upgrade-modal-progress{display:flex;flex-direction:column;gap:4px;padding:12px 16px;background:linear-gradient(135deg,var(--color-warning-light) 0%,var(--color-warning-light) 100%);border-radius:8px;margin-bottom:24px}.progress-label{font-size:11px;font-weight:600;color:var(--color-warning);text-transform:uppercase;letter-spacing:.05em}.progress-value{font-size:14px;font-weight:600;color:var(--color-warning)}.upgrade-modal-actions{display:flex;flex-direction:column;align-items:center;gap:12px}.upgrade-modal-cta{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:14px 24px;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary) 100%);color:var(--text-inverse);border:none;border-radius:10px;font-size:15px;font-weight:700;cursor:pointer;transition:all .2s;box-shadow:0 4px 12px var(--color-primary-shadow-dark)}.upgrade-modal-cta:hover{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary) 100%);transform:translateY(-1px);box-shadow:0 6px 20px var(--color-primary-shadow-heavy)}.upgrade-modal-cta:active{transform:translateY(0)}.upgrade-modal-note{font-size:12px;color:var(--text-muted);margin:0}.dark .upgrade-modal{background:var(--bg-secondary)}.dark .upgrade-modal-close{color:var(--text-secondary)}.dark .upgrade-modal-close:hover{background:var(--bg-tertiary);color:var(--text-muted)}.dark .upgrade-modal-icon{background:linear-gradient(135deg,var(--bg-surface) 0%,var(--color-primary) 100%);color:var(--color-primary-light)}.dark .upgrade-modal-title{color:var(--bg-primary)}.dark .upgrade-modal-subtitle{color:var(--text-muted)}.dark .upgrade-modal-benefits li{background:var(--bg-tertiary);color:var(--border-color)}.dark .upgrade-modal-progress{background:linear-gradient(135deg,var(--color-warning) 0%,var(--color-warning) 100%)}.dark .progress-label,.dark .progress-value{color:var(--color-warning-light)}.dark .upgrade-modal-cta{background:linear-gradient(135deg,var(--color-primary-light) 0%,var(--color-primary) 100%)}.dark .upgrade-modal-cta:hover{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary) 100%)}.dark .upgrade-modal-note{color:var(--text-secondary)}@media (max-width: 480px){.upgrade-modal{padding:24px;margin:16px}.upgrade-modal-icon{width:56px;height:56px}.upgrade-modal-icon svg{width:28px;height:28px}.upgrade-modal-title{font-size:20px}.upgrade-modal-benefits li{padding:8px 12px;font-size:13px}}.template-library-view{display:flex;flex-direction:column;height:100%;overflow-y:auto}.template-header{padding:24px 32px 20px;background:var(--bg-primary, var(--text-inverse));border-bottom:1px solid var(--border-color, var(--border-color));position:sticky;top:0;z-index:var(--z-sticky)}.template-header h1{font-size:24px;font-weight:600;margin:0 0 16px;color:var(--text-primary, var(--bg-surface))}.template-controls{display:flex;gap:12px;align-items:center}.template-search{flex:1;display:flex;align-items:center;gap:8px;padding:8px 12px;background:var(--bg-secondary, var(--bg-primary));border:1px solid var(--border-color, var(--border-color));border-radius:8px;transition:all .2s}.template-search:focus-within{border-color:var(--accent-primary, var(--color-primary));background:var(--bg-primary, var(--text-inverse));box-shadow:0 0 0 3px var(--color-primary-shadow-xs)}.template-search svg{color:var(--text-tertiary, var(--text-muted));flex-shrink:0}.template-search input{flex:1;border:none;background:none;outline:none;font-size:14px;color:var(--text-primary, var(--bg-surface))}.template-search input::placeholder{color:var(--text-tertiary, var(--text-muted))}.clear-search{background:none;border:none;padding:2px;cursor:pointer;color:var(--text-tertiary, var(--text-muted));border-radius:4px;display:flex;align-items:center;justify-content:center}.clear-search:hover{color:var(--text-primary, var(--bg-surface))}.template-select{padding:8px 12px;border:1px solid var(--border-color, var(--border-color));border-radius:8px;background:var(--bg-primary, var(--text-inverse));font-size:14px;color:var(--text-primary, var(--bg-surface));cursor:pointer;min-width:130px}.template-select:focus{outline:none;border-color:var(--accent-primary, var(--color-primary))}.template-content{flex:1;padding:24px 32px 48px}.template-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.template-card{display:flex;flex-direction:column;padding:18px;background:var(--bg-primary, var(--text-inverse));border:1px solid var(--border-color, var(--border-color));border-radius:12px;cursor:pointer;transition:all .2s;text-align:left}.template-card:hover{border-color:var(--accent-primary, var(--color-primary));box-shadow:0 4px 12px var(--shadow-overlay-xs);transform:translateY(-2px)}.template-card-header{display:flex;align-items:center;gap:8px;margin-bottom:12px}.difficulty-badge{font-size:11px;font-weight:600;text-transform:uppercase;padding:3px 8px;border-radius:4px;color:var(--text-inverse);letter-spacing:.3px}.difficulty-badge.beginner{background:var(--color-success)}.difficulty-badge.intermediate{background:var(--color-warning)}.difficulty-badge.advanced{background:var(--color-danger)}.difficulty-badge.default{background:var(--text-muted)}.category-badge{font-size:11px;font-weight:600;margin-left:auto}.template-title{font-size:16px;font-weight:600;margin:0 0 6px;color:var(--text-primary, var(--bg-surface));line-height:1.3}.template-subtitle{font-size:13px;color:var(--text-secondary, var(--text-secondary));margin:0 0 12px;line-height:1.4;flex:1}.template-preview{margin-top:auto;background:var(--bg-secondary, var(--bg-primary));border-radius:8px;padding:8px;display:flex;align-items:center;justify-content:center;min-height:100px}.preview-placeholder{width:100%;height:84px;background:linear-gradient(90deg,var(--bg-secondary, var(--bg-primary)) 25%,var(--bg-hover, var(--bg-secondary)) 50%,var(--bg-secondary, var(--bg-primary)) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:4px}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.no-results{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;text-align:center}.no-results svg{color:var(--text-tertiary, var(--border-color));margin-bottom:16px}.no-results h3{font-size:18px;margin:0 0 8px;color:var(--text-primary, var(--bg-surface))}.no-results p{font-size:14px;color:var(--text-secondary, var(--text-secondary));margin:0 0 20px}.no-results button{padding:10px 20px;background:var(--accent-primary, var(--color-primary));color:var(--text-inverse);border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer}.template-modal-overlay{position:fixed;inset:0;background:var(--overlay-heavy);display:flex;align-items:center;justify-content:center;z-index:var(--z-modal-backdrop);padding:20px;animation:fadeIn .2s ease}.template-modal{width:100%;max-width:560px;max-height:90vh;background:var(--bg-primary, var(--text-inverse));border-radius:16px;overflow:hidden;display:flex;flex-direction:column;animation:slideUp .3s ease}.modal-close{position:absolute;top:16px;right:16px;width:36px;height:36px;border-radius:50%;border:1px solid var(--border-color, var(--border-color));background:var(--bg-primary, var(--text-inverse));color:var(--text-secondary, var(--text-secondary));cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:calc(var(--z-modal) + 10);transition:all .2s}.modal-close:hover{background:var(--bg-secondary, var(--bg-primary));color:var(--text-primary, var(--bg-surface))}.modal-title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding-right:40px}.modal-title-row h2{flex:1}.modal-badges-inline{display:flex;gap:8px;flex-shrink:0}.modal-badges-inline .difficulty-badge{font-size:11px}.modal-preview{position:relative;background:var(--bg-secondary, var(--bg-primary));border-radius:12px;padding:16px;margin-bottom:24px;display:flex;align-items:center;justify-content:center;min-height:180px}.modal-preview .preview-placeholder{width:100%;height:148px}.preview-category{position:absolute;top:12px;left:12px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--text-tertiary, var(--text-muted));background:var(--bg-primary, var(--text-inverse));padding:4px 10px;border-radius:4px}.modal-content{flex:1;overflow-y:auto;padding:24px}.modal-content h2{font-size:22px;font-weight:700;margin:0 0 6px;color:var(--text-primary, var(--bg-surface))}.modal-subtitle{font-size:15px;color:var(--text-secondary, var(--text-secondary));margin:0 0 24px}.modal-section{margin-bottom:24px}.modal-section h4{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;margin:0 0 10px;color:var(--text-primary, var(--bg-surface))}.modal-section h4 svg{color:var(--color-warning)}.trick-text{font-size:14px;line-height:1.6;color:var(--text-secondary, var(--text-secondary));background:var(--bg-secondary, var(--bg-primary));padding:14px 16px;border-radius:8px;margin:0;border-left:3px solid var(--color-warning)}.learns-list{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:8px}.learns-list li{font-size:13px;color:var(--text-secondary, var(--text-secondary));background:var(--bg-secondary, var(--bg-primary));padding:6px 12px;border-radius:16px}.modal-actions{display:flex;gap:12px;padding:20px 24px;border-top:1px solid var(--border-color, var(--border-color));background:var(--bg-secondary, var(--bg-primary))}.modal-actions .btn-secondary{flex:1;padding:12px 20px;border:1px solid var(--border-color, var(--border-color));background:var(--bg-primary, var(--text-inverse));color:var(--text-primary, var(--bg-surface));border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.modal-actions .btn-secondary:hover{background:var(--bg-secondary, var(--bg-primary))}.modal-actions .btn-primary{flex:2;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 20px;border:none;background:linear-gradient(135deg,var(--color-primary),var(--color-primary));color:var(--text-inverse);border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.modal-actions .btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px var(--color-primary-shadow-md)}.modal-actions .btn-primary:disabled{opacity:.6;cursor:not-allowed}.guided-badge{display:flex;align-items:center;gap:4px;font-size:10px;font-weight:600;text-transform:uppercase;padding:3px 8px;border-radius:4px;background:linear-gradient(135deg,var(--color-purple),var(--color-purple));color:var(--text-inverse);letter-spacing:.3px}.modal-actions .btn-guided{flex:1.5;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 20px;border:2px solid var(--color-purple);background:linear-gradient(135deg,#8b5cf61a,#7c3aed1a);color:var(--color-purple);border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.modal-actions .btn-guided:hover:not(:disabled){background:linear-gradient(135deg,var(--color-purple),var(--color-purple));color:var(--text-inverse);transform:translateY(-1px);box-shadow:0 4px 12px var(--color-purple-shadow-md)}.modal-actions .btn-guided:disabled{opacity:.6;cursor:not-allowed}.dark .template-header{background:var(--dark-bg-primary, var(--bg-surface));border-color:var(--dark-border, var(--bg-tertiary))}.dark .template-header h1{color:var(--dark-text-primary, var(--text-inverse))}.dark .template-search input{background:var(--dark-bg-secondary, var(--bg-secondary));border-color:var(--dark-border, var(--bg-tertiary));color:var(--dark-text-primary, var(--text-inverse))}.dark .category-pill{background:var(--dark-bg-secondary, var(--bg-secondary));border-color:var(--dark-border, var(--bg-tertiary));color:var(--dark-text-secondary, var(--text-muted))}.dark .template-card{background:var(--dark-bg-secondary, var(--bg-secondary));border-color:var(--dark-border, var(--bg-tertiary))}.dark .template-card:hover{border-color:var(--accent-primary, var(--color-primary))}.dark .template-title,.dark .category-info h2{color:var(--dark-text-primary, var(--text-inverse))}.dark .template-modal{background:var(--dark-bg-primary, var(--bg-surface))}.dark .modal-content h2,.dark .modal-section h4{color:var(--dark-text-primary, var(--text-inverse))}.dark .trick-text{background:var(--dark-bg-secondary, var(--bg-secondary));color:var(--dark-text-secondary, var(--border-color))}.dark .learns-list li{background:var(--dark-bg-secondary, var(--bg-secondary));color:var(--dark-text-secondary, var(--text-muted))}.dark .modal-actions{background:var(--dark-bg-secondary, var(--bg-secondary));border-color:var(--dark-border, var(--bg-tertiary))}.dark .modal-actions .btn-secondary{background:var(--dark-bg-tertiary, var(--bg-tertiary));border-color:var(--dark-border, var(--bg-tertiary));color:var(--dark-text-primary, var(--text-inverse))}@media (max-width: 768px){.template-header{padding:24px 20px 20px}.template-content{padding:20px}.template-grid{grid-template-columns:1fr}.category-pills{overflow-x:auto;flex-wrap:nowrap;padding-bottom:8px;-webkit-overflow-scrolling:touch}.category-pill{white-space:nowrap;flex-shrink:0}.template-modal{max-height:95vh;border-radius:12px 12px 0 0;margin-top:auto}.modal-actions{flex-direction:column}.modal-actions .btn-secondary,.modal-actions .btn-primary{flex:none;width:100%}}.workspaces-view{display:flex;flex-direction:column;height:100%;overflow:hidden}.workspaces-header{display:flex;justify-content:space-between;align-items:center;padding:24px 32px;border-bottom:1px solid var(--border-color, var(--border-color));background:var(--bg-primary, var(--text-inverse));flex-shrink:0}.workspaces-header-content h1{font-size:24px;font-weight:600;color:var(--text-primary, var(--bg-surface));margin:0 0 4px}.workspaces-header-content p{font-size:14px;color:var(--text-secondary, var(--text-secondary));margin:0}.create-workspace-btn{display:flex;align-items:center;gap:8px;padding:10px 16px;background:var(--accent-primary, var(--color-primary));color:var(--text-inverse);border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:var(--transition-moderate)}.create-workspace-btn:hover{background:var(--accent-hover, var(--color-primary));transform:translateY(-1px)}.create-workspace-btn.primary{padding:12px 24px;font-size:15px}.workspaces-content{flex:1;overflow-y:auto;padding:24px 32px}.workspaces-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:300px;gap:16px}.loading-spinner{width:32px;height:32px;border:3px solid var(--border-color, var(--border-color));border-top-color:var(--accent-primary, var(--color-primary));border-radius:50%;animation:spin .8s linear infinite}.workspaces-loading p{color:var(--text-secondary, var(--text-secondary));font-size:14px}.workspaces-error{text-align:center;padding:60px 20px;color:var(--text-secondary)}.workspaces-error-icon{color:var(--color-danger);margin-bottom:16px}.workspaces-error h3{margin-bottom:8px;color:var(--text-primary)}.workspaces-error p{margin:0 auto 20px;max-width:400px}.workspaces-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:400px;text-align:center;gap:16px}.empty-icon{width:80px;height:80px;border-radius:50%;background:var(--bg-tertiary, var(--bg-primary));display:flex;align-items:center;justify-content:center;color:var(--text-tertiary, var(--text-muted))}.workspaces-empty h3{font-size:18px;font-weight:600;color:var(--text-primary, var(--bg-surface));margin:0}.workspaces-empty p{font-size:14px;color:var(--text-secondary, var(--text-secondary));margin:0;max-width:300px}.workspaces-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--spacing-lg)}.workspace-card{background:var(--bg-primary, var(--text-inverse));border:1px solid var(--border-color, var(--border-color));border-radius:12px;padding:20px;cursor:pointer;transition:var(--transition-moderate);display:flex;flex-direction:column;gap:16px}.workspace-card:hover{border-color:var(--accent-primary, var(--color-primary));box-shadow:0 4px 12px var(--shadow-overlay-sm);transform:translateY(-2px)}.workspace-card-header{display:flex;justify-content:space-between;align-items:flex-start}.workspace-avatar{width:48px;height:48px;border-radius:12px;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-purple) 100%);color:var(--text-inverse);display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:600}.workspace-menu{position:relative}.menu-trigger{width:28px;height:28px;border-radius:6px;border:none;background:transparent;color:var(--text-tertiary, var(--text-muted));cursor:pointer;display:flex;align-items:center;justify-content:center;transition:var(--transition-moderate)}.menu-trigger:hover{background:var(--bg-tertiary, var(--bg-primary));color:var(--text-secondary, var(--text-secondary))}.menu-dropdown{position:absolute;top:100%;right:0;margin-top:4px;background:var(--bg-primary, var(--text-inverse));border:1px solid var(--border-color, var(--border-color));border-radius:8px;box-shadow:0 4px 12px var(--shadow-overlay-lg);min-width:160px;z-index:50;overflow:hidden}.menu-dropdown button{width:100%;display:flex;align-items:center;gap:8px;padding:10px 14px;border:none;background:transparent;color:var(--text-primary, var(--bg-surface));font-size:13px;cursor:pointer;transition:background .15s ease;text-align:left}.menu-dropdown button:hover{background:var(--bg-secondary, var(--bg-primary))}.menu-dropdown button.danger{color:var(--color-danger)}.menu-dropdown button.danger:hover{background:var(--color-danger-light)}.workspace-card-body{flex:1}.workspace-name{font-size:16px;font-weight:600;color:var(--text-primary, var(--bg-surface));margin:0 0 6px;line-height:1.3}.workspace-description{font-size:13px;color:var(--text-secondary, var(--text-secondary));margin:0;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.workspace-card-stats{display:flex;gap:16px}.stat-item{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--text-secondary, var(--text-secondary))}.stat-item svg{color:var(--text-tertiary, var(--text-muted))}.workspace-card-footer{display:flex;justify-content:space-between;align-items:center;padding-top:12px;border-top:1px solid var(--border-color, var(--border-color))}.workspace-role{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:500;color:var(--text-secondary, var(--text-secondary))}.role-icon.owner{color:var(--color-warning)}.role-icon.admin{color:var(--color-purple)}.role-icon.editor{color:var(--color-primary)}.role-icon.viewer{color:var(--text-secondary)}.workspace-updated{display:flex;align-items:center;gap:4px;font-size:11px;color:var(--text-tertiary, var(--text-muted))}.workspace-card.create-card{border:2px dashed var(--border-color, var(--border-color));background:var(--bg-secondary, var(--bg-primary));align-items:center;justify-content:center;min-height:200px;gap:12px}.workspace-card.create-card:hover{border-color:var(--accent-primary, var(--color-primary));background:var(--bg-primary, var(--text-inverse))}.create-icon{width:48px;height:48px;border-radius:12px;background:var(--bg-tertiary, var(--bg-primary));display:flex;align-items:center;justify-content:center;color:var(--text-tertiary, var(--text-muted));transition:var(--transition-moderate)}.workspace-card.create-card:hover .create-icon{background:var(--accent-primary, var(--color-primary));color:var(--text-inverse)}.workspace-card.create-card span{font-size:14px;font-weight:500;color:var(--text-secondary, var(--text-secondary))}.workspace-card.create-card:hover span{color:var(--accent-primary, var(--color-primary))}.workspace-card-loading-overlay{position:absolute;inset:0;background:var(--overlay-medium);display:flex;align-items:center;justify-content:center;border-radius:var(--radius-lg)}.dark .workspace-card-loading-overlay{background:var(--overlay-heavy)}.dark .workspaces-header{background:var(--bg-primary, var(--bg-surface));border-color:var(--border-color, var(--bg-tertiary))}.dark .workspace-card{background:var(--bg-primary, var(--bg-secondary));border-color:var(--border-color, var(--bg-tertiary))}.dark .workspace-card:hover{border-color:var(--primary-color, var(--color-primary))}.dark .workspace-card.create-card{background:var(--bg-secondary, var(--bg-surface))}.dark .workspace-card.create-card:hover{background:var(--bg-primary, var(--bg-secondary))}.dark .menu-dropdown{background:var(--bg-primary, var(--bg-secondary));border-color:var(--border-color, var(--bg-tertiary))}.dark .menu-dropdown button:hover{background:var(--bg-secondary, var(--bg-tertiary))}@media (max-width: 768px){.workspaces-header{flex-direction:column;align-items:flex-start;gap:16px;padding:20px}.create-workspace-btn{width:100%;justify-content:center}.workspaces-content{padding:20px}.workspaces-grid{grid-template-columns:1fr}}.command-palette-backdrop{position:fixed;inset:0;background:var(--overlay-heavy);display:flex;align-items:flex-start;justify-content:center;padding-top:15vh;z-index:var(--z-modal-backdrop);animation:fadeIn .1s ease}.command-palette{width:100%;max-width:560px;background:var(--bg-primary, var(--text-primary));border-radius:12px;box-shadow:0 20px 50px var(--shadow-overlay-xl);overflow:hidden;animation:slideIn .15s ease}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.command-palette-header{display:flex;align-items:center;gap:12px;padding:16px;border-bottom:1px solid var(--border-light, var(--bg-secondary))}.command-palette-search-icon{color:var(--text-secondary, var(--text-secondary));flex-shrink:0}.command-palette-input{flex:1;border:none;outline:none;font-size:16px;color:var(--text-primary, var(--bg-surface));background:transparent}.command-palette-input::placeholder{color:var(--text-secondary, var(--text-secondary))}.command-palette-close{padding:6px;background:transparent;border:none;border-radius:6px;cursor:pointer;color:var(--text-secondary, var(--text-secondary));display:flex;align-items:center;justify-content:center;transition:all .15s ease}.command-palette-close:hover{background:var(--bg-secondary, var(--bg-primary));color:var(--text-primary, var(--bg-surface))}.command-palette-list{max-height:400px;overflow-y:auto;padding:8px}.command-palette-section{padding:8px 12px 6px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--text-secondary, var(--text-secondary))}.command-palette-item{display:flex;align-items:center;gap:12px;width:100%;padding:10px 12px;background:transparent;border:none;border-radius:8px;cursor:pointer;text-align:left;transition:background .1s ease}.command-palette-item:hover,.command-palette-item.selected{background:var(--bg-secondary, var(--bg-primary))}.command-palette-item-icon{color:var(--text-secondary, var(--text-secondary));flex-shrink:0}.command-palette-item-name{flex:1;font-size:14px;color:var(--text-primary, var(--bg-surface));white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.command-palette-item-meta{font-size:12px;color:var(--text-secondary, var(--text-secondary));white-space:nowrap}.command-palette-empty{padding:24px;text-align:center;color:var(--text-secondary, var(--text-secondary));font-size:14px}.command-palette-footer{display:flex;justify-content:center;gap:20px;padding:12px;border-top:1px solid var(--border-light, var(--bg-secondary));background:var(--bg-secondary, var(--bg-primary))}.command-palette-footer span{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--text-secondary, var(--text-secondary))}.command-palette-footer kbd{padding:2px 6px;background:var(--bg-primary, var(--text-primary));border:1px solid var(--border-light, var(--bg-secondary));border-radius:4px;font-family:inherit;font-size:11px}.dark .command-palette{background:var(--bg-surface)}.dark .command-palette-header{border-color:var(--bg-tertiary)}.dark .command-palette-input{color:var(--text-primary)}.dark .command-palette-input::placeholder{color:var(--text-secondary)}.dark .command-palette-close:hover{background:var(--bg-secondary);color:var(--text-primary)}.dark .command-palette-item:hover,.dark .command-palette-item.selected{background:var(--bg-secondary)}.dark .command-palette-item-name{color:var(--text-primary)}.dark .command-palette-footer{background:var(--bg-surface);border-color:var(--bg-tertiary)}.dark .command-palette-footer kbd{background:var(--bg-secondary);border-color:var(--bg-tertiary)}.settings-modal-overlay{position:fixed;inset:0;background:var(--overlay-heavy);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:var(--z-modal-backdrop);animation:fadeIn .2s ease-out}.settings-modal{background:var(--bg-primary, var(--text-primary));border-radius:16px;width:560px;max-width:90vw;max-height:85vh;display:flex;flex-direction:column;box-shadow:0 25px 50px -12px var(--shadow-overlay-xl);border:1px solid var(--border-color, var(--border-color));animation:slideUp .3s ease-out;overflow:hidden}.settings-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid var(--border-color, var(--border-color))}.settings-header h2{margin:0;font-size:20px;font-weight:600;color:var(--text-primary, var(--bg-surface))}.settings-close-btn{background:none;border:none;cursor:pointer;padding:8px;border-radius:8px;color:var(--text-secondary, var(--text-secondary));transition:all .15s ease}.settings-close-btn:hover{background:var(--bg-hover, var(--bg-primary));color:var(--text-primary, var(--bg-surface))}.settings-tabs{display:flex;gap:4px;padding:12px 24px;border-bottom:1px solid var(--border-color, var(--border-color));background:var(--bg-secondary, var(--bg-primary))}.settings-tab{display:flex;align-items:center;gap:8px;padding:10px 16px;background:none;border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;color:var(--text-secondary, var(--text-secondary));transition:all .15s ease}.settings-tab:hover{background:var(--bg-hover, var(--bg-primary));color:var(--text-primary, var(--bg-surface))}.settings-tab.active{background:var(--bg-primary, var(--text-primary));color:var(--accent-primary, var(--color-primary));box-shadow:0 1px 3px var(--shadow-overlay-xs)}.settings-tab-icon{font-size:16px}.settings-content{flex:1;overflow-y:auto;padding:24px}.settings-loading{display:flex;align-items:center;justify-content:center;height:200px;color:var(--text-secondary, var(--text-secondary))}.settings-tab-content{display:flex;flex-direction:column;gap:24px}.settings-section{display:flex;flex-direction:column;gap:16px;padding:16px;background:var(--bg-secondary, var(--bg-primary));border:1px solid var(--border-color, var(--border-color));border-radius:12px}.dark .settings-section{background:var(--bg-main);border-color:var(--border-color)}.settings-section-title{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary, var(--text-secondary));margin:0}.settings-field{display:flex;flex-direction:column;gap:6px}.settings-field label{font-size:14px;font-weight:500;color:var(--text-primary, var(--bg-surface))}.settings-hint{font-size:12px;color:var(--text-secondary, var(--text-muted));margin:0}.settings-input,.settings-select{padding:10px 12px;border-radius:8px;border:1px solid var(--border-color, var(--border-color));font-size:14px;color:var(--text-primary, var(--bg-surface));background:var(--bg-secondary, var(--bg-primary));transition:all .15s ease}.settings-input:focus,.settings-select:focus{outline:none;border-color:var(--accent-primary, var(--color-primary));box-shadow:0 0 0 3px var(--color-primary-shadow-light)}.settings-input.disabled{opacity:.6;cursor:not-allowed}.settings-toggle-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0}.settings-toggle-row>div{display:flex;flex-direction:column;gap:2px}.settings-toggle-row label{font-size:14px;font-weight:500;color:var(--text-primary, var(--bg-surface))}.settings-toggle{width:48px;height:26px;background:var(--border-color);border-radius:999px;border:none;cursor:pointer;position:relative;transition:background .2s ease}.settings-toggle.active{background:var(--accent-primary, var(--color-primary))}.settings-toggle-knob{width:22px;height:22px;background:var(--bg-surface);border-radius:50%;position:absolute;top:2px;left:2px;transition:transform .2s ease;box-shadow:0 1px 3px var(--shadow-overlay-xs)}.settings-toggle.active .settings-toggle-knob{transform:translate(22px)}.settings-button-group{display:flex;gap:8px}.settings-button-option{flex:1;padding:10px 12px;border-radius:8px;border:1px solid var(--border-color, var(--border-color));background:var(--bg-secondary, var(--bg-primary));color:var(--text-secondary, var(--text-secondary));font-size:13px;font-weight:500;cursor:pointer;text-transform:capitalize;transition:all .15s ease}.settings-button-option:hover{border-color:var(--accent-primary, var(--color-primary));color:var(--text-primary, var(--bg-surface))}.settings-button-option.active{border-color:var(--accent-primary, var(--color-primary));background:var(--color-primary-shadow-light);color:var(--accent-primary, var(--color-primary))}.settings-save-btn{padding:10px 20px;border-radius:8px;border:none;background:var(--accent-primary, var(--color-primary));color:var(--text-inverse);font-size:14px;font-weight:500;cursor:pointer;transition:all .15s ease;align-self:flex-start}.settings-save-btn:hover:not(:disabled){background:var(--color-primary-hover)}.settings-save-btn:disabled{opacity:.5;cursor:not-allowed}.settings-primary-btn{padding:12px 24px;border-radius:8px;border:none;background:var(--accent-primary, var(--color-primary));color:var(--text-inverse);font-size:14px;font-weight:500;cursor:pointer;transition:all .15s ease;width:100%}.settings-primary-btn:hover{background:var(--color-primary-hover)}.settings-secondary-btn{padding:10px 20px;border-radius:8px;border:1px solid var(--border-color, var(--border-color));background:var(--bg-primary, var(--text-primary));color:var(--text-primary, var(--bg-surface));font-size:14px;font-weight:500;cursor:pointer;transition:all .15s ease}.settings-secondary-btn:hover{background:var(--bg-hover, var(--bg-primary))}.settings-danger-btn{padding:10px 20px;border-radius:8px;border:1px solid var(--color-danger-border);background:var(--color-danger-light);color:var(--color-danger);font-size:14px;font-weight:500;cursor:pointer;transition:all .15s ease;display:inline-flex;align-items:center;gap:8px}.settings-danger-btn:hover:not(:disabled){background:var(--color-danger-light);border-color:var(--color-danger)}.settings-danger-btn:disabled{opacity:.5;cursor:not-allowed}.billing-plan-card{padding:20px;border-radius:12px;border:1px solid var(--border-color, var(--border-color));background:linear-gradient(135deg,var(--bg-secondary, var(--bg-primary)) 0%,var(--bg-primary, var(--text-primary)) 100%)}.billing-plan-header{display:flex;justify-content:space-between;align-items:center}.billing-plan-name{font-size:20px;font-weight:600;color:var(--text-primary, var(--bg-surface))}.billing-plan-price{font-size:16px;font-weight:500;color:var(--accent-primary, var(--color-primary))}.billing-renewal{margin:8px 0 0;font-size:13px;color:var(--text-secondary, var(--text-secondary))}.billing-upgrade-prompt{padding:16px;border-radius:12px;background:linear-gradient(135deg,var(--color-primary-shadow-light) 0%,var(--color-purple-shadow-light) 100%);border:1px solid var(--color-primary-shadow-dark)}.billing-upgrade-prompt p{margin:0 0 12px;font-size:14px;color:var(--text-primary, var(--bg-surface))}.usage-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.usage-item{padding:16px;border-radius:12px;background:var(--bg-secondary, var(--bg-primary));border:1px solid var(--border-color, var(--border-color))}.usage-label{font-size:12px;font-weight:500;color:var(--text-secondary, var(--text-secondary));margin-bottom:4px}.usage-value{font-size:18px;font-weight:600;color:var(--text-primary, var(--bg-surface))}.usage-bar{margin-top:8px;height:4px;background:var(--border-color, var(--border-color));border-radius:2px;overflow:hidden}.usage-bar-fill{height:100%;background:var(--accent-primary, var(--color-primary));border-radius:2px;transition:width .3s ease}.settings-footer{padding:12px 24px;border-top:1px solid var(--border-color, var(--border-color));text-align:center;font-size:12px;color:var(--text-secondary, var(--text-muted))}.settings-login-prompt{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:48px 24px;color:var(--text-secondary, var(--text-secondary))}.settings-login-icon{opacity:.3;margin-bottom:16px}.settings-login-prompt h3{margin:0 0 8px;font-size:18px;font-weight:600;color:var(--text-primary, var(--bg-surface))}.settings-login-prompt p{margin:0;font-size:14px;max-width:280px}.dark .settings-modal{background:var(--bg-surface);border-color:var(--border-color)}.dark .settings-header,.dark .settings-tabs,.dark .settings-footer{border-color:var(--border-color)}.dark .settings-tabs{background:var(--bg-main)}.dark .settings-tab.active{background:var(--bg-surface)}.dark .settings-input,.dark .settings-select{background:var(--bg-main);border-color:var(--border-color);color:var(--text-primary)}.dark .settings-button-option,.dark .billing-plan-card,.dark .usage-item{background:var(--bg-main);border-color:var(--border-color)}.dark .settings-danger-btn{background:var(--color-danger-shadow-light);border-color:var(--color-danger-shadow-medium)}.avatar-upload-container{display:flex;flex-direction:column;align-items:center;gap:12px}.avatar-preview{position:relative;width:120px;height:120px;border-radius:50%;overflow:hidden;background:var(--bg-main, var(--bg-primary));border:3px solid var(--border-color, var(--border-color))}.avatar-preview-img{width:100%;height:100%;object-fit:cover}.avatar-preview-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--text-tertiary, var(--text-muted));background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-purple) 100%)}.avatar-preview-placeholder svg{color:var(--text-inverse)}.avatar-upload-btn{position:absolute;bottom:4px;right:4px;width:36px;height:36px;border-radius:50%;background:var(--accent-primary, var(--color-primary));color:var(--text-inverse);border:3px solid var(--bg-primary, var(--text-primary));display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s ease}.avatar-upload-btn:hover:not(:disabled){background:var(--accent-hover, var(--color-primary));transform:scale(1.05)}.avatar-upload-btn:disabled{opacity:.6;cursor:not-allowed}.avatar-upload-icon{display:block}.avatar-upload-icon.spinning{animation:spin 1s linear infinite}.dark .avatar-preview{background:var(--bg-secondary);border-color:var(--border-color)}.dark .avatar-upload-btn{border-color:var(--bg-surface)}.support-options{display:flex;flex-direction:column;gap:12px}.support-option{display:flex;align-items:center;gap:16px;padding:16px;background:var(--bg-primary, var(--text-primary));border:1px solid var(--border-color, var(--border-color));border-radius:12px;text-decoration:none;color:inherit;transition:all .15s ease;cursor:pointer}.support-option:hover{border-color:var(--accent-primary, var(--color-primary));background:var(--bg-hover, var(--bg-primary));transform:translateY(-2px);box-shadow:0 4px 12px var(--shadow-overlay-sm)}.support-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:var(--bg-main, var(--bg-primary));border-radius:12px;color:var(--accent-primary, var(--color-primary));flex-shrink:0}.support-content{flex:1}.support-content h4{margin:0 0 4px;font-size:15px;font-weight:600;color:var(--text-primary, var(--bg-surface))}.support-content p{margin:0;font-size:13px;color:var(--text-secondary, var(--text-secondary))}.support-external{color:var(--text-tertiary, var(--text-muted));flex-shrink:0}.about-info{display:flex;flex-direction:column;gap:12px}.about-row{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid var(--border-color, var(--border-color))}.about-row:last-child{border-bottom:none}.about-label{font-size:14px;color:var(--text-secondary, var(--text-secondary))}.about-value{font-size:14px;font-weight:500;color:var(--text-primary, var(--bg-surface))}.shortcuts-list{display:flex;flex-direction:column;gap:12px}.shortcut-row{display:flex;justify-content:space-between;align-items:center;padding:10px 0}.shortcut-keys{display:flex;align-items:center;gap:4px;font-size:13px;color:var(--text-secondary, var(--text-secondary))}.shortcut-keys kbd{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:24px;padding:0 6px;background:var(--bg-main, var(--bg-primary));border:1px solid var(--border-color, var(--border-color));border-radius:4px;font-size:11px;font-family:inherit;font-weight:500;color:var(--text-primary, var(--bg-surface))}.shortcut-desc{font-size:13px;color:var(--text-tertiary, var(--text-muted))}.dark .support-option{background:var(--bg-surface);border-color:var(--border-color)}.dark .support-option:hover{background:var(--bg-secondary);border-color:var(--accent-primary, var(--color-primary))}.dark .support-icon{background:var(--bg-secondary)}.dark .about-row{border-color:var(--border-color)}.dark .shortcut-keys kbd{background:var(--bg-secondary);border-color:var(--border-color)}.connected-accounts-list{display:flex;flex-direction:column;gap:12px}.connected-account-item{display:flex;align-items:center;gap:12px;padding:16px;background:var(--bg-primary, var(--text-primary));border:1px solid var(--border-color, var(--border-color));border-radius:12px}.connected-account-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--bg-main, var(--bg-primary));border-radius:8px;font-size:20px;flex-shrink:0}.connected-account-info{flex:1;display:flex;flex-direction:column;gap:2px}.connected-account-provider{font-size:14px;font-weight:500;color:var(--text-primary, var(--bg-surface))}.connected-account-email{font-size:12px;color:var(--text-secondary, var(--text-secondary))}.connected-account-status{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:500;color:var(--color-success)}.connected-account-status svg{flex-shrink:0}.password-form{display:flex;flex-direction:column;gap:16px}.password-input-wrapper{position:relative;display:flex;align-items:center}.password-input-icon{position:absolute;left:12px;color:var(--text-tertiary, var(--text-muted));pointer-events:none}.password-input-wrapper .settings-input{padding-left:40px}.password-error{padding:12px;background:var(--color-danger-light);border:1px solid var(--color-danger-border);border-radius:8px;color:var(--color-danger);font-size:13px;font-weight:500}.password-success{padding:12px;background:var(--color-success-light);border:1px solid var(--color-success-border);border-radius:8px;color:var(--color-success);font-size:13px;font-weight:500}.delete-confirm-box{padding:20px;background:var(--color-danger-light);border:2px solid var(--color-danger-border);border-radius:12px;display:flex;flex-direction:column;gap:16px}.delete-confirm-header{display:flex;align-items:center;gap:12px;color:var(--color-danger)}.delete-confirm-header h4{margin:0;font-size:16px;font-weight:600}.delete-confirm-box p{margin:0;font-size:14px;color:var(--color-danger-dark);line-height:1.5}.dark .connected-account-item{background:var(--bg-surface);border-color:var(--border-color)}.dark .connected-account-icon{background:var(--bg-secondary)}.dark .password-error{background:var(--color-danger-shadow-light);border-color:var(--color-danger-shadow-medium)}.dark .password-success{background:var(--color-success-shadow-medium);border-color:var(--color-success-shadow-dark)}.dark .delete-confirm-box{background:var(--color-danger-shadow-light);border-color:var(--color-danger-shadow-medium)}.dark .delete-confirm-box p{color:var(--color-danger-border)}.settings-hint--spaced{margin-bottom:16px}.settings-hint--spaced-sm{margin-bottom:12px}.settings-hint--mt{margin-top:12px}.settings-secondary-btn--spaced{margin-bottom:12px}.settings-button-row{display:flex;gap:8px}.settings-file-input-hidden{display:none}@media (max-width: 640px){.settings-modal{width:100%;max-width:100%;height:100%;max-height:100%;border-radius:0}.usage-grid{grid-template-columns:1fr}.settings-tabs{overflow-x:auto}}.share-modal-overlay{position:fixed;inset:0;background:var(--overlay-heavy);display:flex;align-items:center;justify-content:center;z-index:var(--z-modal-backdrop);animation:fadeIn .1s ease}.share-modal{width:100%;max-width:500px;background:var(--bg-primary, var(--text-primary));border-radius:12px;box-shadow:0 20px 50px var(--shadow-overlay-xl);animation:slideUp .15s ease}.share-modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--border-light, var(--bg-secondary))}.share-modal-title{display:flex;align-items:center;gap:8px;font-size:18px;font-weight:600;color:var(--text-primary, var(--bg-surface))}.share-modal-close{padding:8px;background:transparent;border:none;border-radius:8px;cursor:pointer;color:var(--text-secondary, var(--text-secondary));transition:all .15s ease}.share-modal-close:hover{background:var(--bg-secondary, var(--bg-primary));color:var(--text-primary, var(--bg-surface))}.share-project-info{padding:16px 24px;background:var(--bg-secondary, var(--bg-primary))}.share-project-name{font-size:14px;font-weight:500;color:var(--text-primary, var(--bg-surface))}.share-email-section{padding:20px 24px}.share-label{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:var(--text-secondary, var(--text-secondary));margin-bottom:12px}.share-invite-row{display:flex;gap:8px}.share-email-input{flex:1;padding:10px 14px;border:1px solid var(--border-light, var(--bg-secondary));border-radius:8px;font-size:14px;color:var(--text-primary, var(--bg-surface));background:var(--bg-primary, var(--text-primary));transition:all .15s ease}.share-email-input:focus{outline:none;border-color:var(--accent-primary, var(--color-primary));box-shadow:0 0 0 3px var(--color-primary-shadow-light)}.share-role-select{padding:0 12px;border:1px solid var(--border-light, var(--bg-secondary));border-radius:8px;font-size:14px;color:var(--text-primary, var(--bg-surface));background:var(--bg-secondary, var(--bg-primary));cursor:pointer}.share-invite-btn{padding:10px 20px;background:var(--accent-primary, var(--color-primary));color:var(--text-inverse);border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .15s ease}.share-invite-btn:hover:not(:disabled){background:var(--accent-hover, var(--color-primary))}.share-invite-btn:disabled{opacity:.6;cursor:not-allowed}.share-message{margin-top:12px;padding:10px 14px;border-radius:8px;font-size:13px;display:flex;align-items:center;gap:8px}.share-message.success{background:var(--color-success-light);color:var(--color-success)}.share-message.error{background:var(--color-danger-light);color:var(--color-danger)}.share-members-section{padding:0 24px 20px}.share-section-title{font-size:13px;font-weight:600;color:var(--text-secondary, var(--text-secondary));margin-bottom:12px}.share-members-list{max-height:200px;overflow-y:auto}.share-member-row{display:flex;align-items:center;justify-content:space-between;padding:10px 0;border-bottom:1px solid var(--border-light, var(--bg-secondary))}.share-member-row:last-child{border-bottom:none}.share-member-info{display:flex;align-items:center;gap:12px}.share-member-avatar{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-purple) 100%);color:var(--text-inverse);display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:600}.share-member-email{font-size:14px;color:var(--text-primary, var(--bg-surface))}.share-member-status{font-size:11px;color:var(--text-secondary, var(--text-secondary));padding:2px 8px;background:var(--bg-secondary, var(--bg-primary));border-radius:10px}.share-member-status.pending{background:var(--color-warning-light);color:var(--color-warning)}.share-member-actions{display:flex;align-items:center;gap:8px}.share-role-badge{font-size:12px;color:var(--text-secondary, var(--text-secondary));padding:4px 10px;background:var(--bg-secondary, var(--bg-primary));border-radius:4px}.share-remove-btn{padding:4px 8px;background:transparent;border:none;color:var(--color-danger);cursor:pointer;font-size:16px;border-radius:4px;transition:background .15s ease}.share-remove-btn:hover{background:var(--color-danger-shadow-light)}.share-access-section{padding:20px 24px;background:var(--bg-secondary, var(--bg-primary));border-top:1px solid var(--border-light, var(--bg-secondary))}.share-access-row{display:flex;align-items:center;justify-content:space-between}.share-access-info{display:flex;align-items:center;gap:12px}.share-access-icon{width:40px;height:40px;background:var(--bg-primary, var(--text-primary));border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:18px}.share-access-text{display:flex;flex-direction:column;gap:2px}.share-access-label{font-size:14px;font-weight:600;color:var(--text-primary, var(--bg-surface))}.share-access-desc{font-size:12px;color:var(--text-secondary, var(--text-secondary))}.share-copy-btn{display:flex;align-items:center;gap:6px;padding:8px 16px;background:var(--bg-primary, var(--text-primary));border:1px solid var(--border-light, var(--bg-secondary));border-radius:20px;font-size:13px;font-weight:600;color:var(--accent-primary, var(--color-primary));cursor:pointer;transition:all .15s ease}.share-copy-btn:hover{background:var(--accent-primary, var(--color-primary));color:var(--text-inverse);border-color:var(--accent-primary, var(--color-primary))}.share-copy-btn.copied{background:var(--color-success);color:var(--text-inverse);border-color:var(--color-success)}.dark .share-modal{background:var(--bg-surface)}.dark .share-modal-header{border-color:var(--border-color)}.dark .share-modal-title{color:var(--text-primary)}.dark .share-project-info{background:var(--bg-secondary)}.dark .share-project-name{color:var(--text-primary)}.dark .share-email-input,.dark .share-role-select{background:var(--bg-secondary);border-color:var(--border-color);color:var(--text-primary)}.dark .share-member-email{color:var(--text-primary)}.dark .share-access-section{background:var(--bg-secondary);border-color:var(--border-color)}.dark .share-access-icon{background:var(--bg-tertiary)}.dark .share-access-label{color:var(--text-primary)}.dark .share-copy-btn{background:var(--bg-tertiary);border-color:var(--border-color)}.share-workspace-message{padding:40px 24px;text-align:center}.share-workspace-icon{width:80px;height:80px;margin:0 auto 20px;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-purple) 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--text-inverse)}.share-workspace-message h3{font-size:20px;font-weight:600;color:var(--text-primary, var(--bg-surface));margin-bottom:12px}.share-workspace-description{font-size:14px;color:var(--text-secondary, var(--text-secondary));max-width:320px;margin:0 auto 24px;line-height:1.5}.share-workspace-steps{display:flex;flex-direction:column;gap:12px;margin-bottom:24px;text-align:left;max-width:300px;margin-left:auto;margin-right:auto}.share-step{display:flex;align-items:center;gap:12px;font-size:14px;color:var(--text-primary, var(--bg-surface))}.share-step-number{width:24px;height:24px;background:var(--bg-secondary, var(--bg-primary));border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;color:var(--accent-primary, var(--color-primary));flex-shrink:0}.share-workspace-cta{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;background:var(--accent-primary, var(--color-primary));color:var(--text-inverse);border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .15s ease}.share-workspace-cta:hover{background:var(--accent-hover, var(--color-primary))}.dark .share-workspace-message h3,.dark .share-step{color:var(--text-primary)}.dark .share-step-number{background:var(--bg-tertiary)}.create-workspace-modal{background:var(--bg-primary, var(--text-primary));border-radius:16px;width:100%;max-width:480px;position:relative;box-shadow:0 20px 60px var(--shadow-overlay-md),0 8px 24px var(--shadow-overlay-sm);overflow:hidden}.modal-close{position:absolute;top:20px;right:20px;background:var(--bg-secondary, var(--bg-primary));border:none;cursor:pointer;color:var(--text-secondary, var(--text-secondary));padding:8px;border-radius:8px;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.modal-header{text-align:center;padding:48px 32px 32px;background:linear-gradient(135deg,var(--bg-primary) 0%,var(--text-primary) 100%)}.modal-icon{width:72px;height:72px;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary) 100%);color:var(--text-inverse);border-radius:20px;display:flex;align-items:center;justify-content:center;margin:0 auto 20px;box-shadow:0 8px 24px var(--color-primary-shadow-dark)}.create-workspace-modal form{padding:32px}.form-group:last-of-type{margin-bottom:0}.form-group label .optional{font-weight:400;color:var(--text-muted, var(--border-color));text-transform:none;letter-spacing:normal}.form-group input,.form-group textarea{width:100%;padding:12px 14px;font-size:14px;border:1.5px solid var(--border-light, var(--bg-secondary));border-radius:10px;background:var(--bg-primary, var(--text-primary));color:var(--text-primary, var(--bg-surface));transition:all .2s ease;font-family:inherit}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--text-muted, var(--border-color))}.form-group input:hover:not(:disabled),.form-group textarea:hover:not(:disabled){border-color:var(--border-medium, var(--border-color));background:var(--bg-secondary, var(--bg-primary))}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--accent-primary, var(--color-primary));background:var(--bg-primary, var(--text-primary));box-shadow:0 0 0 3px var(--color-primary-shadow-subtle),inset 0 0 0 1px var(--color-primary-shadow-light)}.form-group input:disabled,.form-group textarea:disabled{background:var(--bg-secondary, var(--bg-primary));cursor:not-allowed;opacity:.6}.form-group textarea{resize:none;min-height:100px;max-height:140px}.btn-primary{padding:12px 24px;font-size:14px;font-weight:600;border:none;border-radius:10px;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary) 100%);color:var(--text-inverse);cursor:pointer;display:flex;align-items:center;gap:8px;transition:all var(--transition-moderate);box-shadow:0 4px 12px var(--color-primary-shadow-dark);letter-spacing:.3px}.btn-primary:hover:not(:disabled){box-shadow:0 6px 16px var(--color-primary-shadow-heavy);transform:translateY(-2px)}.btn-primary:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 8px var(--color-primary-shadow-dark)}.modal-note{text-align:center;font-size:12px;color:var(--text-muted, var(--border-color));padding:0;margin:16px 0 0;letter-spacing:.3px}.dark .create-workspace-modal{background:var(--bg-surface)}.dark .modal-header{background:linear-gradient(135deg,var(--bg-surface) 0%,var(--bg-surface) 100%)}.dark .modal-header p{color:var(--text-muted)}.dark .form-group input,.dark .form-group textarea{background:var(--bg-secondary);border-color:var(--bg-tertiary);color:var(--text-primary)}.dark .form-group input::placeholder,.dark .form-group textarea::placeholder{color:var(--text-secondary)}.dark .form-group input:hover:not(:disabled),.dark .form-group textarea:hover:not(:disabled){background:var(--bg-tertiary);border-color:var(--border-color)}.dark .form-group input:focus,.dark .form-group textarea:focus{border-color:var(--accent-primary, var(--color-primary));background:var(--bg-secondary);box-shadow:0 0 0 3px var(--color-primary-shadow-medium),inset 0 0 0 1px var(--color-primary-shadow-medium)}.dark .form-actions{border-color:var(--bg-tertiary)}.dark .btn-secondary{background:var(--bg-secondary);border-color:var(--bg-tertiary);color:var(--text-primary)}.dark .btn-secondary:hover:not(:disabled){background:var(--bg-tertiary);border-color:var(--border-color)}.upgrade-modal-backdrop{position:fixed;inset:0;background:var(--overlay-heavy);display:flex;align-items:center;justify-content:center;z-index:var(--z-modal-backdrop);padding:20px;animation:fadeIn .2s ease}.upgrade-modal{position:relative;max-width:600px;width:100%;max-height:90vh;background:var(--bg-primary, var(--text-inverse));border-radius:16px;padding:40px;overflow-y:auto;box-shadow:0 20px 60px var(--shadow-overlay-lg);animation:slideUp .3s ease}.upgrade-modal-close{position:absolute;top:16px;right:16px;display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:var(--bg-secondary, var(--bg-primary));border:none;border-radius:8px;color:var(--text-secondary, var(--text-secondary));cursor:pointer;transition:all .15s ease}.upgrade-modal-close:hover{background:var(--bg-tertiary, var(--border-color));color:var(--text-primary, var(--bg-surface))}.upgrade-modal-header{text-align:center;margin-bottom:32px}.upgrade-icon{position:relative;display:inline-flex;align-items:center;justify-content:center;width:80px;height:80px;background:linear-gradient(135deg,var(--color-primary),var(--color-primary));border-radius:50%;color:var(--text-inverse);margin-bottom:20px;box-shadow:0 8px 24px var(--color-primary-shadow-dark)}.upgrade-sparkle{position:absolute;top:-4px;right:-4px;background:linear-gradient(135deg,var(--color-warning),var(--color-warning));border-radius:50%;padding:4px}.upgrade-modal-header h2{font-size:28px;font-weight:700;margin:0 0 12px;color:var(--text-primary, var(--bg-surface))}.upgrade-subtitle{font-size:16px;color:var(--text-secondary, var(--text-secondary));line-height:1.5;margin:0}.upgrade-current-plan{display:flex;justify-content:center;margin-bottom:32px}.upgrade-current-badge{display:inline-flex;padding:8px 16px;background:var(--accent-bg, var(--color-primary-light));color:var(--accent-color, var(--color-primary));border-radius:8px;font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.upgrade-features{margin-bottom:32px}.upgrade-features h3{font-size:18px;font-weight:600;margin:0 0 20px;color:var(--text-primary, var(--bg-surface))}.upgrade-feature-list{display:flex;flex-direction:column;gap:20px}.upgrade-feature{display:flex;gap:16px;align-items:flex-start}.upgrade-feature-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:var(--accent-bg, var(--color-primary-light));color:var(--accent-color, var(--color-primary));border-radius:10px;flex-shrink:0}.upgrade-feature-content{flex:1}.upgrade-feature-content h4{font-size:16px;font-weight:600;margin:0 0 4px;color:var(--text-primary, var(--bg-surface))}.upgrade-feature-content p{font-size:14px;color:var(--text-secondary, var(--text-secondary));margin:0;line-height:1.5}.upgrade-pricing{background:linear-gradient(135deg,var(--color-primary-light),var(--color-primary-light));padding:24px;border-radius:12px;margin-bottom:24px;border:2px solid var(--accent-color, var(--color-primary))}.upgrade-price-header{display:flex;flex-direction:column;align-items:center;gap:8px;margin-bottom:12px}.upgrade-price-main{display:flex;align-items:baseline;gap:4px}.upgrade-price-amount{font-size:48px;font-weight:700;color:var(--accent-color, var(--color-primary));line-height:1}.upgrade-price-period{font-size:20px;font-weight:500;color:var(--text-secondary, var(--text-secondary))}.upgrade-price-seats{font-size:16px;font-weight:500;color:var(--text-primary, var(--bg-surface))}.upgrade-price-note{text-align:center;padding-top:12px;border-top:1px solid var(--color-primary-shadow-dark)}.upgrade-price-additional{font-size:14px;color:var(--text-secondary, var(--text-secondary))}.upgrade-actions{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.upgrade-btn-primary{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:14px 24px;background:linear-gradient(135deg,var(--color-primary),var(--color-primary));color:var(--text-inverse);border:none;border-radius:10px;font-weight:600;font-size:16px;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px var(--color-primary-shadow-dark)}.upgrade-btn-primary:hover{background:linear-gradient(135deg,var(--color-primary),var(--color-primary));box-shadow:0 6px 16px var(--color-primary-shadow-heavy);transform:translateY(-2px)}.upgrade-btn-primary:active{transform:translateY(0)}.upgrade-btn-secondary{width:100%;padding:12px 24px;background:none;border:1px solid var(--border-color, var(--border-color));border-radius:10px;font-weight:500;font-size:15px;color:var(--text-secondary, var(--text-secondary));cursor:pointer;transition:all .15s ease}.upgrade-btn-secondary:hover{background:var(--bg-secondary, var(--bg-primary));border-color:var(--border-hover, var(--border-color))}.upgrade-footer-note{text-align:center;font-size:13px;color:var(--text-tertiary, var(--text-muted));margin:0;line-height:1.5}.dark .upgrade-modal{background:var(--dark-bg-primary, var(--bg-surface))}.dark .upgrade-modal-close{background:var(--dark-bg-secondary, var(--bg-secondary));color:var(--dark-text-secondary, var(--text-muted))}.dark .upgrade-modal-close:hover{background:var(--dark-bg-tertiary, var(--bg-tertiary));color:var(--dark-text-primary, var(--text-inverse))}.dark .upgrade-modal-header h2{color:var(--dark-text-primary, var(--text-inverse))}.dark .upgrade-subtitle{color:var(--dark-text-secondary, var(--text-muted))}.dark .upgrade-current-badge{background:var(--dark-accent-bg, var(--bg-surface));color:var(--dark-accent, var(--color-primary-light))}.dark .upgrade-features h3{color:var(--dark-text-primary, var(--text-inverse))}.dark .upgrade-feature-icon{background:var(--dark-accent-bg, var(--bg-surface));color:var(--dark-accent, var(--color-primary-light))}.dark .upgrade-feature-content h4{color:var(--dark-text-primary, var(--text-inverse))}.dark .upgrade-feature-content p{color:var(--dark-text-secondary, var(--text-muted))}.dark .upgrade-pricing{background:linear-gradient(135deg,var(--bg-surface),var(--bg-surface));border-color:var(--dark-accent, var(--color-primary-light))}.dark .upgrade-price-seats{color:var(--dark-text-primary, var(--text-inverse))}.dark .upgrade-btn-secondary{border-color:var(--dark-border, var(--bg-tertiary));color:var(--dark-text-secondary, var(--text-muted))}.dark .upgrade-btn-secondary:hover{background:var(--dark-bg-secondary, var(--bg-secondary));border-color:var(--dark-border-hover, var(--border-color))}.dark .upgrade-footer-note{color:var(--dark-text-tertiary, var(--text-secondary))}@media (max-width: 640px){.upgrade-modal{padding:32px 24px}.upgrade-modal-header h2{font-size:24px}.upgrade-subtitle{font-size:15px}.upgrade-price-amount{font-size:40px}.upgrade-price-period{font-size:18px}}.modal-backdrop{position:fixed;inset:0;background:var(--overlay-dark);display:flex;align-items:center;justify-content:center;z-index:var(--z-modal-backdrop);padding:20px;backdrop-filter:blur(4px)}.invite-member-modal{background:var(--bg-primary, var(--text-primary));border-radius:16px;width:100%;max-width:520px;position:relative;box-shadow:0 20px 60px var(--shadow-overlay-md),0 8px 24px var(--shadow-overlay-sm);overflow:hidden}.modal-close{position:absolute;top:20px;right:20px;background:var(--bg-secondary, var(--bg-primary));border:none;cursor:pointer;color:var(--text-secondary, var(--text-secondary));padding:8px;border-radius:8px;transition:all .2s ease;display:flex;align-items:center;justify-content:center;z-index:10}.modal-close:hover{background:var(--bg-tertiary, var(--bg-secondary));color:var(--text-primary, var(--bg-surface));transform:scale(1.05)}.modal-header{text-align:center;padding:48px 32px 32px;background:linear-gradient(135deg,var(--bg-secondary) 0%,var(--bg-surface) 100%)}.modal-icon{width:72px;height:72px;background:linear-gradient(135deg,var(--color-success) 0%,var(--color-success-dark) 100%);color:var(--text-inverse);border-radius:20px;display:flex;align-items:center;justify-content:center;margin:0 auto 20px;box-shadow:0 8px 24px var(--color-success-shadow-dark)}.modal-header h2{font-size:24px;font-weight:700;color:var(--text-primary, var(--bg-surface));margin:0 0 8px;letter-spacing:-.5px}.modal-header p{font-size:14px;color:var(--text-secondary, var(--text-secondary));margin:0;line-height:1.5}.modal-header strong{color:var(--text-primary, var(--bg-surface));font-weight:600}.invite-member-modal form{padding:32px}.form-group{margin-bottom:24px}.form-group label{display:block;font-size:13px;font-weight:600;color:var(--text-primary, var(--bg-surface));margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px}.form-row{display:flex;gap:16px;margin-bottom:24px}.email-group{flex:1}.role-group{width:140px}.input-with-icon{position:relative}.input-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--text-muted, var(--border-color));pointer-events:none}.input-with-icon input{padding:12px 14px 12px 40px;width:100%;font-size:14px;border:1.5px solid var(--border-light, var(--bg-secondary));border-radius:10px;background:var(--bg-primary, var(--text-primary));color:var(--text-primary, var(--bg-surface));transition:all .2s ease;font-family:inherit}.input-with-icon input::placeholder{color:var(--text-muted, var(--border-color))}.input-with-icon input:hover:not(:disabled){border-color:var(--border-medium, var(--border-color));background:var(--bg-secondary, var(--bg-primary))}.input-with-icon input:focus{outline:none;border-color:var(--accent-primary, var(--color-primary));background:var(--bg-primary, var(--text-primary));box-shadow:0 0 0 3px var(--color-success-shadow-light),inset 0 0 0 1px var(--color-success-shadow-light)}.form-group select{width:100%;padding:12px 36px 12px 14px;font-size:14px;border:1.5px solid var(--border-light, var(--bg-secondary));border-radius:10px;background:var(--bg-primary, var(--text-primary));color:var(--text-primary, var(--bg-surface));cursor:pointer;transition:all .2s ease;font-family:inherit;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%236c757d' d='M1 1l5 5 5-5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center}.form-group select:hover:not(:disabled){border-color:var(--border-medium, var(--border-color));background-color:var(--bg-secondary, var(--bg-primary))}.form-group select:focus{outline:none;border-color:var(--accent-primary, var(--color-primary));background-color:var(--bg-primary, var(--text-primary));box-shadow:0 0 0 3px var(--color-success-shadow-light),inset 0 0 0 1px var(--color-success-shadow-light)}.form-group select:disabled{opacity:.6;cursor:not-allowed}.form-error{padding:12px 14px;background:var(--color-danger-shadow-light);border-radius:10px;border:1px solid var(--color-danger-border-light);color:var(--accent-danger, var(--color-danger));font-size:13px;margin-bottom:16px}.form-success{padding:12px 14px;background:var(--color-success-shadow-light);border-radius:10px;border:1px solid var(--color-success-border-light);color:var(--accent-success, var(--color-success));font-size:13px;margin-bottom:16px;display:flex;align-items:center;gap:8px;font-weight:500}.form-success svg{flex-shrink:0}.form-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:32px;padding-top:24px;border-top:1px solid var(--border-light, var(--bg-secondary))}.btn-secondary{padding:12px 20px;font-size:14px;font-weight:600;border:1.5px solid var(--border-medium, var(--border-color));border-radius:10px;background:var(--bg-primary, var(--text-primary));color:var(--text-primary, var(--bg-surface));cursor:pointer;transition:all var(--transition-moderate);letter-spacing:.3px}.btn-secondary:hover:not(:disabled){background:var(--bg-secondary, var(--bg-primary));border-color:var(--border-medium, var(--border-color));transform:translateY(-1px)}.btn-secondary:active:not(:disabled){transform:translateY(0)}.btn-primary{padding:12px 24px;font-size:14px;font-weight:600;border:none;border-radius:10px;background:linear-gradient(135deg,var(--color-success) 0%,var(--color-success-dark) 100%);color:var(--text-inverse);cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .2s ease;box-shadow:0 4px 12px var(--color-success-shadow-dark);letter-spacing:.3px}.btn-primary:hover:not(:disabled){box-shadow:0 6px 16px var(--color-success-shadow-dark);transform:translateY(-2px)}.btn-primary:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 8px var(--color-success-shadow-dark)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.invited-list{padding:24px 32px;border-top:1px solid var(--border-light, var(--bg-secondary));margin:0}.invited-list h4{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.6px;color:var(--text-muted, var(--border-color));margin:0 0 12px}.invited-list ul{list-style:none;padding:0;margin:0}.invited-list li{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text-secondary, var(--text-secondary));padding:8px 0}.invited-list li svg{flex-shrink:0;color:var(--accent-success, var(--color-success))}.role-info{padding:24px 32px;border-top:1px solid var(--border-light, var(--bg-secondary));margin:0;background:var(--bg-secondary, var(--bg-primary))}.role-info h4{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.6px;color:var(--text-muted, var(--border-color));margin:0 0 12px}.role-info ul{list-style:none;padding:0;margin:0;font-size:13px;color:var(--text-secondary, var(--text-secondary));line-height:1.6}.role-info li{padding:6px 0}.role-info strong{color:var(--text-primary, var(--bg-surface));font-weight:600}.dark .invite-member-modal{background:var(--bg-surface)}.dark .modal-header{background:linear-gradient(135deg,var(--bg-secondary) 0%,var(--bg-surface) 100%)}.dark .modal-close{background:var(--bg-secondary)}.dark .modal-close:hover{background:var(--bg-tertiary)}.dark .modal-header h2{color:var(--text-primary)}.dark .modal-header p{color:var(--text-secondary)}.dark .form-group label{color:var(--text-primary)}.dark .input-with-icon input{background:var(--bg-secondary);border-color:var(--border-color);color:var(--text-primary)}.dark .input-with-icon input::placeholder{color:var(--text-muted)}.dark .input-with-icon input:hover:not(:disabled){background:var(--bg-tertiary);border-color:var(--border-hover)}.dark .input-with-icon input:focus{border-color:var(--accent-primary, var(--color-primary));background:var(--bg-secondary);box-shadow:0 0 0 3px var(--color-success-shadow-medium),inset 0 0 0 1px var(--color-success-shadow-medium)}.dark .form-group select{background-color:var(--bg-secondary);border-color:var(--border-color);color:var(--text-primary);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%23b0b0b0' d='M1 1l5 5 5-5'/%3E%3C/svg%3E")}.dark .form-group select:hover:not(:disabled){background-color:var(--bg-tertiary);border-color:var(--border-hover)}.dark .form-group select:focus{border-color:var(--accent-primary, var(--color-primary));background-color:var(--bg-secondary);box-shadow:0 0 0 3px var(--color-success-shadow-medium),inset 0 0 0 1px var(--color-success-shadow-medium)}.dark .form-error{background:var(--color-danger-shadow-medium);border-color:var(--color-danger-shadow-dark)}.dark .form-success{background:var(--color-success-shadow-medium);border-color:var(--color-success-shadow-dark)}.dark .form-actions{border-color:var(--border-color)}.dark .btn-secondary{background:var(--bg-secondary);border-color:var(--border-color);color:var(--text-primary)}.dark .btn-secondary:hover:not(:disabled){background:var(--bg-tertiary);border-color:var(--border-hover)}.dark .invited-list{border-color:var(--border-color)}.dark .role-info{background:var(--bg-secondary);border-color:var(--border-color)}.dark .role-info strong{color:var(--text-primary)}.contact-support-modal{background:var(--bg-primary, var(--text-primary));border-radius:16px;width:100%;max-width:560px;position:relative;box-shadow:0 20px 60px var(--shadow-overlay-md),0 8px 24px var(--shadow-overlay-sm);overflow:hidden;max-height:90vh;overflow-y:auto}.contact-support-modal .modal-header{text-align:center;padding:40px 32px 24px;background:linear-gradient(135deg,var(--bg-primary) 0%,var(--text-primary) 100%)}.contact-support-modal .modal-header h2{font-size:24px;font-weight:700;color:var(--text-primary, var(--bg-surface));margin:0 0 8px;letter-spacing:-.5px}.contact-support-modal .modal-header p{font-size:14px;color:var(--text-secondary, var(--text-secondary));margin:0;line-height:1.5}.category-selector{display:flex;gap:12px;padding:0 32px;margin-bottom:24px}.category-option{flex:1;display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px 12px;background:var(--bg-secondary, var(--bg-primary));border:2px solid var(--border-light, var(--bg-secondary));border-radius:12px;cursor:pointer;transition:all .2s ease;text-align:center}.category-option:hover{background:var(--bg-tertiary, var(--bg-primary));border-color:var(--border-medium, var(--border-color));transform:translateY(-2px)}.category-option.selected{background:color-mix(in srgb,var(--category-color) 8%,var(--text-inverse));border-color:var(--category-color);box-shadow:0 4px 12px color-mix(in srgb,var(--category-color) 20%,transparent)}.category-option.selected svg{color:var(--category-color)}.category-option svg{color:var(--text-secondary, var(--text-secondary));transition:color .2s ease}.category-label{font-size:13px;font-weight:600;color:var(--text-primary, var(--bg-surface))}.category-description{font-size:11px;color:var(--text-muted, var(--border-color));line-height:1.3}.contact-support-modal form{padding:0 32px 32px}.contact-support-modal .form-group{margin-bottom:20px}.contact-support-modal .form-group label{display:block;font-size:13px;font-weight:600;color:var(--text-primary, var(--bg-surface));margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px}.contact-support-modal .form-group input,.contact-support-modal .form-group textarea{width:100%;padding:12px 14px;font-size:14px;border:1.5px solid var(--border-light, var(--bg-secondary));border-radius:10px;background:var(--bg-primary, var(--text-primary));color:var(--text-primary, var(--bg-surface));transition:all .2s ease;font-family:inherit;resize:vertical}.contact-support-modal .form-group input::placeholder,.contact-support-modal .form-group textarea::placeholder{color:var(--text-muted, var(--border-color))}.contact-support-modal .form-group input:hover:not(:disabled),.contact-support-modal .form-group textarea:hover:not(:disabled){border-color:var(--border-medium, var(--border-color));background:var(--bg-secondary, var(--bg-primary))}.contact-support-modal .form-group input:focus,.contact-support-modal .form-group textarea:focus{outline:none;border-color:var(--accent-primary, var(--color-primary));background:var(--bg-primary, var(--text-primary));box-shadow:0 0 0 3px var(--color-primary-shadow-subtle)}.contact-support-modal .form-group textarea{min-height:120px}.char-count{font-size:11px;color:var(--text-muted, var(--border-color));text-align:right;margin-top:4px}.checkbox-label{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text-secondary, var(--text-secondary));cursor:pointer;margin-bottom:20px}.checkbox-label input[type=checkbox]{width:18px;height:18px;accent-color:var(--accent-primary, var(--color-primary));cursor:pointer}.contact-support-modal .form-error{display:flex;align-items:center;gap:8px;padding:12px 14px;background:var(--color-danger-shadow-light);border-radius:10px;border:1px solid var(--color-danger-border-light);color:var(--accent-danger, var(--color-danger));font-size:13px;margin-bottom:16px}.contact-support-modal .form-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:24px;padding-top:20px;border-top:1px solid var(--border-light, var(--bg-secondary))}.contact-support-modal .btn-secondary{padding:12px 20px;font-size:14px;font-weight:600;border:1.5px solid var(--border-medium, var(--border-color));border-radius:10px;background:var(--bg-primary, var(--text-primary));color:var(--text-primary, var(--bg-surface));cursor:pointer;transition:all var(--transition-moderate)}.contact-support-modal .btn-secondary:hover:not(:disabled){background:var(--bg-secondary, var(--bg-primary));transform:translateY(-1px)}.contact-support-modal .btn-primary{padding:12px 24px;font-size:14px;font-weight:600;border:none;border-radius:10px;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary) 100%);color:var(--text-inverse);cursor:pointer;display:flex;align-items:center;gap:8px;transition:all var(--transition-moderate);box-shadow:0 4px 12px var(--color-primary-shadow-dark)}.contact-support-modal .btn-primary:hover:not(:disabled){box-shadow:0 6px 16px var(--color-primary-shadow-heavy);transform:translateY(-2px)}.contact-support-modal .btn-primary:disabled{opacity:.5;cursor:not-allowed}.support-footer{padding:16px 32px;background:var(--bg-secondary, var(--bg-primary));border-top:1px solid var(--border-light, var(--bg-secondary));text-align:center}.support-footer p{font-size:12px;color:var(--text-muted, var(--border-color));margin:0}.support-footer a{color:var(--accent-primary, var(--color-primary));text-decoration:none;font-weight:500}.support-footer a:hover{text-decoration:underline}.contact-support-modal.success-state{max-width:420px}.success-content{padding:48px 32px;text-align:center}.success-icon{width:80px;height:80px;background:linear-gradient(135deg,var(--color-success) 0%,var(--color-success) 100%);color:var(--text-inverse);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 24px;box-shadow:0 8px 24px var(--color-success-shadow-dark)}.success-content h2{font-size:24px;font-weight:700;color:var(--text-primary, var(--bg-surface));margin:0 0 12px}.success-content p{font-size:14px;color:var(--text-secondary, var(--text-secondary));margin:0 0 8px;line-height:1.6}.success-email-note{font-size:13px;color:var(--text-muted, var(--border-color));margin-top:16px}.email-warning{color:var(--color-warning);font-size:14px;margin-top:8px}.email-warning-icon{display:inline;vertical-align:middle;margin-right:6px}.success-content .btn-primary{margin-top:24px;padding:12px 32px;background:linear-gradient(135deg,var(--color-success) 0%,var(--color-success) 100%);box-shadow:0 4px 12px var(--color-success-shadow-dark)}.success-content .btn-primary:hover{box-shadow:0 6px 16px var(--color-success-shadow-dark)}.spin{animation:spin .8s linear infinite}.dark .contact-support-modal{background:var(--bg-surface)}.dark .contact-support-modal .modal-header{background:linear-gradient(135deg,var(--bg-surface) 0%,var(--bg-surface) 100%)}.dark .contact-support-modal .modal-header h2{color:var(--text-primary)}.dark .contact-support-modal .modal-header p{color:var(--text-muted)}.dark .category-option{background:var(--bg-secondary);border-color:var(--border-color)}.dark .category-option:hover{background:var(--bg-tertiary);border-color:var(--border-color)}.dark .category-option.selected{background:color-mix(in srgb,var(--category-color) 15%,var(--bg-surface))}.dark .category-label{color:var(--text-primary)}.dark .category-description{color:var(--text-muted)}.dark .contact-support-modal .form-group label{color:var(--text-primary)}.dark .contact-support-modal .form-group input,.dark .contact-support-modal .form-group textarea{background:var(--bg-secondary);border-color:var(--border-color);color:var(--text-primary)}.dark .contact-support-modal .form-group input::placeholder,.dark .contact-support-modal .form-group textarea::placeholder{color:var(--text-muted)}.dark .contact-support-modal .form-group input:hover:not(:disabled),.dark .contact-support-modal .form-group textarea:hover:not(:disabled){background:var(--bg-tertiary);border-color:var(--border-color)}.dark .contact-support-modal .form-group input:focus,.dark .contact-support-modal .form-group textarea:focus{background:var(--bg-secondary);border-color:var(--accent-primary, var(--color-primary));box-shadow:0 0 0 3px var(--color-primary-shadow-medium)}.dark .char-count,.dark .checkbox-label{color:var(--text-muted)}.dark .contact-support-modal .form-error{background:var(--color-danger-shadow-medium);border-color:var(--color-danger-shadow-dark)}.dark .contact-support-modal .form-actions{border-color:var(--border-color)}.dark .contact-support-modal .btn-secondary{background:var(--bg-secondary);border-color:var(--border-color);color:var(--text-primary)}.dark .contact-support-modal .btn-secondary:hover:not(:disabled){background:var(--bg-tertiary)}.dark .support-footer{background:var(--bg-tertiary);border-color:var(--border-color)}.dark .support-footer p{color:var(--text-muted)}.dark .success-content h2{color:var(--text-primary)}.dark .success-content p,.dark .success-email-note{color:var(--text-muted)}.create-project-modal-overlay{position:fixed;inset:0;background:var(--overlay-dark);display:flex;align-items:center;justify-content:center;z-index:var(--z-modal-backdrop);backdrop-filter:blur(4px);animation:fadeIn .2s ease-out}.create-modal{background:var(--text-inverse);border-radius:16px;padding:32px;max-width:560px;width:90%;box-shadow:0 20px 60px var(--shadow-overlay-lg);animation:slideUp .3s cubic-bezier(.34,1.56,.64,1)}.create-modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.create-modal-header h2{font-size:24px;font-weight:700;margin:0;color:var(--bg-surface)}.create-modal-close{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:none;border:none;border-radius:8px;cursor:pointer;color:var(--text-secondary);transition:all .15s}.create-modal-close:hover{background:var(--bg-primary);color:var(--bg-tertiary)}.create-paths-grid{display:grid;gap:12px;margin-bottom:24px}.create-path-card{display:flex;align-items:center;gap:16px;padding:20px;border:2px solid var(--border-color);border-radius:12px;background:var(--text-inverse);cursor:pointer;transition:all .2s;text-align:left;position:relative;width:100%}.create-path-card:hover{border-color:var(--color-primary);box-shadow:0 8px 24px var(--color-primary-shadow-medium);transform:translateY(-2px)}.create-path-card:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-shadow-dark)}.create-path-card.primary{border-color:var(--color-primary);background:linear-gradient(135deg,var(--color-primary-light) 0%,var(--color-primary-light) 100%)}.create-path-card.primary .path-icon{background:var(--color-primary);color:var(--text-inverse)}.path-badge{position:absolute;top:10px;right:12px;background:var(--color-primary);color:var(--text-inverse);padding:4px 10px;border-radius:20px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.path-icon{display:flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:12px;background:var(--bg-primary);color:var(--text-secondary);flex-shrink:0;transition:all .2s}.create-path-card:hover .path-icon{transform:scale(1.05)}.path-content{flex:1;min-width:0}.path-content h3{font-size:16px;font-weight:600;margin:0 0 4px;color:var(--bg-surface)}.path-content p{font-size:13px;color:var(--text-secondary);margin:0;line-height:1.4}.path-arrow{flex-shrink:0;color:var(--border-color);transition:all .2s}.create-path-card:hover .path-arrow{color:var(--color-primary);transform:translate(4px)}.create-modal-footer{padding-top:16px;border-top:1px solid var(--border-color);text-align:center}.footer-hint{margin:0;font-size:13px;color:var(--text-secondary)}.footer-hint strong{color:var(--bg-tertiary)}.dark .create-modal{background:var(--bg-secondary)}.dark .create-modal-header h2{color:var(--bg-primary)}.dark .create-modal-close{color:var(--text-muted)}.dark .create-modal-close:hover{background:var(--bg-tertiary);color:var(--bg-primary)}.dark .create-path-card{background:var(--bg-secondary);border-color:var(--bg-tertiary)}.dark .create-path-card:hover{border-color:var(--color-primary-light);box-shadow:0 8px 24px var(--color-primary-shadow-medium)}.dark .create-path-card.primary{background:linear-gradient(135deg,var(--color-primary-shadow-medium) 0%,var(--color-primary-shadow-dark) 100%);border-color:var(--color-primary)}.dark .path-icon{background:var(--bg-tertiary);color:var(--text-muted)}.dark .path-content h3{color:var(--bg-primary)}.dark .path-content p{color:var(--text-muted)}.dark .path-arrow{color:var(--border-color)}.dark .create-modal-footer{border-color:var(--bg-tertiary)}.dark .footer-hint{color:var(--text-muted)}.dark .footer-hint strong{color:var(--border-color)}@media (max-width: 600px){.create-modal{padding:24px;max-width:calc(100% - 32px);margin:16px}.create-modal-header h2{font-size:20px}.create-path-card{padding:16px;gap:12px}.path-icon{width:44px;height:44px}.path-icon svg{width:22px;height:22px}.path-content h3{font-size:15px}.path-content p{font-size:12px}.path-badge{top:8px;right:8px;font-size:10px;padding:3px 8px}}.guest-mode-banner{display:flex;align-items:center;justify-content:space-between;padding:10px 20px;background:linear-gradient(135deg,var(--color-primary-light) 0%,var(--color-primary-light) 100%);border-bottom:1px solid var(--color-primary-light);animation:slideDown .3s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}.guest-banner-content{display:flex;align-items:center;gap:12px}.guest-banner-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:var(--color-primary);border-radius:8px;color:var(--text-inverse)}.guest-banner-text{display:flex;flex-direction:column;gap:2px}.guest-banner-title{font-weight:700;font-size:13px;color:var(--color-primary);letter-spacing:-.01em}.guest-banner-limits{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--color-primary)}.guest-limit-item{display:flex;align-items:center;gap:4px}.guest-limit-divider{color:var(--color-primary-light)}.guest-banner-actions{display:flex;align-items:center;gap:8px}.guest-banner-signup{display:flex;align-items:center;gap:6px;padding:8px 16px;background:var(--color-primary);color:var(--text-inverse);border:none;border-radius:8px;font-weight:600;font-size:13px;cursor:pointer;transition:all .2s;box-shadow:0 2px 4px var(--color-primary-shadow-dark)}.guest-banner-signup:hover{background:var(--color-primary);transform:translateY(-1px);box-shadow:0 4px 12px var(--color-primary-shadow-darker)}.guest-banner-signup:active{transform:translateY(0)}.guest-banner-dismiss{display:flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;background:transparent;color:var(--color-primary);border:none;border-radius:6px;cursor:pointer;transition:all .2s}.guest-banner-dismiss:hover{background:var(--color-primary-shadow-light);color:var(--color-primary)}.guest-mode-mini-banner{display:flex;align-items:center;gap:12px;padding:6px 12px;background:var(--color-primary-shadow-light);border-radius:8px;font-size:12px}.guest-mini-text{color:var(--color-primary);font-weight:500}.guest-mini-signup{padding:4px 10px;background:var(--color-primary);color:var(--text-inverse);border:none;border-radius:4px;font-weight:600;font-size:11px;cursor:pointer;transition:all .2s}.guest-mini-signup:hover{background:var(--color-primary)}.dark .guest-mode-banner{background:linear-gradient(135deg,var(--bg-surface) 0%,var(--color-primary) 100%);border-bottom-color:var(--color-primary)}.dark .guest-banner-icon{background:var(--color-primary-light)}.dark .guest-banner-title,.dark .guest-banner-limits{color:var(--color-primary-light)}.dark .guest-limit-divider{color:var(--color-primary)}.dark .guest-banner-signup{background:var(--color-primary-light)}.dark .guest-banner-signup:hover{background:var(--color-primary)}.dark .guest-banner-dismiss{color:var(--color-primary-light)}.dark .guest-banner-dismiss:hover{background:var(--overlay-light);color:var(--color-primary-light)}.dark .guest-mode-mini-banner{background:var(--color-primary-shadow-medium)}.dark .guest-mini-text{color:var(--color-primary-light)}@media (max-width: 768px){.guest-mode-banner{flex-direction:column;gap:12px;padding:12px 16px}.guest-banner-content{width:100%}.guest-banner-limits{flex-wrap:wrap}.guest-banner-actions{width:100%;justify-content:space-between}.guest-banner-signup{flex:1;justify-content:center}}@media (max-width: 480px){.guest-banner-limits{display:none}.guest-banner-title:after{content:" - Limited access";font-weight:400;color:var(--color-primary)}}.dashboard-layout{display:flex;flex-direction:column;height:100vh;width:100vw;overflow:hidden;background:var(--bg-primary)}.dashboard-body{display:flex;flex:1;overflow:hidden;position:relative;min-height:0}.dashboard-main{flex:1;min-width:0;overflow-y:auto;overflow-x:hidden;background:var(--bg-primary)}.dashboard-layout.no-topbar .dashboard-body{height:100vh}@media (max-width: 768px){.dashboard-body{flex-direction:column}.sidebar{display:none}}.onboarding-container{min-height:100vh;width:100vw;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--bg-primary) 0%,var(--border-color) 100%);padding:24px;box-sizing:border-box}.dark .onboarding-container{background:linear-gradient(135deg,var(--bg-surface) 0%,var(--bg-secondary) 100%)}.onboarding-card{width:100%;max-width:560px;background:var(--bg-primary);border-radius:20px;padding:40px;box-shadow:0 25px 50px -12px var(--shadow-overlay-lg)}.dark .onboarding-card{background:var(--bg-surface);box-shadow:0 25px 50px -12px var(--shadow-overlay-dark)}.onboarding-header{text-align:center;margin-bottom:36px}.onboarding-logo{height:48px;margin-bottom:20px}.onboarding-header h1{font-size:28px;font-weight:700;color:var(--text-primary);margin:0 0 8px}.dark .onboarding-header h1{color:var(--text-primary)}.onboarding-header p{font-size:16px;color:var(--text-secondary);margin:0}.dark .onboarding-header p{color:var(--text-muted)}.onboarding-section{margin-bottom:28px}.onboarding-label{display:block;font-size:14px;font-weight:600;color:var(--text-primary);margin-bottom:12px}.dark .onboarding-label{color:var(--text-secondary)}.domain-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.domain-card{position:relative;display:flex;flex-direction:column;align-items:center;padding:16px 12px;background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:12px;cursor:pointer;transition:all .2s ease;text-align:center}.dark .domain-card{background:var(--bg-tertiary);border-color:var(--text-primary)}.domain-card:hover{border-color:var(--color-primary);background:var(--color-primary-light)}.dark .domain-card:hover{border-color:var(--color-primary);background:var(--color-primary-dark)}.domain-card.selected{border-color:var(--color-primary);background:var(--color-primary-light);box-shadow:0 0 0 3px var(--color-primary-shadow-medium)}.dark .domain-card.selected{background:var(--color-primary-dark)}.domain-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:var(--bg-primary);border-radius:10px;margin-bottom:10px;color:var(--text-secondary);transition:all .2s ease}.dark .domain-icon{background:var(--bg-surface);color:var(--text-muted)}.domain-card.selected .domain-icon{background:var(--color-primary);color:var(--text-inverse)}.domain-label{font-size:13px;font-weight:600;color:var(--text-primary);margin-bottom:4px}.dark .domain-label{color:var(--text-primary)}.domain-description{font-size:11px;color:var(--text-secondary);line-height:1.3}.dark .domain-description{color:var(--text-muted)}.domain-check{position:absolute;top:8px;right:8px;width:20px;height:20px;background:var(--color-primary);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--text-inverse)}.experience-list{display:flex;flex-direction:column;gap:8px}.experience-option{display:flex;align-items:center;gap:14px;padding:14px 16px;background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:10px;cursor:pointer;transition:all .2s ease;text-align:left}.dark .experience-option{background:var(--bg-tertiary);border-color:var(--text-primary)}.experience-option:hover{border-color:var(--color-primary)}.experience-option.selected{border-color:var(--color-primary);background:var(--color-primary-light)}.dark .experience-option.selected{background:var(--color-primary-dark)}.experience-radio{width:20px;height:20px;border:2px solid var(--border-color);border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .2s ease}.experience-option.selected .experience-radio{border-color:var(--color-primary)}.experience-radio-fill{width:10px;height:10px;background:var(--color-primary);border-radius:50%}.experience-content{display:flex;flex-direction:column;gap:2px}.experience-label{font-size:14px;font-weight:600;color:var(--text-primary)}.dark .experience-label{color:var(--text-primary)}.experience-description{font-size:12px;color:var(--text-secondary)}.dark .experience-description{color:var(--text-muted)}.onboarding-error{padding:12px 16px;background:var(--color-danger-light);border:1px solid var(--color-danger-border);border-radius:8px;color:var(--color-danger);font-size:14px;margin-bottom:20px}.dark .onboarding-error{background:var(--color-danger-dark);border-color:var(--color-danger-dark);color:var(--color-danger)}.onboarding-actions{display:flex;flex-direction:column;gap:12px;margin-top:32px}.onboarding-btn-primary{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:14px 24px;background:var(--color-primary);color:var(--text-inverse);border:none;border-radius:10px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s ease}.onboarding-btn-primary:hover:not(:disabled){background:var(--color-primary-dark)}.onboarding-btn-primary:disabled{opacity:.5;cursor:not-allowed}.onboarding-btn-skip{background:none;border:none;color:var(--text-secondary);font-size:14px;cursor:pointer;padding:8px;transition:color .2s ease}.onboarding-btn-skip:hover{color:var(--color-primary)}.dark .onboarding-btn-skip{color:var(--text-muted)}.dark .onboarding-btn-skip:hover{color:var(--color-primary)}.onboarding-success{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;min-height:400px;animation:successFadeIn .5s ease}@keyframes successFadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.success-icon{width:80px;height:80px;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-purple) 100%);border-radius:20px;display:flex;align-items:center;justify-content:center;color:var(--text-inverse);margin-bottom:24px;animation:successBounce .6s ease .2s both}@keyframes successBounce{0%{transform:scale(0)}50%{transform:scale(1.1)}to{transform:scale(1)}}.onboarding-success h2{font-size:24px;font-weight:700;color:var(--text-primary);margin:0 0 8px}.onboarding-success p{font-size:15px;color:var(--text-secondary);margin:0 0 24px}.success-loader{color:var(--color-primary)}.animate-spin{animation:spin 1s linear infinite}@media (max-width: 600px){.onboarding-card{padding:28px 20px}.domain-grid{grid-template-columns:repeat(2,1fr)}.onboarding-header h1{font-size:24px}}@media (max-width: 400px){.domain-grid{grid-template-columns:1fr}}.payment-result-overlay{position:fixed;inset:0;background:var(--overlay-heavy);display:flex;align-items:center;justify-content:center;z-index:var(--z-modal)}.payment-result-card{background:var(--text-inverse);padding:30px;border-radius:12px;text-align:center;max-width:400px;box-shadow:0 10px 25px var(--shadow-overlay-xl)}.payment-icon-wrapper{margin-bottom:16px}.payment-icon-wrapper.success{color:var(--color-success)}.payment-icon-wrapper.error{color:var(--color-danger)}.payment-title{margin:0 0 10px}.payment-title.success{color:var(--color-success)}.payment-title.error{color:var(--color-danger)}.payment-desc{color:var(--text-secondary);margin-bottom:20px}.payment-btn{color:var(--text-inverse);border:none;padding:10px 20px;border-radius:6px;cursor:pointer;font-weight:700}.payment-btn.success{background:var(--color-primary)}.payment-btn.canceled{background:var(--border-color);color:var(--bg-tertiary)}.driver-active .driver-overlay,.driver-active *{pointer-events:none}.driver-active .driver-active-element,.driver-active .driver-active-element *,.driver-popover,.driver-popover *{pointer-events:auto}@keyframes animate-fade-in{0%{opacity:0}to{opacity:1}}.driver-fade .driver-overlay{animation:animate-fade-in .2s ease-in-out}.driver-fade .driver-popover{animation:animate-fade-in .2s}.driver-popover{all:unset;box-sizing:border-box;color:#2d2d2d;margin:0;padding:15px;border-radius:5px;min-width:250px;max-width:300px;box-shadow:0 1px 10px #0006;z-index:1000000000;position:fixed;top:0;right:0;background-color:#fff}.driver-popover *{font-family:Helvetica Neue,Inter,ui-sans-serif,"Apple Color Emoji",Helvetica,Arial,sans-serif}.driver-popover-title{font:19px/normal sans-serif;font-weight:700;display:block;position:relative;line-height:1.5;zoom:1;margin:0}.driver-popover-close-btn{all:unset;position:absolute;top:0;right:0;width:32px;height:28px;cursor:pointer;font-size:18px;font-weight:500;color:#d2d2d2;z-index:1;text-align:center;transition:color;transition-duration:.2s}.driver-popover-close-btn:hover,.driver-popover-close-btn:focus{color:#2d2d2d}.driver-popover-title[style*=block]+.driver-popover-description{margin-top:5px}.driver-popover-description{margin-bottom:0;font:14px/normal sans-serif;line-height:1.5;font-weight:400;zoom:1}.driver-popover-footer{margin-top:15px;text-align:right;zoom:1;display:flex;align-items:center;justify-content:space-between}.driver-popover-progress-text{font-size:13px;font-weight:400;color:#727272;zoom:1}.driver-popover-footer button{all:unset;display:inline-block;box-sizing:border-box;padding:3px 7px;text-decoration:none;text-shadow:1px 1px 0 #fff;background-color:#fff;color:#2d2d2d;font:12px/normal sans-serif;cursor:pointer;outline:0;zoom:1;line-height:1.3;border:1px solid #ccc;border-radius:3px}.driver-popover-footer .driver-popover-btn-disabled{opacity:.5;pointer-events:none}:not(body):has(>.driver-active-element){overflow:hidden!important}.driver-no-interaction,.driver-no-interaction *{pointer-events:none!important}.driver-popover-footer button:hover,.driver-popover-footer button:focus{background-color:#f7f7f7}.driver-popover-navigation-btns{display:flex;flex-grow:1;justify-content:flex-end}.driver-popover-navigation-btns button+button{margin-left:4px}.driver-popover-arrow{content:"";position:absolute;border:5px solid #fff}.driver-popover-arrow-side-over{display:none}.driver-popover-arrow-side-left{left:100%;border-right-color:transparent;border-bottom-color:transparent;border-top-color:transparent}.driver-popover-arrow-side-right{right:100%;border-left-color:transparent;border-bottom-color:transparent;border-top-color:transparent}.driver-popover-arrow-side-top{top:100%;border-right-color:transparent;border-bottom-color:transparent;border-left-color:transparent}.driver-popover-arrow-side-bottom{bottom:100%;border-left-color:transparent;border-top-color:transparent;border-right-color:transparent}.driver-popover-arrow-side-center{display:none}.driver-popover-arrow-side-left.driver-popover-arrow-align-start,.driver-popover-arrow-side-right.driver-popover-arrow-align-start{top:15px}.driver-popover-arrow-side-top.driver-popover-arrow-align-start,.driver-popover-arrow-side-bottom.driver-popover-arrow-align-start{left:15px}.driver-popover-arrow-align-end.driver-popover-arrow-side-left,.driver-popover-arrow-align-end.driver-popover-arrow-side-right{bottom:15px}.driver-popover-arrow-side-top.driver-popover-arrow-align-end,.driver-popover-arrow-side-bottom.driver-popover-arrow-align-end{right:15px}.driver-popover-arrow-side-left.driver-popover-arrow-align-center,.driver-popover-arrow-side-right.driver-popover-arrow-align-center{top:50%;margin-top:-5px}.driver-popover-arrow-side-top.driver-popover-arrow-align-center,.driver-popover-arrow-side-bottom.driver-popover-arrow-align-center{left:50%;margin-left:-5px}.driver-popover-arrow-none{display:none}.documentation-container{min-height:100vh;width:100vw;background:var(--bg-primary);font-family:Inter,sans-serif;padding:40px;box-sizing:border-box;overflow-y:auto}.documentation-wrapper{max-width:800px;margin:0 auto}.doc-title{font-size:2.5rem;font-weight:800;color:var(--bg-surface);margin-bottom:24px}.doc-card{background:var(--text-inverse);padding:32px;border-radius:16px;box-shadow:0 4px 6px -1px var(--shadow-overlay-xs);margin-bottom:32px}.doc-card:last-child{margin-bottom:0}.doc-section-title{font-size:1.5rem;font-weight:600;color:var(--bg-tertiary);margin-bottom:16px}.doc-section-title.mt-large{margin-top:32px}.doc-text{color:var(--text-secondary);margin-bottom:16px}.doc-list{line-height:1.6;color:var(--border-color)}.playback-hud-overlay{position:absolute;bottom:30px;left:50%;transform:translate(-50%);z-index:var(--z-panel);pointer-events:none;animation:slideUpHUD .5s cubic-bezier(.16,1,.3,1) forwards}@keyframes slideUpHUD{0%{transform:translate(-50%,50px);opacity:0}to{transform:translate(-50%);opacity:1}}.playback-hud-pill{display:flex;align-items:center;gap:var(--spacing-lg);background:var(--bg-surface);border:1px solid var(--border-color);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-full);box-shadow:var(--shadow-lg);pointer-events:auto;width:480px;transition:transform var(--transition-moderate)}.dark .playback-hud-pill{background:var(--color-gray-800);border:1px solid var(--color-gray-600);box-shadow:0 10px 30px var(--overlay-heavy)}.playback-hud-pill:hover{transform:scale(1.02)}.playback-hud-pill.dragging{cursor:grabbing}.hud-play-btn{width:40px;height:40px;border-radius:var(--radius-full);border:none;background:var(--color-primary);color:var(--text-inverse);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background var(--transition-moderate),transform var(--transition-fast);flex-shrink:0}.hud-play-btn:hover{background:var(--color-primary-hover);transform:scale(1.05)}.hud-play-btn:active{transform:scale(.95)}.hud-scrubber-container{flex:1;height:4px;position:relative;cursor:pointer}.hud-track{width:100%;height:100%;background:var(--shadow-overlay-xs);border-radius:var(--radius-xs);position:relative}.hud-progress-fill{height:100%;background:var(--color-primary);border-radius:var(--radius-xs);position:absolute;left:0;top:0}.hud-needle{width:12px;height:12px;background:var(--text-inverse);border:2px solid var(--color-primary);border-radius:var(--radius-full);position:absolute;top:50%;transform:translate(-50%,-50%);box-shadow:var(--shadow-xs)}.hud-time-display{display:flex;align-items:center;gap:var(--spacing-xs);font-family:var(--font-mono);font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:var(--text-tertiary);user-select:none;min-width:100px;justify-content:center}.hud-time-display .current{color:var(--color-primary)}.hud-time-display .sep{opacity:.3}.hud-speed-selector{position:relative}.hud-speed-btn{padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);border:1px solid var(--overlay-light);background:transparent;font-size:var(--font-size-md);font-weight:var(--font-weight-bold);color:var(--text-secondary);cursor:pointer;min-width:45px}.hud-speed-btn:hover{background:var(--shadow-overlay-xs)}.hud-speed-menu{position:absolute;bottom:calc(100% + 12px);right:0;background:var(--bg-surface);border-radius:var(--radius-md);box-shadow:var(--shadow-md);padding:var(--spacing-xs);display:flex;flex-direction:column;min-width:60px;border:1px solid var(--shadow-overlay-xs)}.hud-speed-option{padding:var(--spacing-sm) var(--spacing-md);border:none;background:transparent;font-size:var(--font-size-md);text-align:left;cursor:pointer;border-radius:var(--radius-sm);font-weight:var(--font-weight-semibold);color:var(--text-secondary)}.hud-speed-option:hover{background:var(--bg-primary)}.hud-speed-option.active{color:var(--color-primary);background:var(--color-primary-light)}.hud-jump-selector{position:relative}.hud-jump-btn{width:32px;height:32px;border-radius:var(--radius-sm);border:1px solid var(--overlay-light);background:transparent;color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center}.hud-jump-btn:hover{background:var(--shadow-overlay-xs);color:var(--color-primary)}.hud-jump-menu{position:absolute;bottom:calc(100% + 12px);right:0;background:var(--bg-surface);border-radius:var(--radius-md);box-shadow:var(--shadow-md);padding:var(--spacing-xs);display:flex;flex-direction:column;min-width:160px;border:1px solid var(--shadow-overlay-xs)}.hud-jump-option{padding:var(--spacing-sm) var(--spacing-md);border:none;background:transparent;font-size:var(--font-size-md);text-align:left;cursor:pointer;border-radius:var(--radius-sm);display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-md)}.hud-jump-option:hover{background:var(--bg-primary)}.hud-jump-option.active{background:var(--color-primary-light)}.hud-jump-option .jump-label{font-weight:var(--font-weight-semibold);color:var(--text-primary)}.hud-jump-option .jump-time{font-family:var(--font-mono);font-size:var(--font-size-xs);color:var(--text-muted)}.canvas-controls-container{display:flex;gap:4px;background:var(--control-container-bg);padding:4px;border-radius:8px;box-shadow:0 2px 8px #0000001a;border:1px solid var(--control-divider-color);align-items:center;transition:background-color .2s ease,border-color .2s ease}.dark .canvas-controls-container{box-shadow:0 2px 8px #0006}.canvas-button{width:32px;height:32px;border:none;background:transparent;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--canvas-button-color);transition:all .15s ease;flex-shrink:0}.canvas-button:hover{background:var(--canvas-button-hover-bg);color:var(--canvas-button-hover-color)}.canvas-button:active{background:var(--canvas-button-active-bg);color:var(--canvas-button-active-color)}.canvas-button-zoom{width:auto;padding:0 8px;font-size:11px;font-weight:600;font-variant-numeric:tabular-nums}.canvas-button.active{background:var(--canvas-button-active-bg);color:var(--canvas-button-active-color)}.canvas-control-divider{width:1px;height:20px;background:var(--control-divider-color);margin:0 2px;transition:background-color .2s ease}.keyboard-shortcuts-popover{background:var(--keyboard-shortcuts-bg);color:var(--keyboard-shortcuts-text);padding:12px 16px;border-radius:8px;font-size:11px;line-height:1.8;box-shadow:0 4px 12px #0000004d;min-width:200px;transition:background-color .2s ease,color .2s ease}.keyboard-shortcuts-popover-header{font-weight:700;margin-bottom:8px;border-bottom:1px solid rgba(255,255,255,.2);padding-bottom:6px}.keyboard-shortcuts-section{margin-bottom:6px;font-weight:600;color:var(--keyboard-section-color)}.keyboard-shortcuts-section+div{margin-top:8px}.keyboard-shortcuts-shortcut{margin-bottom:6px}.keyboard-shortcuts-key{background:#ffffff26;padding:2px 6px;border-radius:3px;margin-right:8px;transition:background-color .2s ease}.canvas-progress-bar{height:4px;background:var(--progress-bar-bg);border-radius:2px;overflow:hidden;flex:1;max-width:120px}.canvas-progress-bar-fill{height:100%;background:var(--progress-bar-color);border-radius:2px;transition:width .3s ease}.react-flow-background{background-color:var(--bg-surface);transition:background-color .3s ease}.react-flow .react-flow__background{background-color:var(--bg-surface)}.canvas-minimap-container{position:absolute;bottom:100px;right:20px;width:200px;height:150px;background:var(--bg-surface);border:1px solid var(--border-color);border-radius:8px;box-shadow:0 2px 8px #0000001a;transition:background-color .2s ease,border-color .2s ease;z-index:10}.dark .canvas-minimap-container{box-shadow:0 2px 8px #0006}.canvas-viewport{background:var(--bg-surface);transition:background-color .3s ease}.react-flow__node{background:var(--bg-surface);border-color:var(--border-color);color:var(--text-primary)}.react-flow__node.selected{border-color:var(--color-primary);box-shadow:0 0 0 2px #3b82f633}.react-flow__edge{stroke:var(--edge-default-color)}.react-flow__edge.selected{stroke:var(--edge-selected-color);stroke-width:3}.react-flow__background{background-color:var(--bg-surface)}.react-flow__background-pattern,.react-flow__background-dot{fill:var(--border-color)}.react-flow-minimap{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:6px}.react-flow-minimap__node{background:var(--canvas-button-hover-bg);border:1px solid var(--border-color)}.react-flow-minimap__node.selected{border:2px solid var(--color-primary)}.react-flow-minimap__mask{fill:#3b82f61a}.canvas-engine-banner{background:var(--color-warning-light);color:var(--color-warning-dark);padding:8px 16px;font-size:14px;border-bottom:1px solid var(--color-warning-border);display:flex;align-items:center;justify-content:center;gap:10px}.canvas-engine-spinner{animation:spin 1s linear infinite;display:inline-block;width:14px;height:14px;border:2px solid var(--color-warning-dark);border-right-color:transparent;border-radius:50%}.canvas-compare-banner{background:linear-gradient(135deg,var(--color-success-light) 0%,var(--color-success-light) 100%);color:var(--color-success-dark);padding:10px 20px;font-size:13px;font-weight:600;border-bottom:1px solid var(--color-success-border);display:flex;align-items:center;justify-content:center;gap:16px}.canvas-compare-label{display:flex;align-items:center;gap:8px}.canvas-compare-hint{color:var(--color-success);font-size:11px}.canvas-compare-exit{background:var(--bg-primary);border:1px solid var(--color-success-border);border-radius:6px;padding:4px 12px;font-size:12px;font-weight:600;color:var(--color-success-dark);cursor:pointer;transition:background .15s ease}.canvas-compare-exit:hover{background:var(--color-success-light)}.widget-base{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:4px;box-shadow:0 2px 4px var(--shadow-overlay-xs);box-sizing:border-box;overflow:visible;display:flex;flex-direction:row}.widget-counter{width:32px;height:100%;display:flex;align-items:center;justify-content:center;border-right:1px solid var(--bg-tertiary);background:var(--bg-secondary);font-size:10px;font-weight:700;color:var(--text-tertiary);border-top-left-radius:3px;border-bottom-left-radius:3px}.widget-visuals{flex:1;height:100%;position:relative;display:flex;align-items:center;justify-content:center}@keyframes flyToRack{0%{transform:translate(-30px) scale(.6);opacity:0}to{transform:translate(0) scale(1);opacity:1}}@keyframes bigDotAppear{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}@keyframes bigDotPulse{0%{transform:scale(1);box-shadow:0 0 #2196f366}50%{transform:scale(1.1);box-shadow:0 0 8px 2px #2196f333}to{transform:scale(1);box-shadow:0 0 #2196f366}}@keyframes bigDotFlyOut{0%{transform:translate(0) scale(1);opacity:1}to{transform:translate(45px) scale(.6);opacity:0}}@keyframes bigDotEnter{0%{transform:translate(-30px) scale(.6);opacity:0}to{transform:translate(0) scale(1);opacity:1}}@keyframes explodeOut{0%{transform:translate(var(--x-off, 0px),var(--y-off, 0px)) scale(1);opacity:1}to{transform:translate(0) translate(45px) scale(.6);opacity:0}}@keyframes scaleIn{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}.widget-zone-queue{flex:1;display:flex;flex-direction:column;background:var(--bg-secondary);border-right:1px solid var(--bg-tertiary);padding:4px;min-width:0}.widget-zone-process{flex:1;display:flex;flex-direction:column;background:var(--bg-surface);padding:4px;min-width:0}.widget-zone-label{font-size:8px;font-weight:700;text-transform:uppercase;color:var(--text-muted);margin-bottom:2px;letter-spacing:.05em}.widget-queue-grid{display:flex;flex-wrap:wrap;gap:2px;align-content:flex-start;height:100%;overflow:hidden}.widget-slot-grid{display:grid;gap:2px;height:100%}.widget-slot{background:var(--text-inverse);border:1px solid var(--border-color);border-radius:4px;position:relative;display:flex;align-items:center;justify-content:center;height:100%;min-height:12px}.widget-slot.staffed{border-color:var(--color-warning);background:var(--color-warning-light)}.widget-staff-badge{position:absolute;top:-2px;right:-2px;width:6px;height:6px;background:var(--color-warning);border:1px solid var(--text-inverse);border-radius:50%;z-index:10;box-shadow:0 1px 2px var(--shadow-overlay-sm)}.widget-dot-large{width:8px;height:8px;border-radius:50%;box-shadow:0 1px 2px var(--shadow-overlay-sm);z-index:5}.widget-dot-placeholder{width:4px;height:4px;background:var(--border-color);border-radius:50%}.widget-dot{width:6px;height:6px;border-radius:50%;background-color:var(--text-muted);box-shadow:0 1px 1px var(--shadow-overlay-xs)}.widget-overflow-badge{background-color:var(--border-color);color:var(--text-tertiary);font-size:8px;font-weight:700;padding:2px 4px;border-radius:4px;line-height:1;display:inline-flex;align-items:center;border:1px solid var(--border-hover)}.widget-dot-error{width:6px;height:6px;border-radius:50%;background-color:var(--color-danger);color:var(--text-inverse);font-size:6px;display:flex;align-items:center;justify-content:center;font-weight:700}.widget-nowrap{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.widget-aspect-square{aspect-ratio:1 / 1}.widget-col-center{display:flex;flex-direction:column;align-items:center;width:100%;gap:8px}.widget-slot-overflow{background-color:var(--bg-tertiary);color:var(--text-tertiary);font-weight:700;font-size:10px;border-radius:4px;aspect-ratio:1 / 1;display:flex;align-items:center;justify-content:center}.widget-grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;width:100%;grid-auto-rows:1fr}.widget-queue-inline{display:flex;flex-wrap:wrap;gap:2px;align-content:flex-start;width:100%}.widget-overflow-badge-inline{height:6px;background-color:var(--border-color);color:var(--text-tertiary);font-size:8px;line-height:1;padding:0 4px;border-radius:4px;display:flex;align-items:center;justify-content:center;font-weight:700}.widget-grid-8{display:grid;grid-template-columns:repeat(8,1fr);gap:2px;width:100%;align-content:start}.widget-compact-base{background:var(--bg-surface, rgba(255, 255, 255, .92));border:1px solid var(--border-color, var(--border-color));border-radius:12px;box-shadow:0 1px 2px #0000000d;display:grid;grid-template-columns:auto auto;overflow:hidden;font-family:ui-sans-serif,system-ui,sans-serif;width:fit-content}.widget-compact-col-left{display:flex;flex-direction:column;border-right:1px solid var(--border-subtle, var(--bg-primary));min-width:70px}.widget-compact-queue-flow{display:flex;flex-wrap:wrap;gap:2px;align-content:flex-start}.widget-compact-dot{width:8px;height:8px;border-radius:50%}.widget-compact-badge{height:8px;padding:0 4px;border-radius:4px;background-color:var(--bg-tertiary, var(--border-color));color:var(--text-secondary, var(--text-secondary));font-size:8px;font-weight:700;display:flex;align-items:center;justify-content:center;line-height:1}.widget-compact-col-right{display:flex;flex-direction:column;padding:6px;min-width:90px}.widget-compact-grid{display:grid;grid-template-columns:repeat(4,20px);gap:2px}.widget-compact-slot{width:20px;height:20px;background:var(--bg-surface, var(--text-inverse));border:1px solid var(--border-subtle, var(--border-color));border-radius:3px;display:flex;align-items:center;justify-content:center}.widget-compact-overflow-slot{width:20px;height:20px;background-color:var(--bg-tertiary, var(--bg-primary));border:1px solid var(--border-subtle, var(--border-color));border-radius:3px;color:var(--text-secondary, var(--text-secondary));font-size:9px;font-weight:700;display:flex;align-items:center;justify-content:center}.widget-compact-header{font-size:9px;font-weight:700;color:var(--text-muted, var(--text-muted));margin-bottom:4px;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}.assembler-dot{position:absolute;width:4px;height:4px;border-radius:50%;transform:translate(-50%,-50%)}.assembler-product{position:absolute;width:6px;height:6px;border-radius:50%;transform:translate(-50%,-50%);z-index:20}.assembler-big-dot{position:absolute;width:10px;height:10px;border-radius:50%;border:1px solid var(--text-inverse);box-shadow:0 1px 2px #0000001a;z-index:10;transform:translate(-50%,-50%)}.widget-compact-base.assembler-compact,.widget-compact-base.batcher-compact,.widget-compact-base.separator-compact{display:flex;flex-direction:column;align-items:center;width:fit-content;padding:4px;overflow:visible}.assembler-visual{position:relative}.assembler-ring{position:absolute;inset:0;pointer-events:none}@keyframes implodeToCenter{0%{transform:translate(-50%,-50%) scale(1);opacity:1}to{transform:translate(-50%,-50%) translate(var(--center-x),var(--center-y)) scale(0);opacity:0}}@keyframes exitRight{0%{transform:translate(-50%,-50%) scale(1);opacity:1}to{transform:translate(-50%,-50%) translate(36px) scale(.6);opacity:0}}@keyframes spawnProduct{0%{transform:translate(-50%,-50%) scale(0)}to{transform:translate(-50%,-50%) scale(1)}}@keyframes scaleUp{0%{transform:translate(-50%,-50%) scale(0);opacity:0}80%{transform:translate(-50%,-50%) scale(1.2);opacity:1}to{transform:translate(-50%,-50%) scale(1);opacity:1}}@keyframes pulseWork{0%{box-shadow:0 0 #2196f366}70%{box-shadow:0 0 0 4px #2196f300}to{box-shadow:0 0 #2196f300}}@keyframes fadeSlideRight{0%{transform:translate(0);opacity:1}to{transform:translate(20px);opacity:0}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.topology-panel-overlay{position:fixed;inset:0;background:var(--overlay-medium);z-index:var(--z-modal-backdrop);display:flex;justify-content:flex-end;animation:topologyFadeIn .15s ease-out}@keyframes topologyFadeIn{0%{opacity:0}to{opacity:1}}@keyframes topologySlideIn{0%{transform:translate(100%)}to{transform:translate(0)}}.topology-panel{width:380px;max-width:90vw;height:100vh;background:var(--bg-surface);border-left:1px solid var(--border-color);box-shadow:-4px 0 24px var(--shadow-overlay-lg);display:flex;flex-direction:column;animation:topologySlideIn .2s ease-out}.topology-panel-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--border-color);background:var(--bg-surface)}.topology-panel-title{display:flex;align-items:center;gap:8px;font-weight:600;font-size:15px;color:var(--text-primary)}.topology-panel-title .error-icon{color:var(--color-danger)}.topology-panel-close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;background:transparent;border-radius:6px;cursor:pointer;color:var(--text-secondary);transition:all .15s ease}.topology-panel-close:hover{background:var(--bg-hover);color:var(--text-primary)}.topology-panel-content{flex:1;overflow-y:auto;padding:16px;background:var(--bg-primary)}.topology-section{margin-bottom:20px}.topology-section:last-child{margin-bottom:0}.topology-section-header{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.03em;margin-bottom:10px;padding:6px 10px;border-radius:6px}.topology-section-header.error{color:var(--color-danger);background:var(--color-danger-light)}.topology-section-header.warning{color:var(--color-warning);background:var(--color-warning-light)}.topology-issues{display:flex;flex-direction:column;gap:8px}.topology-issue{display:flex;align-items:flex-start;gap:12px;padding:12px;border-radius:8px;border:1px solid var(--border-color);background:var(--bg-surface);transition:all .15s ease}.topology-issue:hover{border-color:var(--border-hover);box-shadow:0 2px 8px var(--shadow-overlay-xs)}.topology-issue.error{border-left:3px solid var(--color-danger)}.topology-issue.warning{border-left:3px solid var(--color-warning)}.topology-issue-content{flex:1;min-width:0}.topology-issue-message{font-size:14px;font-weight:500;color:var(--text-primary);line-height:1.4}.topology-issue-nodes{font-size:12px;color:var(--text-secondary);margin-top:4px;font-family:var(--font-mono, "SF Mono", Monaco, monospace)}.topology-issue-suggestion{font-size:12px;color:var(--text-muted);margin-top:6px;font-style:italic}.topology-locate-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;background:var(--bg-secondary);border-radius:6px;cursor:pointer;color:var(--text-secondary);transition:all .15s ease;flex-shrink:0}.topology-locate-btn:hover{background:var(--color-primary);color:var(--text-inverse)}.topology-panel-footer{padding:16px 20px;border-top:1px solid var(--border-color);background:var(--bg-surface)}.topology-hint{font-size:13px;color:var(--text-secondary);margin:0 0 12px}.topology-dismiss-btn{width:100%;padding:10px 16px;border:none;background:var(--bg-tertiary);color:var(--text-primary);font-size:14px;font-weight:500;border-radius:8px;cursor:pointer;transition:all .15s ease}.topology-dismiss-btn:hover{background:var(--bg-hover)}.dark .topology-panel,.dark .topology-panel-header{background:var(--bg-surface);border-color:var(--border-color)}.dark .topology-panel-content{background:var(--bg-secondary)}.dark .topology-issue{background:var(--bg-surface);border-color:var(--border-color)}.dark .topology-section-header.error{background:var(--color-danger-shadow-medium)}.dark .topology-section-header.warning{background:var(--color-warning-shadow-medium)}.dark .topology-panel-footer{background:var(--bg-surface);border-color:var(--border-color)}.dark .topology-locate-btn,.dark .topology-dismiss-btn{background:var(--bg-tertiary)}.dark .topology-dismiss-btn:hover{background:var(--bg-hover)}.topology-panel-content::-webkit-scrollbar{width:6px}.topology-panel-content::-webkit-scrollbar-track{background:transparent}.topology-panel-content::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}.topology-panel-content::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.login-modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:var(--overlay-heavy);display:flex;justify-content:center;align-items:center;z-index:var(--z-modal-backdrop)}.login-modal{background:var(--text-inverse);padding:30px;border-radius:12px;width:350px;display:flex;flex-direction:column;gap:16px;box-shadow:0 4px 20px var(--shadow-overlay-lg);position:relative}.login-modal-close{position:absolute;top:12px;right:12px;background:none;border:none;font-size:18px;color:var(--text-muted);cursor:pointer;padding:4px;line-height:1;transition:color .15s ease}.login-modal-close:hover{color:var(--text-secondary)}.login-modal-title{margin:0;text-align:center;font-size:18px;font-weight:600;color:var(--text-primary, var(--bg-surface))}.login-modal-message{padding:10px;border-radius:6px;font-size:13px;text-align:center}.login-modal-message.error{background:var(--color-danger-light);color:var(--color-danger)}.login-modal-message.success{background:var(--color-success-light);color:var(--color-success)}.login-modal-form{display:flex;flex-direction:column;gap:12px}.login-modal-input{padding:10px;border-radius:6px;border:1px solid var(--border-color);font-size:14px;transition:border-color .15s ease}.login-modal-input:focus{outline:none;border-color:var(--color-primary)}.login-modal-submit{padding:10px;background:var(--color-primary);color:var(--text-inverse);border:none;border-radius:6px;cursor:pointer;font-weight:600;font-size:14px;transition:background .15s ease}.login-modal-submit:hover:not(:disabled){background:var(--color-primary)}.login-modal-submit:disabled{cursor:wait;opacity:.7}.login-modal-divider{display:flex;align-items:center;gap:8px;color:var(--text-muted);font-size:12px}.login-modal-divider:before,.login-modal-divider:after{content:"";flex:1;height:1px;background:var(--bg-secondary)}.login-modal-oauth{padding:10px;border:1px solid var(--border-color);border-radius:6px;background:var(--text-inverse);cursor:pointer;font-size:14px;display:flex;align-items:center;justify-content:center;gap:8px;font-weight:500;color:var(--bg-tertiary);transition:background .15s ease,border-color .15s ease}.login-modal-oauth:hover{background:var(--bg-primary);border-color:var(--border-color)}.login-modal-oauth img{width:18px;height:18px}.login-modal-switch{text-align:center;font-size:13px;margin-top:4px;color:var(--text-secondary, var(--text-secondary))}.login-modal-switch-btn{background:none;border:none;color:var(--color-primary);cursor:pointer;font-weight:700;padding:0;font-size:13px}.login-modal-switch-btn:hover{text-decoration:underline}.dark .login-modal{background:var(--dark-bg-secondary, var(--bg-surface))}.dark .login-modal-title{color:var(--dark-text-primary, var(--text-inverse))}.dark .login-modal-input,.dark .login-modal-oauth{background:var(--dark-bg-tertiary, var(--bg-secondary));border-color:var(--dark-border, var(--bg-tertiary));color:var(--dark-text-primary, var(--text-inverse))}.dark .login-modal-oauth:hover{background:var(--bg-tertiary)}.compare-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--overlay-heavy);display:flex;align-items:center;justify-content:center;z-index:var(--z-modal-backdrop);backdrop-filter:blur(2px);animation:fadeIn .2s ease-out}.compare-modal{background:var(--bg-surface);padding:24px;border-radius:12px;width:400px;max-width:90vw;box-shadow:0 20px 25px -5px var(--shadow-overlay-md),0 10px 10px -5px var(--shadow-overlay-xs);border:1px solid var(--border-color);animation:slideUp .25s ease-out}.compare-modal-header{margin-bottom:20px}.compare-modal-title{margin:0;font-size:20px;font-weight:700;color:var(--text-primary)}.compare-modal-subtitle{margin:8px 0 0;font-size:14px;color:var(--text-secondary);line-height:1.5}.compare-snapshot-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin-bottom:16px}.compare-snapshot-card{background:var(--bg-primary);border-radius:8px;padding:14px;border:1px solid var(--border-color);display:flex;flex-direction:column;gap:8px}.compare-snapshot-label{font-size:12px;font-weight:700;color:var(--text-secondary);text-transform:uppercase}.compare-snapshot-input{width:100%;padding:6px 8px;border-radius:6px;border:1px solid var(--border-color);background:var(--bg-surface);color:var(--text-primary);font-size:13px}.compare-snapshot-input:focus{outline:none;border-color:var(--color-primary)}.compare-snapshot-meta{font-size:11px;color:var(--text-secondary)}.compare-capture-btn{padding:8px;background:var(--color-primary);color:var(--text-inverse);border:none;border-radius:6px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px;font-size:12px;transition:background .15s ease}.compare-capture-btn:hover:not(:disabled){background:var(--color-primary-hover)}.compare-capture-btn:disabled{background:var(--bg-hover);color:var(--text-secondary);cursor:not-allowed}.compare-status{font-size:12px;color:var(--text-secondary);font-style:italic;text-align:center;margin-bottom:16px}.compare-run-btn{width:100%;padding:10px;background:var(--color-primary);color:var(--text-inverse);border:none;border-radius:8px;font-weight:700;cursor:pointer;margin-bottom:16px;transition:background .15s ease}.compare-run-btn:hover:not(:disabled){background:var(--color-primary-hover)}.compare-run-btn:disabled{background:var(--bg-hover);color:var(--text-secondary);cursor:not-allowed}.compare-results-card{background:var(--bg-primary);border-radius:8px;padding:16px;border:1px solid var(--border-color);margin-bottom:16px}.compare-results-title{font-size:13px;font-weight:700;color:var(--text-secondary);margin-bottom:10px}.compare-results-grid{display:grid;gap:8px}.compare-metric-row{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:8px;font-size:12px}.compare-metric-label{font-weight:600}.compare-empty-state{background:var(--bg-primary);border-radius:8px;padding:16px;border:1px solid var(--border-color);margin-bottom:16px;font-size:13px;color:var(--text-secondary);text-align:center}.compare-table-container{background:var(--bg-primary);border-radius:8px;padding:16px;border:1px solid var(--border-color);max-height:260px;overflow:auto}.compare-table{width:100%;border-collapse:collapse;font-size:12px}.compare-table thead tr{text-align:left;border-bottom:1px solid var(--border-color)}.compare-table th,.compare-table td{padding:6px}.compare-table tbody tr{border-bottom:1px solid var(--border-color)}.compare-clear-btn{margin-top:12px;width:100%;padding:10px;background:var(--color-danger-light);color:var(--color-danger);border:1px solid var(--color-danger-shadow-dark);border-radius:6px;font-weight:600;cursor:pointer;transition:all .15s ease}.compare-clear-btn:hover{background:var(--color-danger-shadow-light)}.compare-cancel-btn{margin-top:20px;width:100%;padding:10px;background:transparent;border:none;color:var(--text-secondary);cursor:pointer;font-size:13px;transition:color .15s ease}.compare-cancel-btn:hover{color:var(--text-primary)}.dark .compare-snapshot-card,.dark .compare-results-card,.dark .compare-empty-state,.dark .compare-table-container{background:var(--bg-secondary)}.conflict-modal-overlay{position:fixed;inset:0;background:var(--overlay-heavy);display:flex;align-items:center;justify-content:center;z-index:var(--z-emergency);backdrop-filter:blur(4px)}.conflict-modal{background:var(--bg-primary, var(--text-inverse));border-radius:16px;padding:32px;max-width:480px;width:90%;text-align:center;box-shadow:0 20px 40px var(--shadow-overlay-lg)}.conflict-modal-icon{width:56px;height:56px;background:var(--color-warning-light);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 20px;color:var(--color-warning)}.conflict-modal h3{font-size:20px;font-weight:600;margin:0 0 12px;color:var(--text-primary, var(--bg-surface))}.conflict-modal p{font-size:14px;color:var(--text-secondary, var(--text-secondary));margin:0 0 24px;line-height:1.5}.conflict-options{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.conflict-option{display:flex;align-items:center;gap:16px;padding:16px;border:1px solid var(--border-color, var(--border-color));background:var(--bg-primary, var(--text-inverse));border-radius:12px;cursor:pointer;transition:all .15s ease;text-align:left}.conflict-option:hover:not(:disabled){border-color:var(--accent-color, var(--color-primary));background:var(--bg-secondary, var(--bg-primary))}.conflict-option:disabled{opacity:.6;cursor:not-allowed}.option-icon{width:44px;height:44px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.option-icon.overwrite{background:var(--color-primary-light);color:var(--color-primary)}.option-icon.reload{background:var(--color-success-light);color:var(--color-success)}.option-icon.copy{background:var(--color-purple);color:var(--color-purple)}.option-content{display:flex;flex-direction:column;gap:4px}.option-title{font-size:15px;font-weight:600;color:var(--text-primary, var(--bg-surface))}.option-desc{font-size:13px;color:var(--text-secondary, var(--text-secondary))}.btn-cancel-conflict{padding:10px 24px;border:none;background:transparent;color:var(--text-secondary, var(--text-secondary));font-size:14px;font-weight:500;cursor:pointer;transition:color .15s ease}.btn-cancel-conflict:hover:not(:disabled){color:var(--text-primary, var(--bg-surface))}.btn-cancel-conflict:disabled{opacity:.5;cursor:not-allowed}.dark .conflict-modal{background:var(--dark-bg-secondary, var(--bg-secondary))}.dark .conflict-modal-icon{background:var(--color-warning-shadow-medium)}.dark .conflict-modal h3{color:var(--dark-text-primary, var(--text-inverse))}.dark .conflict-option{background:var(--dark-bg-tertiary, var(--bg-tertiary));border-color:var(--dark-border, var(--bg-tertiary))}.dark .conflict-option:hover:not(:disabled){background:var(--bg-tertiary)}.dark .option-title{color:var(--dark-text-primary, var(--text-inverse))}.dark .option-icon.overwrite{background:var(--color-primary-shadow-medium)}.dark .option-icon.reload{background:var(--color-success-shadow-medium)}.dark .option-icon.copy{background:var(--color-purple-shadow-medium)}.dark .btn-cancel-conflict:hover:not(:disabled){color:var(--dark-text-primary, var(--text-inverse))}@media (max-width: 480px){.conflict-modal{padding:24px}.conflict-option{padding:12px}.option-icon{width:36px;height:36px}}.account-menu-container{position:relative;display:flex;align-items:center}.account-menu-button{display:flex;align-items:center;gap:6px;padding:4px 10px 4px 4px;height:40px;background:var(--bg-surface);border:1px solid var(--border-color);border-radius:20px;cursor:pointer;font-size:12px;font-weight:600;color:var(--text-primary);transition:all .15s ease;box-shadow:0 1px 2px var(--shadow-overlay-xs)}.account-menu-button:hover{background:var(--bg-hover);border-color:var(--border-color)}.account-menu-button.active{background:var(--color-primary-light);border-color:var(--color-primary);color:var(--color-primary);box-shadow:0 0 0 2px var(--color-primary-shadow-light)}.account-avatar{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-purple) 100%);color:var(--text-inverse);display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:600;overflow:hidden;flex-shrink:0}.account-avatar-img{width:100%;height:100%;object-fit:cover}.account-avatar-letter{font-size:14px;font-weight:600}.account-avatar.anonymous{background:var(--bg-tertiary);color:var(--text-secondary)}.pill-chevron{opacity:.4;transition:transform .2s}.pill-chevron.rotated{transform:rotate(180deg)}.account-menu-overlay{position:fixed;inset:0;z-index:var(--z-dropdown)}.account-dropdown{position:absolute;top:calc(100% + 8px);right:0;width:260px;background:var(--bg-surface);border-radius:12px;box-shadow:0 10px 15px -3px var(--shadow-overlay-lg),0 4px 6px -2px var(--shadow-overlay-xs),0 0 0 1px var(--shadow-overlay-xs);z-index:calc(var(--z-dropdown) + 1);overflow:hidden;padding:4px 0;transform-origin:top right}.account-dropdown.open{animation:fadeInScale .2s cubic-bezier(.4,0,.2,1)}@keyframes fadeInScale{0%{opacity:0;transform:scale(.95) translateY(-4px)}to{opacity:1;transform:scale(1) translateY(0)}}.account-user-info{display:flex;align-items:center;gap:12px;padding:16px;border-bottom:1px solid var(--border-color);background:var(--bg-secondary)}.account-menu-avatar{width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-purple) 100%);display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0}.account-menu-avatar img{width:100%;height:100%;object-fit:cover}.account-menu-avatar-letter{font-size:18px;font-weight:600;color:var(--text-inverse)}.account-user-details{flex:1;min-width:0}.account-user-name{font-size:14px;font-weight:600;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-user-email{font-size:12px;font-weight:400;color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:2px}.account-pro-badge{padding:8px 12px;margin:8px 12px;background:linear-gradient(135deg,var(--color-warning) 0%,var(--color-warning) 100%);border-radius:8px;color:var(--text-inverse);font-weight:700;font-size:11px;display:flex;align-items:center;justify-content:center;gap:6px;box-shadow:0 4px 6px -1px var(--color-warning-shadow-medium)}.account-menu-item{text-align:left;padding:10px 16px;background:none;border:none;cursor:pointer;font-size:13px;font-weight:500;color:var(--text-primary);display:flex;align-items:center;gap:12px;width:100%;transition:all .15s ease}.account-menu-item:hover{background:var(--bg-hover);color:var(--text-primary)}.account-menu-item.upgrade{color:var(--color-warning);font-weight:700}.account-menu-item.sign-out{color:var(--color-danger);border-top:1px solid var(--border-color);margin-top:4px}.account-menu-item.sign-out:hover{background:var(--color-danger-light)}.account-divider{height:1px;background:var(--border-color);margin:4px 0}.account-item-icon{opacity:.6}.account-menu-item:hover .account-item-icon{opacity:1}.simulation-config-container{position:relative}.config-trigger-btn{display:flex;align-items:center;gap:var(--spacing-sm, 8px);padding:6px var(--spacing-md, 12px);height:36px;background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-md, 8px);font-size:var(--font-size-sm, 12px);font-weight:var(--font-weight-semibold, 600);color:var(--text-primary);cursor:pointer;transition:all .15s ease;box-shadow:0 1px 2px var(--shadow-overlay-xs);white-space:nowrap}.config-trigger-btn:hover:not(:disabled){border-color:var(--text-tertiary);box-shadow:0 2px 4px var(--shadow-overlay-xs)}.config-trigger-btn:disabled{background:var(--bg-disabled);color:var(--text-disabled);cursor:not-allowed;opacity:.6}.config-trigger-btn.active{background:var(--color-primary-light);border-color:var(--color-primary);color:var(--color-primary-dark);box-shadow:0 0 0 2px var(--color-primary-shadow-light)}.config-trigger-btn__chevron{opacity:.5;transition:transform .2s ease}.config-trigger-btn.active .config-trigger-btn__chevron{transform:rotate(180deg);opacity:.7}.config-popover{position:absolute;top:calc(100% + 8px);right:0;width:340px;background:var(--bg-surface);border-radius:var(--radius-xl, 16px);border:1px solid var(--border-color);box-shadow:0 20px 25px -5px var(--shadow-overlay-light),0 8px 10px -6px var(--shadow-overlay-light);z-index:var(--z-popover);overflow:hidden}.config-popover__body{padding:var(--spacing-lg, 16px);display:flex;flex-direction:column;gap:var(--spacing-md, 12px)}.config-mode-group{display:flex;gap:6px;padding:4px;background:var(--bg-tertiary);border-radius:var(--radius-lg, 12px)}.config-mode-btn{flex:1;padding:10px var(--spacing-sm, 8px);border-radius:var(--radius-md, 8px);border:none;background:transparent;color:var(--text-secondary);font-size:var(--font-size-sm, 12px);font-weight:var(--font-weight-semibold, 600);cursor:pointer;transition:all .15s ease;white-space:nowrap}.config-mode-btn:hover:not(:disabled):not(.config-mode-btn--active){background:var(--bg-hover);color:var(--text-primary)}.config-mode-btn:disabled{cursor:not-allowed}.config-mode-btn--locked{opacity:.45}.config-mode-btn--active{background:var(--bg-surface);box-shadow:0 1px 3px var(--shadow-overlay-sm)}.config-mode-btn--single.config-mode-btn--active{color:var(--color-primary)}.config-mode-btn--experiment.config-mode-btn--active{color:var(--color-purple)}.config-mode-btn--compare.config-mode-btn--active{color:var(--color-success)}.config-quick-presets{display:flex;gap:6px}.config-quick-preset{flex:1;padding:8px 10px;border-radius:var(--radius-md, 8px);border:1px solid var(--border-color);background:var(--bg-surface);font-size:var(--font-size-xs, 11px);font-weight:var(--font-weight-semibold, 600);color:var(--text-secondary);cursor:pointer;transition:all .15s ease;text-align:center}.config-quick-preset:hover:not(.config-quick-preset--active):not(.config-quick-preset--locked){border-color:var(--color-primary);color:var(--color-primary);background:var(--color-primary-light)}.config-quick-preset--active{border-color:var(--color-primary);background:var(--color-primary);color:var(--text-on-primary);box-shadow:0 2px 4px var(--color-primary-shadow-light)}.config-quick-preset--active:hover{background:var(--color-primary-dark);border-color:var(--color-primary-dark)}.config-duration-section{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm, 8px);padding:var(--spacing-lg, 16px) var(--spacing-md, 12px);background:var(--bg-tertiary);border-radius:var(--radius-lg, 12px)}.config-duration-input{width:100px;font-size:32px;font-weight:var(--font-weight-bold, 700);color:var(--text-primary);background:transparent;border:none;text-align:right;outline:none;font-family:system-ui,-apple-system,sans-serif;line-height:1}.config-duration-input:focus{color:var(--color-primary)}.config-duration-unit{font-size:var(--font-size-md, 13px);font-weight:var(--font-weight-medium, 500);color:var(--text-tertiary);text-transform:lowercase;min-width:60px}.config-runs-section{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-md, 12px);padding:var(--spacing-md, 12px) var(--spacing-md, 12px);border-radius:var(--radius-lg, 12px)}.config-runs-section--experiment{background:var(--color-purple-light)}.config-runs-section--compare{background:var(--color-success-light)}.config-runs-info{display:flex;flex-direction:column;gap:2px}.config-runs-label{font-size:var(--font-size-xs, 11px);font-weight:var(--font-weight-bold, 700);text-transform:uppercase;letter-spacing:.05em}.config-runs-label--experiment{color:var(--color-purple)}.config-runs-label--compare{color:var(--color-success)}.config-runs-hint{font-size:10px;color:var(--text-secondary);font-weight:var(--font-weight-medium, 500)}.config-runs-input{width:64px;font-size:var(--font-size-lg, 16px);font-weight:var(--font-weight-bold, 700);background:var(--bg-surface);border-radius:var(--radius-md, 8px);text-align:center;outline:none;padding:var(--spacing-sm, 8px);border:none}.config-runs-input--experiment{color:var(--color-purple);box-shadow:inset 0 0 0 2px var(--color-purple-border, rgba(124, 58, 237, .2))}.config-runs-input--experiment:focus{box-shadow:inset 0 0 0 2px var(--color-purple)}.config-runs-input--compare{color:var(--color-success);box-shadow:inset 0 0 0 2px var(--color-success-border, rgba(22, 163, 74, .2))}.config-runs-input--compare:focus{box-shadow:inset 0 0 0 2px var(--color-success)}.config-time-pills{display:flex;gap:4px;background:var(--bg-tertiary);padding:4px;border-radius:var(--radius-lg, 12px)}.config-time-pill{flex:1;padding:8px var(--spacing-sm, 8px);border-radius:var(--radius-md, 8px);border:none;font-size:var(--font-size-xs, 11px);font-weight:var(--font-weight-semibold, 600);cursor:pointer;background:transparent;color:var(--text-secondary);transition:all .15s ease}.config-time-pill:hover:not(.config-time-pill--active){color:var(--text-primary);background:var(--bg-hover)}.config-time-pill--active{background:var(--bg-surface);color:var(--color-primary);box-shadow:0 1px 3px var(--shadow-overlay-sm)}.config-more-section{margin-top:var(--spacing-sm, 8px);padding-top:var(--spacing-md, 12px);border-top:1px solid var(--border-color)}.config-more-toggle{display:flex;align-items:center;gap:var(--spacing-sm, 8px);width:100%;padding:10px var(--spacing-md, 12px);background:var(--bg-tertiary);border:none;border-radius:var(--radius-md, 8px);cursor:pointer;font-size:var(--font-size-sm, 12px);font-weight:var(--font-weight-semibold, 600);color:var(--text-secondary);transition:all .15s ease}.config-more-toggle:hover{background:var(--bg-hover);color:var(--text-primary)}.config-more-toggle--open{background:var(--bg-secondary);color:var(--text-primary)}.config-more-toggle__icon{opacity:.7;color:var(--text-tertiary)}.config-more-toggle:hover .config-more-toggle__icon,.config-more-toggle--open .config-more-toggle__icon{opacity:1;color:var(--color-primary)}.config-more-toggle__chevron{margin-left:auto;transition:transform .2s ease;opacity:.5}.config-more-toggle:hover .config-more-toggle__chevron{opacity:.7}.config-more-toggle--open .config-more-toggle__chevron{transform:rotate(90deg);opacity:.8}.config-warmup-badge{font-size:9px;padding:3px 8px;background:var(--color-primary);color:var(--text-on-primary);border-radius:var(--radius-sm, 4px);font-weight:var(--font-weight-semibold, 600);letter-spacing:.02em;text-transform:uppercase}.config-more-content{display:flex;flex-direction:column;gap:var(--spacing-md, 12px);margin-top:var(--spacing-md, 12px);padding:var(--spacing-md, 12px);background:var(--bg-tertiary);border-radius:var(--radius-lg, 12px)}.config-form-row{display:flex;gap:var(--spacing-sm, 8px)}.config-form-group{display:flex;flex-direction:column;gap:6px}.config-start-row{display:flex;gap:var(--spacing-sm, 8px)}.config-start-field{flex:1;display:flex;flex-direction:column;gap:6px}.config-form-label{font-size:10px;font-weight:var(--font-weight-bold, 700);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em;padding-left:2px}.config-form-input,.config-form-select{width:100%;padding:10px var(--spacing-sm, 8px);border-radius:var(--radius-md, 8px);border:none;background:var(--bg-surface);font-size:var(--font-size-sm, 12px);font-weight:var(--font-weight-semibold, 600);color:var(--text-primary);outline:none;transition:all .15s ease;box-shadow:inset 0 0 0 1px var(--border-color)}.config-form-input:hover,.config-form-select:hover{box-shadow:inset 0 0 0 1px var(--text-tertiary)}.config-form-input:focus,.config-form-select:focus{box-shadow:inset 0 0 0 2px var(--color-primary)}.config-form-input[type=time]{padding:10px;font-variant-numeric:tabular-nums;letter-spacing:.02em}.config-form-input[type=time]::-webkit-calendar-picker-indicator{background:none;cursor:pointer;opacity:.5;padding:0;margin:0;filter:var(--icon-filter, none)}.config-form-input[type=time]:hover::-webkit-calendar-picker-indicator{opacity:.8}.config-form-input[type=time]::-webkit-datetime-edit{padding:0}.config-form-input[type=time]::-webkit-datetime-edit-fields-wrapper{padding:0}.config-form-select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 8px center;padding-right:24px}.config-form-select--compact{text-align:center;padding-left:8px;padding-right:24px}.config-warmup-pills{display:flex;gap:4px;background:var(--bg-surface);padding:4px;border-radius:var(--radius-md, 8px)}.config-warmup-pill{flex:1;padding:8px 6px;border-radius:6px;border:none;font-size:11px;font-weight:var(--font-weight-semibold, 600);cursor:pointer;background:transparent;color:var(--text-secondary);transition:all .15s ease;display:flex;align-items:center;justify-content:center;gap:4px}.config-warmup-pill:hover:not(.config-warmup-pill--active){background:var(--bg-hover);color:var(--text-primary)}.config-warmup-pill--active{background:var(--color-primary);color:var(--text-on-primary);box-shadow:0 1px 3px var(--color-primary-shadow-light)}.config-warmup-pill--active svg{fill:var(--text-on-primary)}.config-warmup-custom{margin-top:var(--spacing-sm, 8px);display:flex;align-items:center;gap:var(--spacing-sm, 8px);padding:10px var(--spacing-sm, 8px);background:var(--bg-surface);border-radius:var(--radius-md, 8px)}.config-warmup-custom__input{flex:1;font-size:14px;font-weight:var(--font-weight-semibold, 600);color:var(--text-primary);background:transparent;border:none;text-align:right;outline:none}.config-warmup-custom__input:focus{color:var(--color-primary)}.config-warmup-custom__unit{font-size:var(--font-size-sm, 12px);color:var(--text-tertiary);font-weight:var(--font-weight-medium, 500);min-width:50px}.config-warmup-smart{margin-top:var(--spacing-sm, 8px);padding:10px var(--spacing-sm, 8px);background:var(--color-primary-light);border-radius:var(--radius-md, 8px);font-size:11px;color:var(--color-primary-dark);display:flex;align-items:center;gap:8px}.config-warmup-smart__text{font-weight:var(--font-weight-medium, 500)}.config-seed-row{display:flex;justify-content:space-between;align-items:center;padding:10px var(--spacing-sm, 8px);background:var(--bg-surface);border-radius:var(--radius-md, 8px)}.config-seed-label{display:flex;align-items:center;gap:6px;font-size:10px;font-weight:var(--font-weight-bold, 700);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em}.config-seed-label svg{opacity:.7}.config-seed-input{width:80px;padding:6px var(--spacing-sm, 8px);border-radius:6px;border:none;background:var(--bg-tertiary);font-size:var(--font-size-xs, 11px);font-family:SF Mono,Monaco,Cascadia Code,monospace;text-align:right;outline:none;color:var(--text-primary);transition:all .15s ease}.config-seed-input:focus{background:var(--bg-secondary);box-shadow:inset 0 0 0 2px var(--color-primary)}.config-seed-input::placeholder{color:var(--text-tertiary);font-style:italic}.animate-scale-in{animation:scaleIn .15s ease-out}.animate-fade-in{animation:fadeIn .2s ease-out}.animate-slide-down{animation:slideDown .2s ease-out}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.config-quick-preset--locked{position:relative;opacity:.45;cursor:not-allowed;display:flex;align-items:center;justify-content:center;gap:4px}.config-quick-preset--locked:hover{border-color:var(--border-color);color:var(--text-secondary);background:var(--bg-surface)}.config-quick-preset--locked svg{color:var(--text-tertiary)}.config-duration-warning{display:flex;align-items:center;justify-content:center;gap:8px;padding:10px var(--spacing-md, 12px);background:var(--color-warning-light);border-radius:var(--radius-md, 8px);font-size:11px;font-weight:var(--font-weight-semibold, 600);color:var(--color-warning-hover, var(--color-warning));animation:slideDown .2s ease-out}.config-duration-warning svg{flex-shrink:0;opacity:.8}.header-container-modern{height:60px;background:var(--bg-surface);border-bottom:1px solid var(--border-color);display:flex;align-items:center;padding:0 24px;justify-content:space-between;z-index:var(--z-dropdown);position:relative;box-shadow:0 1px 2px var(--shadow-overlay-xs)}.header-left-zone{display:flex;align-items:center;gap:12px;flex:1 1 0;min-width:0}.header-center-zone{flex:0 0 auto;display:flex;align-items:center;justify-content:center;padding:0 20px}.header-right-zone{display:flex;align-items:center;justify-content:flex-end;gap:16px;flex:1 1 0;min-width:0}.header-title-input{font-size:16px;font-weight:700;color:var(--text-primary);border:none;background:transparent;padding:6px 10px;border-radius:6px;width:200px;transition:all .2s;word-spacing:normal;overflow:hidden;text-overflow:ellipsis;outline:none}.header-title-input:hover{background:var(--bg-hover)}.header-title-input:focus{background:var(--bg-tertiary);box-shadow:0 0 0 2px var(--color-primary-shadow-light)}.header-logo{height:48px;width:auto;display:block}.header-controls-group{display:flex;align-items:center;background:var(--bg-secondary);border-radius:10px;padding:3px;border:1px solid var(--border-color);gap:4px}.header-controls-group button.config-trigger-btn,.header-controls-group .config-trigger-btn{height:34px;padding:0 12px;font-size:12px;font-weight:600;border-radius:7px;background:transparent;border:none;box-shadow:none}.header-controls-group button.config-trigger-btn:hover,.header-controls-group .config-trigger-btn:hover{background:var(--bg-hover);box-shadow:0 1px 2px var(--shadow-overlay-xs)}.header-controls-group button.config-trigger-btn.active,.header-controls-group .config-trigger-btn.active{background:var(--color-primary);color:var(--text-inverse);box-shadow:0 1px 2px var(--color-primary-shadow-light)}.smart-run-btn{border:none;border-radius:7px;padding:0 16px;height:34px;font-size:12px;font-weight:700;display:flex;align-items:center;gap:6px;transition:all .2s ease;cursor:pointer;background:var(--color-success);color:var(--text-inverse);box-shadow:0 1px 2px var(--color-success-shadow-sm)}.smart-run-btn:hover{background:var(--color-success);box-shadow:0 4px 6px -1px var(--color-success-shadow-sm);transform:translateY(-1px)}.smart-run-btn:active{transform:translateY(0)}.smart-run-btn.running{background:var(--color-danger);box-shadow:0 1px 2px var(--color-danger-shadow-sm)}.smart-run-btn.running:hover{background:var(--color-danger)}.smart-run-btn.disabled{background:var(--border-color);color:var(--text-muted);cursor:not-allowed;box-shadow:none;transform:none}.pro-toggle-label-modern{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:600;cursor:pointer;border-radius:20px;padding:6px 12px;transition:all .2s ease;user-select:none;background:var(--bg-primary);color:var(--text-secondary);border:1px solid var(--border-color)}.pro-toggle-label-modern.active{background:var(--color-primary-light);color:var(--color-primary);border-color:var(--color-primary-light)}.pro-toggle-switch{width:28px;height:16px;background:var(--border-color);border-radius:10px;position:relative;transition:background .2s}.pro-toggle-label-modern.active .pro-toggle-switch{background:var(--color-primary)}.pro-toggle-knob{position:absolute;top:2px;left:2px;width:12px;height:12px;background:var(--text-inverse);border-radius:50%;transition:left .2s}.pro-toggle-label-modern.active .pro-toggle-knob{left:14px}.btn-ai{padding:0 12px;height:34px;font-size:12px;font-weight:700;border-radius:8px;display:flex;align-items:center;gap:6px;border:none;cursor:pointer;transition:all .2s}.btn-ai.enabled{background:linear-gradient(135deg,var(--color-purple) 0%,var(--color-primary) 100%);color:var(--text-inverse);box-shadow:0 1px 2px var(--color-primary-shadow-sm)}.btn-ai.enabled:hover{transform:translateY(-1px);box-shadow:0 4px 6px -1px var(--color-primary-shadow-sm)}.btn-ai.disabled{background:var(--bg-primary);color:var(--border-color);cursor:not-allowed}.header-divider-v{width:1px;height:20px;background:var(--border-color)}.animate-scale-in{animation:scaleIn .2s cubic-bezier(.4,0,.2,1)}@keyframes scaleIn{0%{opacity:0;transform:scale(.95) translateY(-4px)}to{opacity:1;transform:scale(1) translateY(0)}}@media (max-width: 1024px){.header-title-input{width:150px}}@media (max-width: 850px){.pro-toggle-text{display:none}.header-right-zone{gap:8px}}@media (max-width: 700px){.header-left-zone{flex:1}.header-center-zone{display:none}}.collaborator-avatars{display:flex;align-items:center;gap:4px;padding:4px 12px 4px 8px;background:var(--bg-secondary);border-radius:20px;border:1px solid var(--border-color, rgba(255, 255, 255, .1))}.collaborator-avatar{position:relative;width:28px;height:28px;border-radius:50%;border:2px solid;overflow:hidden;margin-left:-8px;cursor:pointer;transition:transform .15s ease,z-index 0s;flex-shrink:0}.collaborator-avatar:first-child{margin-left:0}.collaborator-avatar:hover{transform:scale(1.15);z-index:10}.collaborator-avatar-img{width:100%;height:100%;object-fit:cover}.collaborator-avatar-initials{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;color:#fff;background:inherit;text-transform:uppercase}.collaborator-count{font-size:12px;color:var(--text-secondary, rgba(255, 255, 255, .6));margin-left:4px;white-space:nowrap}.collaborator-avatar[title]:hover:after{content:attr(title);position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%);padding:4px 8px;background:var(--bg-tertiary);color:var(--text-primary, white);font-size:11px;border-radius:4px;white-space:nowrap;z-index:100;box-shadow:0 4px 12px #0000004d}@keyframes collaborator-join{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.collaborator-avatar{animation:collaborator-join .2s ease-out}.tooltip-portal{position:fixed;background:var(--help-tooltip-bg);color:var(--help-tooltip-text);padding:8px 12px;border-radius:6px;font-size:12px;max-width:220px;z-index:var(--z-tooltip);pointer-events:none;animation:fadeIn .2s ease;box-shadow:0 4px 12px var(--tooltip-shadow);line-height:1.4;word-space:normal}@keyframes fadeIn{0%{opacity:0;transform:translateY(-45%)}to{opacity:1;transform:translateY(-50%)}}.help-tooltip-container{position:relative;display:inline-flex;margin-left:8px;cursor:help;vertical-align:middle}.help-icon-minimal{width:16px;height:16px;display:flex;align-items:center;justify-content:center;transition:all .2s cubic-bezier(.4,0,.2,1);color:var(--text-muted);opacity:.6}.help-tooltip-container:hover .help-icon-minimal{color:var(--color-primary);transform:scale(1.1);opacity:1}.sidebar{padding:12px;border-right:1px solid var(--border-color);background:var(--bg-surface);display:flex;flex-direction:column;height:100%;overflow-x:hidden;overflow-y:auto;font-family:Inter,system-ui,-apple-system,sans-serif;scrollbar-width:thin;scrollbar-color:var(--text-secondary) transparent;box-sizing:border-box}.sidebar::-webkit-scrollbar{width:6px}.sidebar::-webkit-scrollbar-track{background:transparent}.sidebar::-webkit-scrollbar-thumb{background-color:var(--text-secondary);border-radius:20px;border:2px solid transparent;background-clip:content-box}.sidebar::-webkit-scrollbar-thumb:hover{background-color:var(--text-muted)}.sidebar-section{margin-bottom:8px;font-size:11px;font-weight:600;text-transform:uppercase;color:var(--text-secondary);letter-spacing:.05em;padding-left:4px}.sidebar-section-advanced{margin-top:16px;padding-top:16px;border-top:1px solid var(--border-color)}.sidebar-node{position:relative;padding:4px 8px;border:1px solid var(--border-color);border-left:3px solid transparent;border-radius:4px;background:var(--bg-surface);display:flex;align-items:center;gap:8px;margin-bottom:4px;transition:all .2s ease;user-select:none}.sidebar-node.draggable{cursor:grab}.sidebar-node.draggable:before{content:"";display:block;width:4px;height:10px;border-left:2px dotted var(--text-muted);border-right:2px dotted var(--text-muted);margin-right:2px;opacity:.8;transition:opacity .2s}.sidebar-node.draggable:hover:before{opacity:1;border-color:var(--text-secondary)}.sidebar-node.disabled{cursor:help;background:transparent;opacity:.5;border-style:dashed}.sidebar-node.draggable:hover{background:var(--bg-primary);border-color:var(--border-color);transform:translateY(-1px)}.sidebar-node.draggable:active{cursor:grabbing;transform:translateY(0)}.sidebar-node-icon{width:24px;height:24px;display:flex;align-items:center;justify-content:center;flex-shrink:0;background:var(--bg-primary);border-radius:3px;padding:4px}.sidebar-node-icon img{width:100%;height:100%;object-fit:contain}.sidebar-node-label{flex:1;font-weight:600;color:var(--text-primary);font-size:12px;display:flex;align-items:center;gap:6px}.lock-icon{width:14px;height:14px;opacity:.6;color:var(--text-secondary);flex-shrink:0}.info-icon-wrapper{position:relative;display:inline-flex;cursor:help;opacity:0;transition:opacity .2s ease;margin-left:auto;padding-right:8px;flex-shrink:0}.sidebar-node:hover .info-icon-wrapper{opacity:.6}.sidebar-node:hover .info-icon-wrapper:hover{opacity:1}.info-icon-wrapper.info-icon-visible{opacity:.4}.sidebar-node:hover .info-icon-wrapper.info-icon-visible{opacity:.7}.sidebar-node:hover .info-icon-wrapper.info-icon-visible:hover{opacity:1}.info-icon{width:18px;height:18px;border-radius:50%;background:var(--bg-hover);color:var(--text-secondary);font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center;font-family:serif;font-style:italic}.advanced-container{transition:opacity .3s ease}.component-library-content{width:100%;height:100%;overflow-y:auto;padding-right:4px;scrollbar-width:thin}.resize-handle-dots{display:flex;flex-direction:column;gap:3px;opacity:.6;transition:opacity .2s ease}.resize-handle-dots.hovering{opacity:1}.resize-handle-dot{width:4px;height:4px;border-radius:50%;background:var(--text-muted);transition:background .2s ease}.resize-handle-dots.hovering .resize-handle-dot{background:var(--text-inverse)}.agent-registry-header{display:flex;justify-content:space-between;align-items:center;padding-right:4px}.agent-registry-add-btn{cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text-muted);user-select:none;transition:all .2s}.agent-registry-add-btn.active{color:var(--color-primary)}.agent-registry-add-area{padding:0 0 15px;border-bottom:1px solid var(--border-color);margin-bottom:10px}.agent-registry-new-agent-box{display:flex;gap:6px;margin-bottom:10px}.agent-registry-new-input{flex:1;padding:6px 8px;border-radius:var(--radius-sm);border:1px solid var(--border-color);font-size:11px;outline:none;background:var(--bg-primary);color:var(--text-primary);transition:all .2s}.agent-registry-new-input:focus{border-color:var(--border-hover)}.agent-registry-confirm-btn{background:var(--bg-secondary);color:var(--text-muted);border:none;border-radius:var(--radius-sm);cursor:default;font-size:11px;font-weight:600;padding:0 10px;transition:all .2s;white-space:nowrap}.agent-registry-confirm-btn.active{background:var(--color-primary);color:var(--text-inverse);cursor:pointer}.agent-registry-item{margin-bottom:4px}.agent-registry-node{cursor:pointer;margin-bottom:0;background-color:var(--text-inverse);border-color:var(--border-color)}.agent-registry-node.expanded{background-color:var(--color-agent-bg);border-color:var(--color-agent-border)}.agent-registry-icon-wrapper{background-color:var(--color-agent-bg);color:var(--color-agent-text);border:1px solid var(--color-agent-border)}.agent-registry-icon-text{font-weight:700;font-size:14px}.agent-registry-label{flex:1;font-weight:500}.agent-registry-controls{display:flex;align-items:center;gap:12px;margin-left:auto;padding-right:12px}.agent-registry-count{font-size:9px;color:var(--text-secondary);background:var(--bg-secondary);padding:1px 4px;border-radius:4px}.agent-registry-chevron{display:flex;align-items:center;justify-content:center;color:var(--text-muted);transition:transform .3s cubic-bezier(.4,0,.2,1)}.agent-registry-chevron.expanded{transform:rotate(180deg)}.agent-registry-delete-icon{width:20px;height:20px;display:flex;align-items:center;justify-content:center;opacity:.25;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);border-radius:4px;color:var(--text-muted)}.agent-registry-delete-icon:hover{opacity:1;background:var(--color-danger-light);color:var(--color-danger)}.agent-registry-attributes-container{border:1px solid var(--border-color);border-top:none;border-radius:0 0 8px 8px;background-color:var(--bg-secondary);margin-top:-1px}.agent-registry-attributes-inner{padding:8px}.agent-registry-attribute-card{margin-bottom:8px;border:1px solid var(--color-attr-border);border-radius:var(--radius-md);background:var(--bg-primary);overflow:hidden;box-shadow:0 1px 2px var(--shadow-overlay-xs)}.agent-registry-attribute-header{display:flex;justify-content:space-between;align-items:center;padding:8px 8px 4px;background:var(--color-attr-bg);border-bottom:1px solid var(--color-attr-border)}.agent-registry-type-switch{display:flex;background:var(--overlay-light);border-radius:var(--radius-sm);padding:2px;gap:2px;margin-left:auto;margin-right:8px}.agent-registry-type-option{font-size:9px;font-weight:700;padding:2px 8px;border-radius:4px;cursor:pointer;color:var(--text-muted);transition:all .2s;user-select:none;text-transform:uppercase}.agent-registry-type-option:hover{color:var(--text-secondary)}.agent-registry-type-option.active{background:var(--bg-primary);color:var(--accent);box-shadow:0 1px 2px var(--shadow-overlay-xs)}.agent-registry-stepper{display:flex;align-items:center;border:1px dashed var(--border-color);border-radius:12px;padding:5px 6px;transition:all .2s}.agent-registry-stepper:hover{border-color:var(--border-hover)}.agent-registry-stepper-btn{background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:14px;font-weight:700;padding:0;width:16px;height:16px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s}.agent-registry-stepper-btn:hover{color:var(--color-primary);background:var(--color-primary-light)}.agent-registry-number-input{width:30px;padding:0;border:none;font-size:11px;font-weight:600;color:var(--text-secondary);background:transparent;outline:none;text-align:center;appearance:textfield}.agent-registry-number-input::-webkit-outer-spin-button,.agent-registry-number-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.agent-registry-number-input:focus{color:var(--text-primary)}.agent-registry-attribute-name{font-size:11px;font-weight:800;color:var(--color-attr-text);text-transform:uppercase}.agent-registry-attribute-delete{display:flex;align-items:center;justify-content:center;color:var(--text-muted);cursor:pointer;transition:all .2s}.agent-registry-attribute-delete:hover{color:var(--color-danger)}.agent-registry-values-body{padding:0 8px 8px}.agent-registry-values-list{display:flex;flex-wrap:wrap;gap:4px;align-items:center;padding-top:4px}.agent-registry-value-tag{background:var(--color-val-bg);border:1px solid var(--color-val-border);color:var(--color-val-text);padding:2px 8px;border-radius:12px;font-size:11px;display:flex;align-items:center;gap:4px;font-weight:600}.agent-registry-value-remove{cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--color-val-text);opacity:.5;transition:all .2s}.agent-registry-value-remove:hover{opacity:1}.agent-registry-value-input{width:60px;padding:5px 6px;font-size:11px;border:1px dashed var(--border-color);border-radius:12px;outline:none;background:transparent;color:var(--text-secondary);transition:all .2s}.agent-registry-value-input:focus{border-color:var(--color-success);border-style:solid;width:100px;color:var(--text-primary)}.agent-registry-create-row{display:flex;gap:4px;margin-top:0;padding-top:12px}.agent-registry-create-input{flex:1;padding:4px;font-size:12px;border-radius:4px;border:1px solid var(--color-success);outline:none;box-shadow:0 0 0 2px rgba(var(--color-success-rgb),.2)}.agent-registry-create-btn{background:var(--color-success);color:var(--text-inverse);border:none;border-radius:4px;width:28px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px}.agent-registry-cancel-btn{background:var(--bg-secondary);color:var(--text-secondary);border:none;border-radius:4px;width:28px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px}.agent-registry-create-trigger-btn{width:100%;padding:12px 4px 4px;margin-top:0;background:transparent;border:1px dashed var(--border-color);border-radius:var(--radius-sm);color:var(--text-secondary);font-size:10px;font-weight:600;cursor:pointer;transition:all .2s;text-transform:uppercase}.agent-registry-create-trigger-btn:hover{border-color:var(--border-hover);color:var(--text-primary)}.agent-registry-confirm-overlay{position:fixed;inset:0;background:var(--overlay-heavy);backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;z-index:var(--z-modal);animation:fadeIn .15s ease-out}.agent-registry-confirm-dialog{background:var(--bg-primary);border-radius:12px;padding:20px;width:300px;box-shadow:0 20px 25px -5px var(--shadow-overlay-lg),0 8px 10px -6px var(--shadow-overlay-lg);animation:scaleIn .15s ease-out}@keyframes scaleIn{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}.agent-registry-confirm-icon{display:flex;justify-content:center;margin-bottom:12px}.agent-registry-confirm-title{font-size:14px;font-weight:700;color:var(--text-primary);text-align:center;margin-bottom:12px}.agent-registry-confirm-text{font-size:12px;color:var(--text-secondary);text-align:center;line-height:1.5;margin-bottom:16px}.agent-registry-confirm-warning{font-size:12px;color:var(--color-danger);background:var(--color-danger-light);border:1px solid var(--color-danger-border);border-radius:8px;padding:10px;margin-bottom:16px;line-height:1.4}.agent-registry-confirm-list{display:flex;flex-wrap:wrap;gap:4px;margin-top:6px}.agent-registry-confirm-node{background:var(--bg-primary);border:1px solid var(--color-danger-border);padding:2px 8px;border-radius:4px;font-size:11px;font-weight:600;color:var(--color-danger-dark)}.agent-registry-confirm-more{font-size:11px;color:var(--text-muted);font-style:italic}.agent-registry-confirm-buttons{display:flex;gap:8px}.agent-registry-confirm-cancel{flex:1;padding:8px 16px;border:1px solid var(--border-color);background:var(--bg-primary);border-radius:var(--radius-sm);font-size:12px;font-weight:600;color:var(--text-secondary);cursor:pointer;transition:all .15s}.agent-registry-confirm-cancel:hover{background:var(--bg-secondary);border-color:var(--border-color)}.agent-registry-confirm-delete{flex:1;padding:8px 16px;border:none;background:var(--color-danger);border-radius:var(--radius-sm);font-size:12px;font-weight:600;color:var(--text-inverse);cursor:pointer;transition:all .15s}.agent-registry-confirm-delete:hover{background:var(--color-danger-dark)}.upgrade-banner{display:flex;align-items:flex-start;gap:16px;padding:16px;background:linear-gradient(135deg,var(--color-warning-light) 0%,var(--color-warning-light) 100%);border:1.5px solid var(--color-warning);border-radius:10px;margin-top:12px;animation:slideDown .3s ease-out;box-shadow:0 2px 8px var(--color-warning-shadow-medium)}.upgrade-banner.compact{padding:12px;gap:12px;align-items:center}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.upgrade-banner-icon-large{font-size:32px;line-height:1;margin-top:2px;flex-shrink:0}.upgrade-banner-icon{font-size:20px;line-height:1;flex-shrink:0}.upgrade-banner-content{flex:1;min-width:0}.upgrade-banner-title{font-weight:700;font-size:14px;color:var(--color-warning);margin-bottom:6px;letter-spacing:-.01em}.upgrade-banner-title-compact{font-weight:600;font-size:13px;color:var(--color-warning)}.upgrade-banner-desc{font-size:12px;color:var(--color-warning);line-height:1.5}.upgrade-banner-actions{display:flex;flex-direction:column;gap:8px;flex-shrink:0}.upgrade-banner-btn{display:flex;align-items:center;gap:6px;padding:10px 18px;background:var(--color-warning);color:var(--text-inverse);border:none;border-radius:8px;font-weight:700;font-size:13px;cursor:pointer;transition:all .2s;white-space:nowrap;box-shadow:0 2px 4px var(--color-warning-shadow-light)}.upgrade-banner-btn.compact{padding:8px 14px;font-size:12px}.upgrade-banner-btn:hover{background:var(--color-warning);transform:translateY(-1px);box-shadow:0 4px 12px var(--color-warning-shadow-medium)}.upgrade-banner-btn:active{transform:translateY(0);box-shadow:0 1px 3px var(--color-warning-shadow-light)}.upgrade-banner-dismiss{padding:6px 12px;background:transparent;color:var(--color-warning);border:none;border-radius:6px;font-weight:600;font-size:12px;cursor:pointer;transition:all .2s}.upgrade-banner-dismiss:hover{background:#92400e1a}@media (prefers-color-scheme: dark){.upgrade-banner{background:linear-gradient(135deg,var(--color-warning) 0%,var(--color-warning) 100%);border-color:var(--color-warning)}.upgrade-banner-title,.upgrade-banner-title-compact,.upgrade-banner-desc,.upgrade-banner-dismiss{color:var(--color-warning-light)}.upgrade-banner-dismiss:hover{background:#fef3c71a}}@media (max-width: 480px){.upgrade-banner{flex-direction:column;align-items:stretch;gap:12px}.upgrade-banner-icon-large{font-size:24px}.upgrade-banner-actions{flex-direction:row}.upgrade-banner-btn{flex:1}}.pro-badge{display:inline-flex;align-items:center;justify-content:center;margin-left:6px;padding:2px 6px;background:#d977061a;border-radius:4px;font-size:10px;opacity:1;color:var(--color-warning);transition:all .2s}button.prop-toggle-btn.locked,.prop-toggle-btn.locked{color:var(--text-muted);cursor:not-allowed;opacity:.7;user-select:none;position:relative}button.prop-toggle-btn.locked:hover,.prop-toggle-btn.locked:hover{background:#d9770614;transform:none;box-shadow:0 0 0 1px #d9770633 inset;opacity:.85}.prop-toggle-btn.locked:hover .pro-badge{background:#d9770633;transform:scale(1.05)}.prop-toggle-btn.locked:after{content:"";position:absolute;inset:0;background:#00000005;border-radius:inherit;pointer-events:none}.distribution-select optgroup{font-weight:700;font-size:11px;color:var(--text-secondary);padding:8px 0 4px}.distribution-select optgroup[label*=Pro]{color:var(--color-warning);background:linear-gradient(to right,var(--color-warning-light) 0%,transparent 100%)}.distribution-select option:disabled{color:var(--border-color);background:linear-gradient(to right,var(--color-warning-light) 0%,var(--text-primary) 100%);font-style:italic;cursor:not-allowed}.distribution-select option:disabled:hover{background:linear-gradient(to right,var(--color-warning-light) 0%,var(--text-primary) 100%)}.distribution-select option.pro-option{position:relative}option .pro-badge{margin-left:6px}.pdf-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .15s ease}.pdf-modal{background:#fff;border-radius:16px;box-shadow:0 20px 40px #0003;width:480px;max-width:90vw;max-height:85vh;overflow:hidden;display:flex;flex-direction:column;animation:slideUp .2s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.pdf-modal-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid #e2e8f0}.pdf-modal-title{display:flex;align-items:center;gap:10px;font-size:16px;font-weight:600;color:#0f172a}.pdf-modal-title svg{color:#3b82f6}.pdf-modal-close{background:none;border:none;padding:6px;border-radius:6px;cursor:pointer;color:#64748b;display:flex;align-items:center;justify-content:center;transition:all .15s ease}.pdf-modal-close:hover{background:#f1f5f9;color:#0f172a}.pdf-modal-content{padding:20px;overflow-y:auto}.pdf-modal-description{font-size:13px;color:#64748b;margin:0 0 16px}.pdf-chart-grid{display:flex;flex-direction:column;gap:8px}.pdf-chart-option{display:flex;align-items:center;gap:12px;padding:12px 14px;border:1px solid #e2e8f0;border-radius:10px;background:#fff;cursor:pointer;text-align:left;transition:all .15s ease}.pdf-chart-option:hover{border-color:#cbd5e1;background:#f8fafc}.pdf-chart-option.selected{border-color:#3b82f6;background:#eff6ff}.pdf-chart-checkbox{width:20px;height:20px;border:2px solid #cbd5e1;border-radius:4px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .15s ease}.pdf-chart-option.selected .pdf-chart-checkbox{background:#3b82f6;border-color:#3b82f6;color:#fff}.pdf-chart-icon{width:36px;height:36px;border-radius:8px;background:#f1f5f9;display:flex;align-items:center;justify-content:center;color:#64748b;flex-shrink:0}.pdf-chart-option.selected .pdf-chart-icon{background:#dbeafe;color:#3b82f6}.pdf-chart-info{display:flex;flex-direction:column;gap:2px;min-width:0}.pdf-chart-label{font-size:13px;font-weight:600;color:#0f172a}.pdf-chart-desc{font-size:11px;color:#64748b}.pdf-modal-info{margin-top:16px;padding:12px 14px;background:#f8fafc;border-radius:8px;font-size:12px;color:#475569}.pdf-modal-info strong{display:block;margin-bottom:6px;color:#0f172a}.pdf-modal-info ul{margin:0;padding-left:18px}.pdf-modal-info li{margin:3px 0}.pdf-modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:10px;padding:16px 20px;border-top:1px solid #e2e8f0;background:#f8fafc}.pdf-btn-cancel{padding:10px 16px;border:1px solid #e2e8f0;border-radius:8px;background:#fff;font-size:13px;font-weight:500;color:#64748b;cursor:pointer;transition:all .15s ease}.pdf-btn-cancel:hover{background:#f1f5f9;color:#0f172a}.pdf-btn-generate{display:flex;align-items:center;gap:8px;padding:10px 20px;border:none;border-radius:8px;background:linear-gradient(135deg,#3b82f6,#2563eb);font-size:13px;font-weight:600;color:#fff;cursor:pointer;transition:all .15s ease}.pdf-btn-generate:hover:not(:disabled){background:linear-gradient(135deg,#2563eb,#1d4ed8);transform:translateY(-1px)}.pdf-btn-generate:disabled{opacity:.6;cursor:not-allowed}.spinning{animation:spin 1s linear infinite}.experiment-dashboard-container{height:100%;display:flex;flex-direction:column;overflow-y:auto;background:var(--bg-main)}.experiment-header{position:sticky;top:0;z-index:var(--z-sticky);background:var(--text-inverse);padding:12px 16px;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center}.experiment-header h2{margin:0;font-size:14px;font-weight:700;color:var(--text-primary)}.experiment-header-actions{display:flex;gap:8px}.experiment-btn{padding:6px 10px;border:1px solid var(--border-color);border-radius:6px;background:var(--text-inverse);cursor:pointer;display:flex;align-items:center;gap:4px;font-size:11px;font-weight:600;color:var(--text-secondary);transition:all .15s}.experiment-btn:hover{background:var(--bg-hover, var(--bg-primary));border-color:var(--border-hover, var(--border-color));color:var(--text-primary)}.experiment-btn.primary{background:var(--brand-primary, var(--color-primary));color:var(--text-inverse);border-color:var(--brand-primary, var(--color-primary))}.experiment-btn.primary:hover{background:var(--brand-primary-hover, var(--color-primary))}.experiment-btn.close{background:var(--color-danger-bg, var(--color-danger-light));color:var(--color-danger, var(--color-danger));border-color:var(--color-danger-border, var(--color-danger-light))}.experiment-btn.close:hover{background:var(--color-danger-border, var(--color-danger-light))}.experiment-content{flex:1;padding:16px;display:flex;flex-direction:column;gap:16px}.experiment-kpi-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.experiment-kpi-card{background:var(--text-inverse);border:1px solid var(--border-color);border-radius:8px;padding:12px;box-shadow:0 1px 3px var(--shadow-overlay-xs)}.experiment-kpi-card .kpi-header{display:flex;align-items:center;gap:6px;margin-bottom:6px}.experiment-kpi-card .kpi-icon{color:var(--brand-primary)}.experiment-kpi-card .kpi-label{font-size:10px;font-weight:700;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.03em}.experiment-kpi-card .kpi-value{font-size:20px;font-weight:800;color:var(--brand-primary)}.kpi-unit{font-size:11px;margin-left:2px;opacity:.7}.kpi-ci{font-size:10px;color:var(--text-secondary);margin-top:4px}.experiment-chart-card{background:var(--text-inverse);border:1px solid var(--border-color);border-radius:8px;padding:12px;box-shadow:0 1px 3px var(--shadow-overlay-xs)}.experiment-chart-card .chart-title{font-size:11px;font-weight:700;text-transform:uppercase;color:var(--text-secondary);margin-bottom:8px;letter-spacing:.04em}.experiment-chart-card .chart-subtitle{font-size:10px;color:var(--text-muted, var(--text-muted));margin-bottom:8px}.experiment-dashboard-container .analytics-empty{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px;color:var(--text-secondary);text-align:center}.comparison-dashboard-container{height:100%;display:flex;flex-direction:column;overflow-y:auto;background:var(--bg-main)}.comparison-header{position:sticky;top:0;z-index:var(--z-sticky);background:linear-gradient(135deg,var(--color-success) 0%,var(--color-success-hover) 100%);padding:16px;color:var(--text-inverse)}.comparison-header h2{margin:0;font-size:14px;font-weight:700;display:flex;align-items:center;gap:8px}.comparison-header-subtitle{font-size:11px;opacity:.8;margin-top:4px}.comparison-header-actions{display:flex;gap:8px;margin-top:12px}.comparison-btn{padding:6px 12px;border:none;border-radius:6px;background:#fff3;cursor:pointer;display:flex;align-items:center;gap:4px;font-size:11px;font-weight:600;color:var(--text-inverse);transition:all .15s}.comparison-btn:hover{background:#ffffff4d}.comparison-btn.danger{background:#dc26264d}.comparison-btn.danger:hover{background:#dc262680}.comparison-content{flex:1;padding:16px;display:flex;flex-direction:column;gap:16px}.comparison-kpi-grid{display:grid;grid-template-columns:1fr;gap:12px}.comparison-kpi-card{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:10px;padding:14px;box-shadow:0 1px 3px var(--shadow-overlay-xs)}.comparison-kpi-card .kpi-header{display:flex;align-items:center;gap:6px;margin-bottom:10px}.comparison-kpi-card .kpi-icon{color:var(--color-success)}.comparison-kpi-card .kpi-label{font-size:11px;font-weight:700;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.03em}.kpi-comparison{display:flex;align-items:center;justify-content:space-between;gap:8px}.kpi-before,.kpi-after{flex:1;text-align:center}.kpi-tag{display:block;font-size:9px;font-weight:600;text-transform:uppercase;color:var(--text-secondary);margin-bottom:2px}.comparison-kpi-card .kpi-value{font-size:18px;font-weight:800;color:var(--text-primary)}.kpi-arrow{font-size:16px;color:var(--text-muted, var(--text-muted))}.kpi-delta{text-align:center;margin-top:8px;padding-top:8px;border-top:1px solid var(--border-light, var(--bg-primary))}.comparison-chart-card{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:10px;padding:14px;box-shadow:0 1px 3px var(--shadow-overlay-xs)}.comparison-chart-card .chart-title{font-size:11px;font-weight:700;text-transform:uppercase;color:var(--text-secondary);margin-bottom:4px;letter-spacing:.04em}.comparison-chart-card .chart-subtitle{font-size:10px;color:var(--text-muted, var(--text-muted));margin-bottom:12px}.comparison-dashboard-container .analytics-empty{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px;color:var(--text-secondary)}.verdict-banner{display:flex;align-items:flex-start;gap:12px;padding:14px 16px;border-radius:10px;margin-bottom:4px}.verdict-banner-success{background:linear-gradient(135deg,var(--color-success-light) 0%,var(--color-success-light) 100%);border:1px solid var(--color-success-border)}.verdict-banner-success .verdict-banner-icon{color:var(--color-success)}.verdict-banner-error{background:linear-gradient(135deg,var(--color-danger-light) 0%,var(--color-danger-light) 100%);border:1px solid var(--color-danger-light)}.verdict-banner-error .verdict-banner-icon{color:var(--color-danger)}.verdict-banner-neutral{background:linear-gradient(135deg,var(--bg-secondary) 0%,var(--bg-tertiary) 100%);border:1px solid var(--border-color)}.verdict-banner-neutral .verdict-banner-icon{color:var(--text-secondary)}.verdict-banner-icon{flex-shrink:0;display:flex;align-items:center;justify-content:center}.verdict-banner-content{flex:1;min-width:0}.verdict-banner-title{font-size:13px;font-weight:700;color:var(--text-primary);margin-bottom:4px}.verdict-banner-details{display:flex;flex-wrap:wrap;gap:12px;font-size:11px;color:var(--text-secondary)}.verdict-stat{display:inline-flex;align-items:center;gap:4px}.comparison-note{display:flex;align-items:flex-start;gap:8px;padding:10px 12px;background:var(--color-primary-light);border:1px solid var(--color-primary-light);border-radius:8px;font-size:11px;color:var(--color-primary-dark);line-height:1.4}.comparison-note svg{flex-shrink:0;margin-top:1px}.stats-details-card{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:10px;padding:14px;box-shadow:0 1px 3px var(--shadow-overlay-xs)}.stats-details-header{font-size:11px;font-weight:700;text-transform:uppercase;color:var(--text-secondary);margin-bottom:12px;letter-spacing:.04em}.stats-details-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.stats-detail-item{text-align:center}.stats-detail-label{display:block;font-size:9px;font-weight:600;text-transform:uppercase;color:var(--text-secondary);margin-bottom:4px}.stats-detail-value{font-size:13px;font-weight:700;color:var(--text-primary)}:root{--font-2xs: 9px;--font-xs: 10px;--font-sm: 11px;--font-md: 12px;--font-base: 13px;--font-lg: 14px;--font-xl: 16px;--font-2xl: 18px;--icon-xs: 12px;--icon-sm: 14px;--icon-md: 16px;--icon-lg: 18px;--icon-xl: 20px;--icon-2xl: 24px;--color-agent-bg: rgba(59, 130, 246, .06);--color-agent-text: var(--color-primary);--color-agent-border: rgba(59, 130, 246, .3);--color-attr-bg: rgba(139, 92, 246, .06);--color-attr-text: var(--color-purple);--color-attr-border: rgba(139, 92, 246, .3);--color-val-bg: rgba(16, 185, 129, .06);--color-val-text: var(--color-success);--color-val-border: rgba(16, 185, 129, .3);--color-logic-bg: var(--bg-secondary);--color-logic-text: var(--text-secondary);--color-logic-border: var(--border-color);--color-status-good: var(--color-success);--color-status-good-bg: rgba(16, 185, 129, .1);--color-status-warn: var(--color-warning);--color-status-warn-bg: rgba(245, 158, 11, .1);--color-status-bad: var(--color-danger);--color-status-bad-bg: rgba(239, 68, 68, .1)}.properties-panel{display:flex;flex-direction:column;height:100%;width:370px;min-width:250px;max-width:100vw;color:var(--text-primary);background:var(--bg-surface);border-left:1px solid var(--border-color);padding:0 16px;box-sizing:border-box;overflow-y:auto;transition:transform .3s cubic-bezier(.4,0,.2,1),width .3s cubic-bezier(.4,0,.2,1),opacity .3s ease}.properties-panel.closed{width:0;min-width:0;opacity:0;transform:translate(100%);border-left:none;padding:0}.properties-panel::-webkit-scrollbar{width:6px}.properties-panel::-webkit-scrollbar-track{background:transparent}.properties-panel::-webkit-scrollbar-thumb{background:var(--shadow-overlay-xs);border-radius:10px}.properties-panel:hover::-webkit-scrollbar-thumb{background:var(--shadow-overlay-md)}.prop-header{margin-bottom:8px;display:flex;align-items:center;justify-content:space-between;padding:16px 0 8px}.prop-title{font-size:11px;font-weight:700;letter-spacing:.02em;color:var(--text-secondary);opacity:.8}.prop-name-row{display:flex;align-items:center;gap:12px;margin-bottom:12px;background:var(--bg-hover);padding:10px;border-radius:8px;border:1px solid var(--border-color);transition:all .2s ease;cursor:text}.prop-name-row:hover{border-color:var(--accent);background:var(--bg-input)}.prop-icon-wrapper{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--text-inverse);border-radius:var(--radius-sm);box-shadow:0 1px 3px var(--shadow-overlay-xs);flex-shrink:0}.prop-icon{width:20px;height:20px;object-fit:contain}.prop-name-input,input.prop-name-input{border:none;background:transparent;font-size:14px;font-weight:600;padding:0;margin:0;color:var(--text-primary);width:100%}.prop-name-input:focus{outline:none}.prop-divider{height:1px;background:var(--border-color);margin:4px 0}.prop-divider-spaced{height:1px;background:var(--border-color);margin:8px 0}.prop-label,.field-label,.typo-label{display:block;font-size:11px;font-weight:600;color:var(--text-secondary);margin-bottom:6px;letter-spacing:.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex-shrink:1;min-width:0}.typo-label{margin-bottom:10px;color:var(--accent)}.prop-input,.prop-select,.prop-input-sm,.prop-input-full{width:100%;padding:8px 10px;border:1px solid var(--border-color);border-radius:var(--radius-sm);font-size:13px;color:var(--text-primary);background:var(--bg-input);transition:border-color .2s;box-sizing:border-box}.prop-input:focus,.prop-select:focus,.prop-input-sm:focus,.prop-input-full:focus{border-color:var(--accent);outline:none}.input-row{display:flex;gap:8px;align-items:center}.prop-group{display:flex;flex-direction:column;flex:1;min-width:0}.delete-section{padding-top:24px;padding-bottom:24px;margin-top:16px;border-top:1px solid var(--border-color)}.delete-btn{width:100%;padding:10px;background:transparent;border:1px solid transparent;color:var(--color-danger);font-size:13px;font-weight:500;cursor:pointer;border-radius:var(--radius-sm);transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:8px;opacity:.8}.delete-btn:hover{background:var(--color-danger-light);border-color:var(--color-danger-light);opacity:1}.prop-panel{display:flex;flex-direction:column;gap:16px;padding:16px 0;background:transparent}.prop-section{border:none;border-bottom:1px solid var(--border-color);border-radius:0;background:transparent;margin-bottom:0;overflow:visible;transition:background-color .2s}.prop-section:hover{border-color:var(--accent)}.prop-section-header{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;font-size:13px;font-weight:600;color:var(--text-primary);background:var(--bg-secondary);border-bottom:1px solid var(--border-color);cursor:pointer;user-select:none}.prop-section-body{padding:12px 0;display:flex;flex-direction:column;gap:12px;min-width:0}.rule-item-container{border:1px solid var(--border-color);border-radius:8px;overflow:hidden;background:var(--bg-primary);margin-bottom:8px;transition:all .2s ease}.rule-item-container:hover{border-color:var(--accent);box-shadow:0 2px 8px var(--shadow-overlay-xs)}.rule-item-header{background:var(--bg-secondary);padding:8px 12px;display:flex;align-items:center;justify-content:space-between;cursor:pointer;user-select:none;border-bottom:1px solid var(--border-color)}.rule-item-title{font-size:10px;font-weight:700;color:var(--text-secondary);letter-spacing:.05em;text-transform:uppercase;display:flex;align-items:center;gap:8px}.rule-item-body{padding:12px;display:flex;flex-direction:column;gap:12px}.prop-row{display:flex;justify-content:space-between;align-items:center;gap:12px;min-width:0}.prop-row>*{min-width:0}.prop-nested-list{display:flex;flex-direction:column;gap:8px;padding-left:8px;border-left:2px solid var(--bg-hover);margin-top:4px}.prop-label{font-size:12px;color:var(--text-primary);font-weight:500;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.prop-input{padding:6px 10px;border:1px solid var(--border-color);border-radius:var(--radius-sm);font-size:13px;color:var(--text-primary);background:var(--bg-input);transition:all .2s}input.frequency-input:focus,.frequency-input:focus{border-color:var(--color-val-border);background:var(--color-val-bg);outline:none}.prop-input:focus{border-color:var(--brand-primary);outline:none;box-shadow:0 0 0 2px var(--color-primary-shadow-medium)}.prop-description{font-size:10px;color:var(--text-secondary);line-height:1.4;margin-top:-6px}.prop-badge{background:var(--bg-hover);border:1px solid var(--border-color);padding:2px 6px;border-radius:4px;font-size:10px;font-weight:600;color:var(--text-secondary)}.prop-mini-btn{padding:2px 6px;background:var(--bg-input);border:1px solid var(--border-color);border-radius:4px;font-size:10px;cursor:pointer;color:var(--text-primary);transition:all .2s;display:flex;align-items:center;justify-content:center}.prop-mini-btn:hover:not(:disabled){background:var(--bg-hover);border-color:var(--accent)}.prop-add-rule-btn{display:flex;align-items:center;gap:4px;background:var(--text-inverse);border:1px solid var(--accent);color:var(--accent);padding:4px 10px;border-radius:var(--radius-sm);font-size:11px;font-weight:700;cursor:pointer;transition:all .2s;text-transform:uppercase;letter-spacing:.05em}.prop-add-rule-btn:hover{background:var(--accent);color:var(--text-inverse)}.prop-dashed-action{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:10px;background:#00000003;border:1.5px dashed var(--border-color);border-radius:8px;color:var(--text-secondary);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);margin:8px 0}.prop-dashed-action:hover{background:var(--color-primary-shadow-light);border-color:var(--accent);color:var(--accent);border-style:solid;box-shadow:0 4px 12px var(--color-primary-shadow-medium)}.prop-dashed-action:active{box-shadow:0 1px 4px var(--color-primary-shadow-light)}.prop-list-container{border:1px solid var(--border-color);border-radius:var(--radius-md);overflow:hidden;background:var(--bg-surface)}.prop-list-header{display:flex;background:var(--bg-hover);padding:6px 10px;border-bottom:1px solid var(--border-color);font-size:10px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.prop-list-item{display:flex;align-items:center;padding:6px 10px;border-bottom:1px solid var(--border-color);height:36px}.prop-list-item:last-child{border-bottom:none}.prop-drag-handle{width:20px;display:flex;align-items:center;justify-content:center;margin-right:8px;color:var(--border-color);cursor:grab}.prop-index-circle{width:16px;height:16px;border-radius:50%;background:var(--border-color);color:var(--text-secondary);font-size:9px;display:flex;align-items:center;justify-content:center;font-weight:700}.prop-input-wrapper{display:flex;align-items:center;justify-content:space-between;width:100%;position:relative;gap:8px}.prop-edit-hint{opacity:0;transition:opacity .2s ease;color:var(--text-secondary);flex-shrink:0}.prop-name-row:hover .prop-edit-hint{opacity:.5}.sub-grid-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px}.prop-list-label{flex:1;font-size:12px;color:var(--text-primary);font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-right:10px}.prop-controls-right{display:flex;align-items:center;gap:8px}.prop-helper-text{font-size:11px;color:var(--text-secondary);margin-bottom:12px}.prop-empty-state{padding:16px;background:var(--bg-hover);border-radius:var(--radius-md);border:1px dashed var(--border-color);display:flex;gap:8px;font-size:11px;color:var(--text-secondary);align-items:center}.prop-divider{height:1px;background:var(--bg-primary);margin:16px 0}.prop-sub-panel{background:var(--bg-hover);padding:10px;border-radius:var(--radius-md)}.priority-item{display:flex;align-items:center;gap:8px;background:var(--bg-surface);padding:6px 8px;border-radius:4px}.priority-index{font-size:11px;font-weight:600;width:16px;color:var(--text-muted)}.priority-label{font-size:12px;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.priority-btn,button.priority-btn{border:none;background:transparent;cursor:pointer;font-size:8px;padding:0 4px;opacity:.6}.priority-btn:hover{opacity:1}.priority-btn:disabled{opacity:.2;cursor:default}.section-header{color:var(--text-primary);font-weight:700;font-size:12px;margin-bottom:8px}.section-header-flex{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;font-weight:700;font-size:12px;color:var(--text-primary)}.add-btn{font-size:10px;padding:3px 8px;background:var(--color-primary-light);color:var(--color-primary-dark);border:1px solid var(--color-primary-light);border-radius:4px;cursor:pointer;font-weight:600}.rule-card{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-md);position:relative;box-shadow:var(--shadow-sm);overflow:hidden;margin-bottom:8px}.rule-actions{position:absolute;top:2px;right:2px;display:flex;gap:2px;z-index:10}.rule-actions button{padding:0 4px;background:none;border:none;cursor:pointer;font-size:10px;color:var(--text-secondary)}.rule-actions button.delete{color:var(--color-danger);font-weight:700;font-size:14px}.rule-condition{display:flex;align-items:center;gap:4px;padding:8px;background:var(--bg-hover);border-bottom:1px solid var(--border-color)}.keyword{font-size:10px;font-weight:800;color:var(--text-secondary)}.prop-input.mini{width:auto;flex:1;min-width:60px;margin-bottom:0;padding:2px 4px;font-size:11px}.rule-action{padding:8px}.empty-state{font-size:11px;font-style:italic;color:var(--text-muted);text-align:center;padding:16px;border:1px dashed var(--border-color);border-radius:6px}.sub-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.shift-row{display:grid;grid-template-columns:1fr 50px 50px 20px;gap:4px;align-items:center}.shift-row input{margin-bottom:0}.no-spinners::-webkit-outer-spin-button,.no-spinners::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.no-spinners{-moz-appearance:textfield;appearance:none}@media (max-width: 800px){.properties-panel{width:280px;position:absolute;right:0;top:0;bottom:0;z-index:var(--z-panel);box-shadow:-4px 0 15px var(--shadow-overlay-xs)}}@media (max-width: 500px){.properties-panel{width:100%}}.prop-sub-section{background:var(--shadow-overlay-xs);border-radius:var(--radius-md);padding:8px;border:1px solid var(--shadow-overlay-xs)}.prop-stack{display:flex;flex-direction:column;gap:6px}.prop-ghost-input{border:1px solid transparent;background:transparent;border-radius:4px;padding:2px 6px;font-size:11px;font-weight:600;color:var(--text-primary);cursor:pointer;transition:all .2s}.prop-ghost-input:hover{background:var(--text-inverse);border-color:var(--border-hover);box-shadow:0 1px 2px var(--shadow-overlay-xs)}.prop-ghost-input:focus{background:var(--text-inverse);border-color:var(--color-primary);outline:none}.btn-primary{background:linear-gradient(135deg,var(--color-primary),var(--color-primary));color:var(--text-inverse);font-weight:600;border:none;border-radius:8px;cursor:pointer;transition:transform .1s,box-shadow .2s;display:flex;align-items:center;justify-content:center;gap:8px;padding:8px 16px}.btn-primary:active{transform:scale(.98)}.btn-primary:hover{box-shadow:0 4px 12px var(--color-primary-shadow-medium)}.prop-card-row{display:flex;align-items:center;justify-content:space-between;background:var(--text-inverse);border:1px solid var(--border-color);border-radius:4px;padding:4px 8px}.prop-input-transparent{border:none;background:transparent;font-size:11px;font-weight:500;width:100%}.prop-input-transparent:focus{outline:none}.prop-row-right{display:flex;align-items:center;gap:4px}.prop-input-mini{width:32px;padding:2px 4px;border:1px solid transparent;border-radius:3px;font-size:10px;background:#00000008;text-align:center}.prop-input-mini:focus{background:var(--text-inverse);border-color:var(--accent);outline:none}.prop-prop-list-item{display:flex;align-items:center;gap:8px;background:var(--text-inverse);border:1px solid var(--border-color);padding:6px;border-radius:4px;margin-bottom:4px}.prop-rank-badge{font-size:10px;font-weight:700;color:var(--accent);background:#2563eb1a;padding:1px 4px;border-radius:3px;min-width:20px;text-align:center}.prop-list-text{flex:1;font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.prop-list-actions{margin-left:auto;display:flex;gap:2px}.prop-toggle-row{display:flex;background:#0000000d;padding:2px;border-radius:var(--radius-sm);gap:2px}.prop-toggle-btn{flex:1;border:none;padding:8px;font-size:12px;border-radius:4px;cursor:pointer;background:transparent;color:var(--text-secondary);transition:all .2s;display:flex;align-items:center;justify-content:center;gap:4px}.prop-toggle-btn.active{background:var(--text-inverse);color:var(--accent);box-shadow:0 1px 2px #0000001a;font-weight:600}.animate-fade-in{animation:fadeIn .3s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.detective-modal-overlay{position:fixed;inset:0;background:var(--overlay-heavy);backdrop-filter:blur(4px);z-index:var(--z-modal);display:flex;align-items:center;justify-content:center;animation:fadeIn .2s ease-out}.detective-modal-content{background:var(--text-inverse);width:850px;max-width:95vw;height:600px;max-height:90vh;border-radius:12px;box-shadow:0 25px 50px -12px var(--shadow-overlay-xl);display:flex;flex-direction:column;overflow:hidden;font-family:Inter,system-ui,-apple-system,sans-serif}.detective-header{padding:16px 24px;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center;background:var(--bg-secondary)}.detective-title{font-size:18px;font-weight:700;color:var(--text-primary);display:flex;align-items:center;gap:8px}.detective-body{display:flex;flex:1;overflow:hidden}.detective-panel-left{width:300px;padding:20px;background:var(--text-inverse);border-right:1px solid var(--border-color);display:flex;flex-direction:column;gap:12px}.detective-textarea{flex:1;font-family:JetBrains Mono,Fira Code,monospace;font-size:11px;padding:12px;border:1px solid var(--border-color);border-radius:var(--radius-sm);resize:none;outline:none;transition:border-color .2s;line-height:1.5}.detective-textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-primary-shadow-medium)}.detective-panel-right{flex:1;padding:24px;background:var(--bg-secondary);overflow-y:auto;display:flex;flex-direction:column;gap:20px}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.stat-card{background:var(--text-inverse);padding:12px;border-radius:8px;border:1px solid var(--border-color);box-shadow:0 1px 2px var(--shadow-overlay-xs)}.stat-label{font-size:11px;color:var(--text-secondary);text-transform:uppercase;font-weight:600;margin-bottom:4px}.stat-value{font-size:16px;font-weight:700;color:var(--bg-surface)}.histogram-container{height:180px;background:var(--text-inverse);border:1px solid var(--border-color);border-radius:8px;padding:16px;position:relative;display:flex;align-items:flex-end;gap:1px}.histogram-bar{background:var(--color-primary);opacity:.8;transition:opacity .2s,height .5s ease-out;border-radius:2px 2px 0 0}.histogram-bar:hover{opacity:1;background:var(--color-primary-hover)}.ranking-list{display:flex;flex-direction:column;gap:8px}.ranking-item{background:var(--text-inverse);border:1px solid var(--border-color);border-radius:8px;padding:12px 16px;display:flex;align-items:center;justify-content:space-between;transition:all .2s}.ranking-item.winner{border-color:var(--color-primary);background:var(--color-primary-light);box-shadow:0 4px 6px -1px var(--color-primary-shadow-light)}.ranking-score-bar{height:4px;background:var(--border-color);border-radius:2px;width:60px;margin-top:4px;overflow:hidden}.ranking-score-fill{height:100%;background:var(--color-success);border-radius:2px}.btn-primary{background:var(--color-primary);color:var(--text-inverse);border:none;padding:10px 16px;border-radius:var(--radius-md);font-weight:600;cursor:pointer;transition:background .2s}.btn-primary:hover{background:var(--color-primary-hover)}.btn-primary:disabled{background:var(--text-muted);cursor:not-allowed}.btn-sm-apply{font-size:11px;padding:6px 12px;border-radius:4px;font-weight:600;cursor:pointer;border:none;background:var(--border-color);color:var(--text-tertiary);transition:all .2s}.ranking-item:hover .btn-sm-apply,.ranking-item.winner .btn-sm-apply{background:var(--color-primary);color:var(--text-inverse)}.no-data-placeholder{height:100%;display:flex;align-items:center;justify-content:center;color:var(--text-muted);flex-direction:column;gap:12px}.prop-section-body .agency-card .agency-card{margin-left:-4px;margin-right:-4px;padding:8px}.prop-section-body .agency-card .agency-card .prop-ghost-input{font-size:10px;padding:1px 4px}.sentence-builder{display:flex;flex-direction:column;gap:8px}.sentence-row{display:flex;align-items:center;gap:6px;min-width:0}.sentence-action{font-size:10px;font-weight:800;color:var(--accent);text-transform:uppercase;letter-spacing:.3px;background:transparent;border:none;cursor:pointer;padding:2px 0;flex-shrink:0}.sentence-action:focus{outline:none}.sentence-action-static{font-size:10px;font-weight:800;color:var(--accent);text-transform:uppercase;letter-spacing:.3px;padding:2px 0;flex-shrink:0}.sentence-attr-select{background:var(--color-purple-light);color:var(--color-purple);border:1px solid var(--color-purple);border-radius:var(--radius-sm);padding:2px 6px;font-size:11px;font-weight:500;cursor:pointer;max-width:90px;min-width:0;flex-shrink:1}.sentence-attr-select:hover{background:var(--text-inverse);border-color:var(--border-hover);box-shadow:0 1px 2px var(--shadow-overlay-xs)}.sentence-attr-select:focus{outline:none;background:var(--text-inverse);border-color:var(--color-purple)}.sentence-connector{font-size:11px;font-weight:800;color:var(--text-muted);flex-shrink:0}.sentence-value-select,.sentence-value-input{background:var(--color-success-light);color:var(--color-success);border:1px solid var(--color-success-light);border-radius:var(--radius-sm);padding:2px 6px;font-size:11px;font-weight:500;max-width:80px;min-width:0;flex-shrink:1}.sentence-value-input{width:55px;flex-shrink:0}.sentence-value-select:hover,.sentence-value-input:hover{background:var(--text-inverse);border-color:var(--border-hover);box-shadow:0 1px 2px var(--shadow-overlay-xs)}.sentence-value-select:focus,.sentence-value-input:focus{outline:none;background:var(--text-inverse);border-color:var(--color-success)}.sentence-remove-btn{padding:2px;background:transparent;border:none;border-radius:4px;color:var(--text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s ease;flex-shrink:0}.sentence-remove-btn:hover{background:var(--color-status-bad-bg);color:var(--color-status-bad)}button.sentence-add-btn,.sentence-add-btn{margin-top:4px;padding:6px 12px;font-size:10px}.sentence-mini-btn{padding:2px 4px;background:var(--bg-hover);border:1px solid var(--border-color);border-radius:4px;color:var(--text-secondary);cursor:pointer;font-size:9px;font-weight:700;display:flex;align-items:center;justify-content:center;transition:all .15s ease}.sentence-mini-btn:hover{background:var(--accent);border-color:var(--accent);color:var(--text-inverse)}.sentence-mini-btn.confirm{background:var(--color-status-good);border-color:var(--color-status-good);color:var(--text-inverse)}.sentence-mini-btn.confirm:disabled{opacity:.5}.sentence-mini-btn.cancel:hover{background:var(--color-status-bad-bg);border-color:var(--color-status-bad);color:var(--color-status-bad)}.sentence-dist-inline{display:flex;align-items:center;gap:4px;flex-wrap:wrap}.sentence-dist-type{background:var(--color-primary-light);color:var(--color-primary-dark);border:1px solid var(--color-primary-light);border-radius:4px;padding:2px 6px;font-size:9px;font-weight:600;min-width:55px}.sentence-dist-input{background:var(--color-success-light);color:var(--color-success);border:1px solid var(--color-success-light);border-radius:4px;padding:2px 4px;font-size:9px;font-weight:600;width:36px;text-align:center}.sentence-dist-input:focus{outline:none;border-color:var(--color-success)}.sentence-value-input.has-error{border-color:var(--color-status-bad);background:var(--color-status-bad-bg)}.attribute-picker{position:relative;display:inline-flex;align-items:center}.attribute-picker-empty{display:flex;align-items:center;gap:8px;padding:8px 12px;background:var(--color-warning-lighter, #fef3c7);border:1px solid var(--color-warning-light, #fcd34d);border-radius:var(--radius-sm, 6px);font-size:11px;color:var(--color-warning-dark, #92400e)}.attribute-picker-empty-link{background:none;border:none;color:var(--color-warning-darker, #b45309);text-decoration:underline;cursor:pointer;padding:0 4px;font-size:11px;font-weight:600}.attribute-picker-empty-link:hover{color:var(--color-warning-dark, #92400e)}.attribute-type-icon{position:absolute;left:8px;display:flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:var(--radius-xs, 4px);pointer-events:none;z-index:1}.attribute-type-icon.categorical{background:var(--color-purple-lighter, #ede9fe);color:var(--color-purple, #7c3aed)}.attribute-type-icon.continuous{background:var(--color-info-light, #e0f2fe);color:var(--color-info, #0284c7)}.attribute-picker-select{padding-right:28px;min-width:140px;appearance:none;cursor:pointer}.attribute-picker-select.has-icon{padding-left:36px}.attribute-picker-select:not(.has-icon){padding-left:10px}.attribute-picker-select:disabled{cursor:not-allowed;background:var(--bg-tertiary, #f1f5f9)}.attribute-picker-chevron{position:absolute;right:8px;pointer-events:none;color:var(--text-muted, #94a3b8)}.field-label,.prop-option-description,.preset-selector-description,.field-hint,.attr-type,.efficiency-grid-label,.compact-preset-icon,.info-tooltip-trigger{color:var(--border-color)!important}.color-picker-name,.status-badge-neutral,.unified-staffing-agent-name,.field-checkbox span{color:var(--bg-secondary)!important}.profile-subtitle,.attr-label,.efficiency-grid-header .field-hint{color:var(--text-secondary)!important}.prop-group,.prop-section{color:var(--bg-secondary)}.routing-strategy-text,.source-routing-label{color:var(--bg-secondary)!important;font-weight:500}.insight-card:hover{box-shadow:0 2px 8px var(--shadow-overlay-xs)}.arrival-schedule-editor{display:flex;flex-direction:column;gap:6px;padding:10px;background:var(--bg-secondary);border-radius:10px;border:1px solid var(--border-color)}.schedule-header{display:flex;align-items:center;gap:6px}.schedule-icon{color:var(--color-primary)}.schedule-title{font-size:12px;font-weight:600;color:var(--text-primary)}.schedule-grid{display:flex;flex-direction:column;gap:0;max-height:280px;overflow-y:auto;padding-right:4px}.schedule-row{display:flex;align-items:center;gap:6px;padding:4px 6px;background:transparent;border-radius:4px}.schedule-row:hover{background:var(--color-primary-shadow-subtle)}.schedule-period-label{font-size:11px;font-weight:600;color:var(--text-secondary);min-width:36px}.schedule-bar-container{width:50px;flex-shrink:0;height:6px;background:var(--border-color);border-radius:3px;overflow:hidden}.schedule-bar{height:100%;background:linear-gradient(90deg,var(--color-primary),var(--color-primary-hover));border-radius:3px;transition:width .2s ease}.schedule-total{padding:6px 8px;background:var(--color-primary-light);border-radius:6px;font-size:11px;font-weight:600;color:var(--color-primary-dark);text-align:center}.schedule-total.warning{background:var(--color-danger-light);color:var(--color-danger-hover)}.schedule-warning{display:flex;align-items:center;gap:6px;padding:6px 8px;background:var(--color-danger-light);border-radius:6px;border:1px solid var(--color-danger-light)}.schedule-warning svg{color:var(--color-danger);flex-shrink:0}.schedule-warning span{font-size:11px;color:var(--color-danger-hover)}.schedule-truncation-notice{display:flex;align-items:flex-start;gap:6px;padding:6px 8px;background:var(--color-primary-light);border-radius:6px;border:1px solid var(--color-primary-light)}.schedule-truncation-notice svg{color:var(--color-primary);flex-shrink:0;margin-top:1px}.schedule-truncation-notice span{font-size:11px;color:var(--color-primary-dark);line-height:1.3}.schedule-footer{display:flex;align-items:center;justify-content:flex-end;gap:8px}.schedule-help{display:flex;align-items:center;gap:4px}.schedule-help svg{color:var(--text-muted);flex-shrink:0}.schedule-help span{font-size:10px;color:var(--text-muted)}.schedule-clear-btn{display:flex;align-items:center;gap:4px;padding:4px 8px;background:var(--bg-surface);border:1px solid var(--border-color);border-radius:6px;font-size:11px;font-weight:500;color:var(--text-secondary);cursor:pointer;transition:all .15s ease}.schedule-clear-btn:hover:not(:disabled){background:var(--bg-secondary);border-color:var(--color-primary);color:var(--color-primary)}.schedule-clear-btn:disabled{opacity:.5;cursor:not-allowed}.schedule-grid::-webkit-scrollbar{width:4px}.schedule-grid::-webkit-scrollbar-track{background:var(--bg-tertiary);border-radius:2px}.schedule-grid::-webkit-scrollbar-thumb{background:var(--border-hover);border-radius:2px}.schedule-grid::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.timing-card{display:flex;flex-direction:column;gap:12px}.timing-card.disabled{opacity:.7;pointer-events:none}.timing-primary-area{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:10px;padding:16px}.timing-primary-input{display:flex;flex-direction:column;align-items:center;gap:8px}.timing-primary-input.inline{flex-direction:row;justify-content:center;flex-wrap:wrap}.timing-input-centered{display:flex;justify-content:center}.timing-input-label{display:flex;align-items:center;gap:6px;font-size:14px;color:var(--text-secondary);font-weight:500}.timing-sentence-row{font-size:13px;color:var(--text-secondary);font-weight:500;text-align:center}.timing-input-row{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap}.timing-sentence-text{color:var(--text-secondary);font-weight:500;font-size:13px}.timing-plus-minus{font-size:18px;font-weight:700;color:var(--color-primary);line-height:1}.timing-plus-minus.small{font-size:14px}.timing-unit-select{position:relative;display:inline-block}.timing-unit-select select{appearance:none;padding:6px 28px 6px 12px;font-size:14px;font-weight:600;color:var(--color-primary);background:var(--color-primary-light);border:1px solid var(--color-primary-light);border-radius:6px;cursor:pointer;outline:none;transition:all .15s ease}.timing-unit-select select:hover{background:var(--color-primary-light);border-color:var(--color-primary-light)}.timing-unit-select select:focus{border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-primary-shadow-medium)}.timing-unit-select.small select{padding:4px 22px 4px 8px;font-size:12px}.timing-unit-chevron{position:absolute;right:8px;top:50%;transform:translateY(-50%);pointer-events:none;color:var(--color-primary)}.timing-unit-select.small .timing-unit-chevron{right:6px}.timing-reciprocal{display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 12px;background:transparent;border-radius:6px}.timing-reciprocal-value{font-size:12px;font-weight:600;color:var(--text-tertiary)}.timing-reciprocal-dist{font-size:11px;color:var(--text-muted);display:flex;align-items:center;gap:6px}.timing-reciprocal-dist:before{content:"";display:inline-block;width:4px;height:4px;background:var(--color-primary);border-radius:50%}.timing-sentence{display:flex;flex-wrap:wrap;align-items:center;gap:6px;font-size:13px;color:var(--color-gray-700);line-height:1.8}.timing-sentence.compact{font-size:12px;gap:6px;justify-content:center}.timing-fitted-card{background:var(--color-success-light);border:1px solid var(--color-success-light);border-radius:10px;overflow:hidden}.timing-fitted-header{display:flex;align-items:center;gap:8px;padding:10px 14px;background:var(--color-success-light);border-bottom:1px solid var(--color-success-light);font-size:12px;font-weight:600;color:var(--color-success)}.timing-fitted-check{color:var(--color-success);font-size:14px}.timing-fitted-body{padding:14px;display:flex;flex-direction:column;gap:8px}.timing-fitted-dist-row{display:flex;align-items:center;justify-content:space-between}.timing-fitted-dist-name{font-size:15px;font-weight:700;color:var(--text-primary);text-transform:capitalize}.timing-fitted-score{font-size:11px;font-weight:700;padding:3px 10px;border-radius:20px}.timing-fitted-score.good{background:var(--color-success-light);color:var(--color-success-hover)}.timing-fitted-score.ok{background:var(--color-warning-light);color:var(--color-warning)}.timing-fitted-score.poor{background:var(--color-danger-light);color:var(--color-danger)}.timing-fitted-params{display:flex;flex-direction:column;gap:4px;padding-left:12px;border-left:2px solid var(--color-success-light)}.timing-fitted-param{display:flex;align-items:center;gap:6px;font-size:12px}.timing-fitted-param-key{color:var(--text-secondary);font-weight:500}.timing-fitted-param-val{color:var(--text-primary);font-weight:600;font-family:JetBrains Mono,Fira Code,monospace}.timing-fitted-meta{font-size:11px;color:var(--text-secondary);padding-top:4px}.timing-fitted-actions{display:flex;gap:8px;margin-top:4px}.timing-action-btn{display:flex;align-items:center;gap:6px;padding:7px 12px;background:var(--bg-surface);border:1px solid var(--border-color);border-radius:6px;font-size:11px;font-weight:600;color:var(--bg-tertiary);cursor:pointer;transition:all .15s ease}.timing-action-btn:hover:not(:disabled){background:var(--bg-primary);border-color:var(--text-muted)}.timing-action-btn.secondary{background:transparent;border-color:transparent;color:var(--text-secondary)}.timing-action-btn.secondary:hover:not(:disabled){background:var(--bg-primary);color:var(--bg-tertiary)}.timing-action-btn.full-width{width:100%;justify-content:center;margin-top:4px}.timing-ctas{display:flex;flex-direction:column;gap:6px}.timing-cta{display:flex;align-items:center;gap:8px;padding:12px 14px;background:var(--bg-surface);border:1px solid var(--border-color);border-radius:8px;font-size:12px;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-normal);text-align:left}.timing-cta:hover:not(:disabled):not(.disabled){background:var(--bg-secondary);border-color:var(--border-hover);color:var(--text-tertiary)}.timing-cta:hover:not(:disabled):not(.disabled) .timing-cta-arrow{color:var(--color-primary);transform:translate(2px)}.timing-cta.disabled{opacity:.6;cursor:not-allowed}.timing-cta svg{color:var(--color-primary);flex-shrink:0}.timing-cta.disabled svg{color:var(--text-muted)}.timing-cta>span:first-of-type{flex:1}.timing-cta-arrow{color:var(--text-muted);font-weight:600;transition:all .15s ease}.timing-cta-disabled-hint{font-size:10px;color:var(--text-muted);font-style:italic}.timing-rules{display:flex;flex-direction:column;gap:8px}.timing-rules-header{font-size:12px;font-weight:600;color:var(--text-tertiary);margin-bottom:4px}.timing-rule-card{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:8px;overflow:hidden}.timing-rule-header{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background:var(--bg-secondary)}.timing-rule-agent{font-size:11px;font-weight:700;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.02em}.timing-rule-remove{display:flex;align-items:center;justify-content:center;width:22px;height:22px;background:transparent;border:none;border-radius:4px;color:var(--text-muted);cursor:pointer;transition:all .15s ease}.timing-rule-remove:hover:not(:disabled){background:var(--color-danger-light);color:var(--color-danger)}.timing-rule-body{padding:10px 12px;display:flex;flex-direction:column;gap:8px}.timing-add-rule-btn{display:flex;align-items:center;justify-content:center;gap:6px;padding:10px;background:transparent;border:1.5px dashed var(--border-color);border-radius:8px;font-size:11px;font-weight:600;color:var(--text-secondary);cursor:pointer;transition:all .15s ease}.timing-add-rule-btn:hover:not(:disabled){background:var(--bg-primary);border-color:var(--text-muted);color:var(--bg-tertiary)}.timing-total{font-size:11px;font-weight:600;color:var(--text-secondary);text-align:right;padding:4px 0}@media (max-width: 400px){.timing-primary-area{padding:12px}.timing-input-row{gap:6px}.timing-unit-select select{padding:5px 24px 5px 10px;font-size:13px}.timing-cta{padding:10px 12px;font-size:11px}}.detective-modal-overlay{--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-in-out: cubic-bezier(.65, 0, .35, 1);--color-primary: var(--color-primary);--color-primary-dark: var(--color-primary-hover);--color-success: var(--color-success);--color-warning: var(--color-warning);--color-error: var(--color-danger);--color-text: var(--text-primary);--color-text-secondary: var(--text-secondary);--color-text-muted: var(--text-muted);--color-bg: var(--bg-surface);--color-bg-secondary: var(--bg-primary);--color-border: var(--border-color)}.detective-modal-overlay{position:fixed;inset:0;background:#0f172a99;backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:var(--z-modal-backdrop);animation:fadeIn .15s var(--ease-out)}.detective-modal{background:var(--color-bg);border-radius:20px;width:480px;max-width:95vw;max-height:90vh;box-shadow:0 25px 50px -12px var(--shadow-overlay-xl);display:flex;flex-direction:column;overflow:hidden;animation:slideUp .25s var(--ease-out)}.detective-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--color-border)}.detective-title-area{display:flex;align-items:center;gap:12px}.detective-icon{background:linear-gradient(135deg,var(--color-primary-light),var(--color-primary-light));color:var(--color-primary);padding:10px;border-radius:12px;display:flex}.detective-title{font-size:18px;font-weight:700;color:var(--color-text)}.detective-close{background:var(--color-bg-secondary);border:none;border-radius:10px;padding:8px;cursor:pointer;color:var(--color-text-secondary);transition:all .15s ease;display:flex}.detective-close:hover{background:var(--color-border);color:var(--color-text)}.detective-content{flex:1;overflow-x:hidden;overflow-y:auto;padding:24px}.detective-empty-state{display:flex;flex-direction:column;gap:16px;align-items:center;width:100%}.detective-heading{font-size:20px;font-weight:600;color:var(--color-text);text-align:center;margin:0 0 8px}.detective-paste-zone{position:relative;transition:all .2s var(--ease-out);width:100%;max-width:420px}.detective-paste-zone.detecting{transform:scale(.98)}.detective-textarea{width:100%;min-height:180px;padding:16px;border:2px solid var(--color-border);border-radius:16px;font-family:SF Mono,Consolas,monospace;font-size:13px;line-height:1.6;color:var(--color-text);background:var(--color-bg-secondary);resize:none;transition:all .2s ease;box-sizing:border-box}.detective-textarea:focus{outline:none;border-color:var(--color-primary);background:var(--color-bg);box-shadow:0 0 0 4px var(--color-primary-shadow-light)}.detective-textarea::placeholder{color:var(--color-text-muted)}.detective-accepts{text-align:center;font-size:12px;color:var(--color-text-muted);margin:0}.detective-format-selector{width:100%;max-width:420px;margin-bottom:8px}.detective-format-label{display:block;font-size:13px;font-weight:500;color:var(--color-text-secondary);margin-bottom:10px}.detective-format-options{display:flex;gap:12px}.detective-format-option{flex:1;display:flex;align-items:flex-start;gap:12px;padding:12px 14px;background:var(--color-bg-secondary);border:2px solid transparent;border-radius:12px;cursor:pointer;transition:all .15s ease}.detective-format-option:hover{background:var(--color-bg);border-color:var(--color-border)}.detective-format-option.selected{background:var(--color-primary-light);border-color:var(--color-primary)}.detective-format-option input[type=radio]{margin-top:2px;accent-color:var(--color-primary);flex-shrink:0}.detective-format-option .format-content{display:flex;flex-direction:column;gap:2px;min-width:0}.detective-format-option .format-label{font-size:13px;font-weight:600;color:var(--color-text)}.detective-format-option .format-example{font-size:11px;color:var(--color-text-muted);font-family:SF Mono,Consolas,monospace}.detective-escape-hatches{display:flex;flex-direction:column;gap:8px;margin-top:8px;width:100%;max-width:420px}.detective-escape-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:14px 20px;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:12px;font-size:14px;font-weight:500;color:var(--color-text-secondary);cursor:pointer;transition:all .15s ease}.detective-escape-btn:hover{background:var(--color-bg);border-color:var(--color-primary);color:var(--color-primary)}.detective-analyze-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:14px 20px;width:100%;max-width:420px;background:linear-gradient(135deg,var(--color-primary),var(--color-primary-dark));color:var(--text-inverse);border:none;border-radius:12px;font-size:14px;font-weight:600;cursor:pointer;transition:all .15s ease;box-shadow:0 4px 12px var(--color-primary-shadow-darker);margin-top:8px;animation:slideInFromBottom .2s var(--ease-out)}.detective-analyze-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 16px var(--color-primary-shadow-heavy)}.detective-analyze-btn:active:not(:disabled){transform:translateY(0)}.detective-analyze-btn:disabled{opacity:.5;cursor:not-allowed}.detective-detecting-state{margin-top:16px;padding:16px;background:linear-gradient(135deg,var(--color-primary-light),var(--color-success-light));border-radius:12px;animation:slideInFromBottom .2s var(--ease-out)}@keyframes slideInFromBottom{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.detecting-count{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:var(--color-success);margin-bottom:12px}.detecting-check{animation:popIn .2s var(--ease-out)}@keyframes popIn{0%{transform:scale(.8);opacity:0}70%{transform:scale(1.1)}to{transform:scale(1);opacity:1}}.detecting-progress{height:4px;background:var(--color-primary-shadow-dark);border-radius:2px;overflow:hidden;margin-bottom:8px}.detecting-progress-bar{height:100%;width:30%;background:var(--color-primary);border-radius:2px;animation:progressPulse 1s ease-in-out infinite}@keyframes progressPulse{0%,to{width:30%;margin-left:0}50%{width:50%;margin-left:50%}}.detecting-label{font-size:12px;color:var(--color-text-secondary);margin:0}.detective-analyzing{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;gap:20px}.analyzing-spinner{width:48px;height:48px;border:3px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:spin .8s linear infinite}.detective-analyzing p{font-size:14px;color:var(--color-text-secondary);margin:0}.detective-result-state{display:flex;flex-direction:column;gap:16px;animation:fadeIn .3s var(--ease-out)}.detective-card{background:var(--color-bg);border:1px solid var(--color-border);border-radius:16px;overflow:hidden;animation:slideInFromLeft .3s var(--ease-out)}@keyframes slideInFromLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.detective-card:nth-child(2){animation-delay:.1s}.card-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:var(--color-bg-secondary);border-bottom:1px solid var(--color-border)}.card-title{font-size:12px;font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px}.card-edit-btn{background:none;border:none;font-size:12px;font-weight:500;color:var(--color-primary);cursor:pointer;padding:4px 8px;border-radius:6px;transition:all .15s ease}.card-edit-btn:hover{background:var(--color-primary-shadow-light)}.card-content{padding:16px}.data-count{font-size:15px;font-weight:600;color:var(--color-text)}.outliers-card{animation-delay:50ms}.outliers-card.excluded{border-color:var(--color-warning);background:linear-gradient(to bottom,var(--color-warning-light),var(--color-bg))}.outliers-card.excluded .card-header{background:var(--color-warning-light);border-bottom-color:var(--color-warning-light)}.outliers-card.included{border-color:var(--color-success);background:linear-gradient(to bottom,var(--color-success-light),var(--color-bg))}.outliers-card.included .card-header{background:var(--color-success-light);border-bottom-color:var(--color-success-light)}.outliers-status{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:500;color:var(--color-text);margin:0 0 8px}.outliers-status .status-icon.excluded{color:var(--color-warning)}.outliers-status .status-icon.included{color:var(--color-success)}.outliers-values{font-size:16px;font-weight:600;color:var(--color-text);margin:0 0 4px}.outliers-detail{font-size:12px;color:var(--color-text-secondary);margin:0 0 12px}.outliers-toggle-btn{width:100%;padding:10px 16px;border:1px solid var(--color-border);border-radius:10px;background:var(--color-bg);font-size:13px;font-weight:500;color:var(--color-text-secondary);cursor:pointer;transition:all .15s ease}.outliers-toggle-btn:hover:not(:disabled){background:var(--color-bg-secondary);border-color:var(--border-color);color:var(--color-text)}.outliers-toggle-btn:disabled{opacity:.6;cursor:not-allowed}.replay-mode-card{animation-delay:75ms}.replay-options{display:flex;flex-direction:column;gap:8px}.replay-option{display:flex;align-items:flex-start;gap:12px;padding:14px 16px;background:var(--color-bg-secondary);border:2px solid transparent;border-radius:12px;cursor:pointer;transition:all .15s ease}.replay-option:hover{background:var(--color-bg);border-color:var(--color-border)}.replay-option.selected{background:var(--color-primary-light);border-color:var(--color-primary)}.replay-option input[type=radio]{margin-top:2px;accent-color:var(--color-primary);flex-shrink:0}.replay-option .option-content{display:flex;flex-direction:column;gap:4px;min-width:0}.replay-option .option-label{font-size:14px;font-weight:600;color:var(--color-text)}.replay-option .option-desc{font-size:12px;color:var(--color-text-muted);line-height:1.4}.replay-option .option-recommended{font-size:11px;font-weight:600;color:var(--color-success);text-transform:uppercase;letter-spacing:.5px}.duration-check{margin-top:16px;padding:16px;background:var(--color-warning-light);border:1px solid var(--color-warning-light);border-radius:12px;animation:slideInFromBottom .2s var(--ease-out)}.duration-warning{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:var(--color-warning);margin-bottom:4px}.duration-warning .warning-icon{color:var(--color-warning);flex-shrink:0}.duration-current{font-size:13px;color:var(--color-warning);margin:0 0 12px;opacity:.8}.duration-options{display:flex;flex-direction:column;gap:8px}.duration-option{display:flex;align-items:flex-start;gap:8px;padding:12px 14px;background:var(--text-inverse);border:2px solid transparent;border-radius:10px;cursor:pointer;transition:all .15s ease}.duration-option:hover{border-color:var(--color-border)}.duration-option.selected{background:var(--color-primary-light);border-color:var(--color-primary)}.duration-option input[type=radio]{margin-top:2px;accent-color:var(--color-primary);flex-shrink:0}.duration-option .option-content{display:flex;flex-direction:column;gap:2px}.duration-option .option-label{font-size:13px;font-weight:500;color:var(--color-text)}.duration-option .option-recommended{font-size:10px;font-weight:600;color:var(--color-success);text-transform:uppercase;letter-spacing:.5px}.detective-summary{display:flex;flex-direction:column;gap:6px;margin-bottom:16px}.summary-line{font-size:14px;color:var(--color-text-secondary);margin:0;line-height:1.5}.summary-line.primary{font-size:15px;font-weight:600;color:var(--color-text)}.sparkline-container{margin:16px 0;padding:16px;background:var(--color-bg-secondary);border-radius:12px}.detective-sparkline{display:block;width:100%}.detective-sparkline rect{transition:opacity .15s ease}.detective-sparkline:hover rect{opacity:.9}.sparkline-axis{display:flex;justify-content:space-between;margin-top:8px;font-size:11px;color:var(--color-text-muted)}.detective-confidence{display:flex;flex-direction:column;gap:6px;padding:12px 14px;border-radius:10px;animation:popIn .25s var(--ease-out);animation-delay:.3s;animation-fill-mode:backwards}.detective-confidence.good{background:linear-gradient(135deg,var(--color-success-light),var(--color-success-light));color:var(--color-success)}.detective-confidence.warning{background:linear-gradient(135deg,var(--color-warning-light),var(--color-warning-light));color:var(--color-warning)}.confidence-header{display:flex;align-items:center;gap:8px;font-weight:600}.confidence-icon{flex-shrink:0}.confidence-score{font-size:18px;font-weight:700}.confidence-label{font-size:12px;font-weight:500;opacity:.9}.detective-apply-btn{width:100%;padding:16px 24px;background:linear-gradient(135deg,var(--color-primary),var(--color-primary-dark));color:var(--text-inverse);border:none;border-radius:14px;font-size:15px;font-weight:600;cursor:pointer;transition:all .15s ease;box-shadow:0 4px 14px var(--color-primary-shadow-darker);animation:fadeIn .3s var(--ease-out);animation-delay:.4s;animation-fill-mode:backwards}.detective-apply-btn:hover{transform:translateY(-1px);box-shadow:0 6px 20px var(--color-primary-shadow-heavy)}.detective-apply-btn:active{transform:translateY(0)}.detective-technical-link{display:flex;align-items:center;justify-content:center;gap:6px;background:none;border:none;font-size:13px;color:var(--color-text-muted);cursor:pointer;padding:8px;margin:0 auto;transition:color .15s ease}.detective-technical-link:hover{color:var(--color-primary)}.detective-error-state{display:flex;flex-direction:column;align-items:center;text-align:center;padding:40px 20px;gap:16px}.error-icon{color:var(--color-warning);background:var(--color-warning-light);padding:16px;border-radius:50%}.error-title{font-size:18px;font-weight:600;color:var(--color-text);margin:0}.error-message{font-size:14px;color:var(--color-text-secondary);margin:0;max-width:320px}.error-actions{display:flex;gap:12px;margin-top:8px}.detective-btn{display:flex;align-items:center;gap:8px;padding:12px 20px;background:var(--color-primary);color:var(--text-inverse);border:none;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .15s ease}.detective-btn:hover{background:var(--color-primary-dark)}.detective-btn.secondary{background:var(--color-bg-secondary);color:var(--color-text-secondary);border:1px solid var(--color-border)}.detective-btn.secondary:hover{background:var(--color-bg);border-color:var(--color-primary);color:var(--color-primary)}.detective-btn.full-width{width:100%;justify-content:center}.detective-sample-state{display:flex;flex-direction:column;gap:16px}.sample-header-card .card-content{padding:12px 16px}.sample-desc{font-size:14px;color:var(--color-text-secondary)}.sample-disclaimer{text-align:center;font-size:12px;color:var(--color-text-muted);margin:0;font-style:italic}.detective-estimate-state{display:flex;flex-direction:column;gap:24px}.estimate-question{display:flex;flex-direction:column;gap:12px}.estimate-question label{font-size:15px;font-weight:500;color:var(--color-text)}.estimate-input-row{display:flex;align-items:center;gap:12px}.estimate-number-input{width:100px;padding:14px 16px;border:2px solid var(--color-border);border-radius:12px;font-size:18px;font-weight:600;color:var(--color-text);text-align:center;transition:all .15s ease}.estimate-number-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 4px var(--color-primary-shadow-light)}.estimate-unit{font-size:15px;color:var(--color-text-secondary)}.estimate-options{display:flex;flex-direction:column;gap:8px}.estimate-option{display:flex;align-items:flex-start;gap:12px;padding:14px 16px;background:var(--color-bg-secondary);border:2px solid transparent;border-radius:12px;cursor:pointer;transition:all .15s ease}.estimate-option:hover{background:var(--color-bg);border-color:var(--color-border)}.estimate-option.selected{background:var(--color-primary-light);border-color:var(--color-primary)}.estimate-option input[type=radio]{margin-top:2px;accent-color:var(--color-primary)}.option-content{display:flex;flex-direction:column;gap:2px}.option-label{font-size:14px;font-weight:600;color:var(--color-text)}.option-desc{font-size:12px;color:var(--color-text-muted)}.detective-technical-drawer{position:absolute;bottom:0;left:0;right:0;background:var(--color-bg);border-top:1px solid var(--color-border);border-radius:20px 20px 0 0;box-shadow:0 -10px 30px var(--overlay-light);animation:slideUpDrawer .25s var(--ease-out);z-index:10}@keyframes slideUpDrawer{0%{transform:translateY(100%)}to{transform:translateY(0)}}.drawer-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--color-border);font-size:14px;font-weight:600;color:var(--color-text)}.drawer-header button{background:var(--color-bg-secondary);border:none;border-radius:8px;padding:6px;cursor:pointer;color:var(--color-text-secondary);display:flex;transition:all .15s ease}.drawer-header button:hover{background:var(--color-border);color:var(--color-text)}.drawer-content{padding:20px;max-height:300px;overflow-y:auto}.tech-row{display:flex;align-items:flex-start;gap:12px;margin-bottom:12px}.tech-label{font-size:12px;font-weight:500;color:var(--color-text-muted);width:90px;flex-shrink:0}.tech-value{font-size:13px;font-weight:600;color:var(--color-text);display:flex;flex-wrap:wrap;gap:8px}.tech-param{background:var(--color-bg-secondary);padding:4px 8px;border-radius:6px;font-size:12px;font-weight:500}.tech-section{margin-top:16px;padding-top:16px;border-top:1px solid var(--color-border)}.tech-toggle{display:flex;align-items:center;gap:8px;background:none;border:none;font-size:13px;font-weight:500;color:var(--color-text-secondary);cursor:pointer;padding:0}.tech-toggle svg{transition:transform .2s ease}.tech-toggle svg.rotated{transform:rotate(180deg)}.tech-alternatives{margin-top:12px;display:flex;flex-direction:column;gap:8px}.tech-alt-row{display:flex;align-items:center;gap:12px;padding:10px 12px;background:var(--color-bg-secondary);border-radius:8px}.tech-alt-row span:first-child{flex:1;font-size:13px;font-weight:500;color:var(--color-text)}.tech-alt-row span:nth-child(2){font-size:12px;color:var(--color-text-muted)}.tech-force-btn{background:var(--text-inverse);border:1px solid var(--color-border);border-radius:6px;padding:6px 12px;font-size:11px;font-weight:600;color:var(--color-primary);cursor:pointer;transition:all .15s ease}.tech-force-btn:hover{background:var(--color-primary);color:var(--text-inverse);border-color:var(--color-primary)}@media (max-width: 520px){.detective-modal{width:100%;max-width:100%;max-height:100%;border-radius:0}.detective-header{padding:16px 20px}.detective-content{padding:20px}.detective-textarea{min-height:150px}.error-actions{flex-direction:column;width:100%}.detective-btn{width:100%;justify-content:center}}.dark .detective-modal-overlay{--color-text: var(--text-primary);--color-text-secondary: var(--text-secondary);--color-text-muted: var(--text-muted);--color-bg: var(--bg-surface);--color-bg-secondary: var(--bg-secondary);--color-border: var(--border-color)}.identity-row{display:flex;align-items:center;gap:12px;margin-bottom:12px;padding:4px 0}.avatar-zone{flex-shrink:0}.avatar-btn{width:48px;height:48px;border-radius:12px;background:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-secondary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;position:relative;box-shadow:0 1px 2px var(--shadow-overlay-xs)}.avatar-btn:hover{background:var(--bg-tertiary);color:var(--text-tertiary);transform:translateY(-1px);box-shadow:0 4px 6px -1px var(--shadow-overlay-xs);border-color:var(--border-hover)}button.avatar-btn.active,.avatar-btn.active{background:var(--color-primary-light);border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-shadow-medium)}.profile-zone{flex:1;display:flex;flex-direction:column;justify-content:center;min-width:0;position:relative}.profile-static{padding:4px 0}.profile-name{font-size:1rem;font-weight:700;color:var(--text-primary);line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.profile-name-row{display:flex;align-items:center;gap:6px}.profile-change-icon{color:var(--text-muted);flex-shrink:0;opacity:.7;transition:all .15s ease}.profile-selector:hover .profile-change-icon{color:var(--color-primary);opacity:1}.profile-subtitle{font-size:.75rem;color:var(--text-secondary);font-weight:500}.profile-subtitle.warning{color:var(--color-danger)}.profile-selector{position:relative;cursor:pointer;border-radius:6px;padding:4px 8px 4px 4px;margin-left:-4px;transition:background .1s;display:flex;flex-direction:column}.profile-selector:hover{background:var(--bg-tertiary)}.chevron-icon{position:absolute;right:4px;top:50%;transform:translateY(-50%);color:var(--text-muted);pointer-events:none}.profile-select-overlay{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer}.color-selector-row{margin-top:4px;display:flex;gap:4px}.color-dot{width:12px;height:12px;border-radius:50%;cursor:pointer;transition:transform .1s;border:1px solid transparent}.color-dot:hover{transform:scale(1.2)}.color-dot.active{box-shadow:0 0 0 2px var(--text-inverse),0 0 0 4px currentColor;transform:scale(1.1)}.attr-config-list{margin-top:16px;display:flex;flex-direction:column;gap:12px;padding-left:10px;padding-right:12px;border-left:2px solid var(--bg-tertiary);box-sizing:border-box;max-width:100%;overflow:hidden}.attr-block,.attr-header,.attr-content{box-sizing:border-box}.attr-block{border:1px solid var(--bg-tertiary);border-radius:8px;overflow:hidden;max-width:100%;background:var(--bg-surface);box-shadow:0 1px 2px var(--shadow-overlay-xs)}.attr-header{background:var(--bg-secondary);padding:4px 10px;border-bottom:1px solid var(--bg-tertiary);display:flex;justify-content:space-between;align-items:center}.attr-label{font-size:.75rem;font-weight:700;color:var(--color-purple);letter-spacing:.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:140px}.attr-type{font-size:.65rem;color:var(--text-muted);font-weight:500}.attr-content{padding:10px 12px;background:var(--bg-surface)}.freq-list{display:flex;flex-direction:column;gap:4px}.freq-row{display:flex;align-items:center;justify-content:space-between;padding:4px 0;border-bottom:1px dashed var(--bg-tertiary)}.freq-row:last-child{border-bottom:none}.freq-name{font-size:.8rem;font-weight:600;color:var(--text-tertiary)}.freq-controls{display:flex;align-items:center;gap:8px}.freq-badge{font-size:.7rem;background:var(--bg-tertiary);color:var(--text-secondary);padding:2px 6px;border-radius:4px;min-width:45px;text-align:right;font-weight:600}.entry-properties .launchpad-card,div.launchpad-card{border:1px dashed var(--color-primary-light);background:var(--color-primary-light);margin-top:8px}.glass-modal-overlay{z-index:var(--z-modal)}.distribution-select-wrapper{position:relative;width:100%;margin-top:16px}.distribution-select{width:100%;appearance:none;-webkit-appearance:none;background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;padding:8px 36px 8px 12px;font-family:Inter,sans-serif;font-size:13px;font-weight:600;color:var(--text-primary);cursor:pointer;outline:none;transition:all .2s ease;box-shadow:0 1px 2px var(--shadow-overlay-xs)}.distribution-select:hover{border-color:var(--border-hover);background-color:var(--bg-surface);box-shadow:0 2px 4px var(--shadow-overlay-xs)}.distribution-select:focus{border-color:var(--color-primary);background-color:var(--bg-surface);box-shadow:0 0 0 3px var(--color-primary-shadow-medium)}.distribution-chevron{position:absolute;right:12px;top:50%;transform:translateY(-50%);color:var(--text-muted);pointer-events:none;transition:all .3s cubic-bezier(.4,0,.2,1)}.distribution-select-wrapper:hover .distribution-chevron{color:var(--text-secondary)}.distribution-select:focus+.distribution-chevron{color:var(--color-primary);transform:translateY(-50%) rotate(180deg)}.distribution-select:active+.distribution-chevron{transform:translateY(-50%) rotate(180deg)}.undo-toast-container{position:fixed;bottom:20px;right:20px;z-index:var(--z-toast);animation:slideInUp .3s cubic-bezier(.16,1,.3,1) forwards}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.undo-toast{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:8px;padding:12px 16px;box-shadow:0 4px 12px var(--shadow-overlay-lg);display:flex;align-items:center;justify-content:space-between;gap:16px;min-width:300px}.undo-toast-content{display:flex;align-items:center;gap:8px;flex:1}.undo-icon{color:var(--color-primary);flex-shrink:0}.undo-message{font-size:14px;color:var(--text-primary);font-weight:500}.undo-toast-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.undo-toast-btn{background:var(--color-primary);color:var(--text-inverse);border:none;border-radius:6px;padding:6px 12px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease}.undo-toast-btn:hover{background:var(--color-primary-hover);box-shadow:0 2px 4px var(--color-primary-shadow-medium)}.undo-toast-btn:active{background:var(--color-primary-dark);transform:scale(.98)}.undo-toast-close{background:transparent;border:none;color:var(--text-muted);cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s ease}.undo-toast-close:hover{background:var(--bg-tertiary);color:var(--text-secondary)}.undo-toast-progress{position:absolute;bottom:0;left:0;height:3px;background:linear-gradient(90deg,var(--color-primary),var(--color-primary-hover));border-radius:0 0 8px;transition:width 50ms linear}.info-tooltip-trigger{display:inline-flex;align-items:center;justify-content:center;background:transparent;border:none;padding:2px;margin:0;cursor:help;color:var(--text-muted);transition:all .2s cubic-bezier(.4,0,.2,1);outline:none;border-radius:4px}.info-tooltip-trigger:hover{color:var(--color-primary);background:var(--color-primary-light);transform:scale(1.08)}.info-tooltip-trigger:active{transform:scale(.96)}.info-tooltip-trigger:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.info-tooltip-portal{animation:tooltipFadeIn .18s cubic-bezier(.4,0,.2,1)}@keyframes tooltipFadeIn{0%{opacity:0;transform:translateY(-8px) scale(.94)}to{opacity:1;transform:translateY(0) scale(1)}}.info-tooltip-content{padding:14px 16px;background:var(--info-tooltip-bg);color:var(--info-tooltip-text);border:2px solid var(--color-primary);border-radius:12px;font-size:13px;line-height:1.6;font-weight:400;box-shadow:0 20px 25px -5px #3b82f626,0 10px 10px -5px #3b82f614,0 0 0 1px #3b82f60d;word-space:normal;word-wrap:break-word}.info-tooltip-content strong{color:var(--bg-surface);font-weight:600}.info-tooltip-content code{background:var(--info-tooltip-code-bg);padding:3px 7px;border-radius:5px;font-family:SF Mono,Monaco,Menlo,Consolas,monospace;font-size:12px;color:var(--info-tooltip-code-text);border:1px solid var(--border-color);font-weight:500}.info-tooltip-content a{color:var(--color-primary);text-decoration:none;border-bottom:1px solid rgba(59,130,246,.3);transition:all .15s ease}.info-tooltip-content a:hover{color:var(--color-primary);border-bottom-color:var(--color-primary)}@media (max-width: 768px){.info-tooltip-content{font-size:12px;padding:12px 14px}}.validation-message{display:flex;align-items:center;gap:8px;padding:10px 12px;border-radius:8px;font-size:12px;line-height:1.5;margin-top:8px;animation:validationSlideIn .3s cubic-bezier(.4,0,.2,1)}@keyframes validationSlideIn{0%{opacity:0;transform:translateY(-4px);max-height:0}to{opacity:1;transform:translateY(0);max-height:100px}}.validation-message-compact{padding:6px 10px;font-size:11px;margin-top:4px}.validation-message-error{background:var(--validation-error-bg);border:1px solid var(--validation-error-bg);color:var(--validation-error-text)}.validation-message-warning{background:var(--validation-warning-bg);border:1px solid var(--validation-warning-bg);color:var(--validation-warning-text)}.validation-message-success{background:var(--validation-success-bg);border:1px solid var(--validation-success-bg);color:var(--validation-success-text)}.validation-message-info{background:var(--validation-info-bg);border:1px solid var(--validation-info-bg);color:var(--validation-info-text)}.validation-message-icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.validation-message-error .validation-message-icon{color:var(--color-danger)}.validation-message-warning .validation-message-icon{color:var(--color-warning)}.validation-message-success .validation-message-icon{color:var(--color-success)}.validation-message-info .validation-message-icon{color:var(--color-primary)}.validation-message-text{flex:1;font-weight:500}.validation-message-dismiss{display:inline-flex;align-items:center;justify-content:center;background:none;border:none;padding:0;width:18px;height:18px;border-radius:4px;cursor:pointer;font-size:18px;line-height:1;opacity:.6;transition:all .15s ease}.validation-message-dismiss:hover{opacity:1;background:var(--bg-hover)}.validation-message-dismiss:active{transform:scale(.95)}.validation-wrapper{display:flex;flex-direction:column}.validation-input{position:relative}.validation-input-error input,.validation-input-error select,.validation-input-error textarea,.validation-input-error .prop-input{border-color:var(--color-danger);background:var(--color-danger-light)}.validation-input-error input:focus,.validation-input-error select:focus,.validation-input-error textarea:focus{outline:2px solid var(--color-danger-light);outline-offset:0;box-shadow:0 0 0 3px #ef44441a}.validation-input-warning input,.validation-input-warning select,.validation-input-warning textarea,.validation-input-warning .prop-input{border-color:var(--color-warning);background:var(--color-warning-light)}.validation-input-warning input:focus,.validation-input-warning select:focus,.validation-input-warning textarea:focus{outline:2px solid var(--color-warning-light);outline-offset:0;box-shadow:0 0 0 3px #f59e0b1a}.validation-input-success input,.validation-input-success select,.validation-input-success textarea,.validation-input-success .prop-input{border-color:var(--color-success);background:var(--color-success-light)}.validation-input-success input:focus,.validation-input-success select:focus,.validation-input-success textarea:focus{outline:2px solid var(--color-success-light);outline-offset:0;box-shadow:0 0 0 3px #10b9811a}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-4px)}20%,40%,60%,80%{transform:translate(4px)}}.validation-input-error-shake{animation:shake .5s cubic-bezier(.36,.07,.19,.97)}.preset-selector{display:flex;flex-direction:column;gap:12px}.preset-selector-header{display:flex;flex-direction:column;gap:4px}.preset-selector-label{font-size:13px;font-weight:600;color:var(--text-primary);letter-spacing:.01em}.preset-selector-description{font-size:12px;color:var(--text-secondary);line-height:1.5}.preset-selector-options{display:flex;flex-direction:column;gap:8px}.preset-option{display:flex;align-items:flex-start;gap:12px;padding:14px 16px;background:var(--bg-surface);border:1.5px solid var(--border-color);border-radius:10px;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);text-align:left;width:100%;position:relative}.preset-option:hover{border-color:var(--color-primary);box-shadow:0 4px 6px -1px var(--color-primary-shadow-light);transform:translateY(-1px)}.preset-option:active{transform:translateY(0)}.preset-option-selected{border-color:var(--color-primary);background:linear-gradient(135deg,var(--color-primary-light) 0%,var(--color-primary-light) 100%);box-shadow:0 4px 6px -1px var(--color-primary-shadow-medium),0 0 0 3px var(--color-primary-shadow-light)}.preset-option-recommended{border-color:var(--color-success)}.preset-option-recommended:hover{border-color:var(--color-success-hover)}.preset-option-recommended.preset-option-selected{border-color:var(--color-success);background:linear-gradient(135deg,var(--color-success-light) 0%,var(--color-success-light) 100%);box-shadow:0 4px 6px -1px var(--color-success-shadow-medium),0 0 0 3px var(--color-success-shadow-light)}.preset-option-content{flex:1;display:flex;flex-direction:column;gap:6px}.preset-option-header{display:flex;align-items:center;gap:8px;flex-shrink:0;white-space:nowrap}.preset-option-icon{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;color:var(--text-secondary)}.preset-option-selected .preset-option-icon{color:var(--color-primary)}.preset-option-label{font-size:14px;font-weight:600;color:var(--text-primary);display:flex;align-items:center;gap:8px;white-space:nowrap}.preset-option-badge{display:inline-flex;align-items:center;padding:2px 6px;background:linear-gradient(135deg,var(--color-success) 0%,var(--color-success-hover) 100%);color:var(--text-inverse);font-size:10px;font-weight:700;letter-spacing:.02em;text-transform:uppercase;border-radius:4px;box-shadow:0 1px 2px var(--color-success-shadow-light)}.preset-option-description{font-size:12px;color:var(--text-secondary);line-height:1.5;margin:0}.preset-option-preview{margin-top:4px;padding:8px;background:var(--bg-secondary);border-radius:6px;font-size:11px;color:var(--text-tertiary);border:1px solid var(--border-color)}.preset-option-check{position:absolute;top:10px;right:10px;display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-hover) 100%);color:var(--text-inverse);border-radius:50%;animation:checkBounce .4s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 4px var(--color-primary-shadow-darker)}.preset-option-recommended.preset-option-selected .preset-option-check{background:linear-gradient(135deg,var(--color-success) 0%,var(--color-success-hover) 100%);box-shadow:0 2px 4px var(--color-success-shadow-medium)}@keyframes checkBounce{0%{transform:scale(0);opacity:0}50%{transform:scale(1.15)}to{transform:scale(1);opacity:1}}.preset-option-custom{border-style:dashed;border-color:var(--border-hover)}.preset-option-custom:hover{border-color:var(--text-muted);border-style:solid}.preset-option-custom.preset-option-selected{border-style:solid;border-color:var(--text-secondary);background:linear-gradient(135deg,var(--bg-secondary) 0%,var(--bg-tertiary) 100%)}.compact-preset-selector{display:flex;flex-direction:column;gap:6px}.compact-preset-dropdown{position:relative}.compact-preset-select{width:100%;padding:10px 36px 10px 12px;background:var(--bg-surface);border:1.5px solid var(--border-color);border-radius:8px;font-size:13px;font-weight:500;color:var(--text-primary);cursor:pointer;transition:all .2s ease;appearance:none}.compact-preset-select:hover{border-color:var(--color-primary)}.compact-preset-select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-shadow-light)}.compact-preset-icon{position:absolute;right:12px;top:50%;transform:translateY(-50%);color:var(--text-secondary);pointer-events:none}.preset-selector-options{animation:optionsFadeIn .4s cubic-bezier(.4,0,.2,1)}@keyframes optionsFadeIn{0%{opacity:0}to{opacity:1}}.preset-option{animation:presetSlideIn .3s cubic-bezier(.4,0,.2,1) backwards}.preset-option:nth-child(1){animation-delay:.05s}.preset-option:nth-child(2){animation-delay:.1s}.preset-option:nth-child(3){animation-delay:.15s}.preset-option:nth-child(4){animation-delay:.2s}.preset-option:nth-child(5){animation-delay:.25s}@keyframes presetSlideIn{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:translate(0)}}.preset-option:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.efficiency-grid-container{margin-top:12px;padding:16px;background:linear-gradient(135deg,var(--bg-primary) 0%,var(--bg-primary) 100%);border-radius:12px;border:1px solid var(--border-color)}.efficiency-grid-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.efficiency-grid-header .field-label{font-size:13px;font-weight:600;color:var(--bg-secondary)}.field-hint{font-size:11px;color:var(--text-secondary);font-weight:500}.efficiency-grid-visual{display:flex;height:20px;border-radius:8px;overflow:hidden;margin-bottom:16px;box-shadow:inset 0 1px 3px var(--shadow-overlay-xs)}.efficiency-grid-bar{flex:1;transition:all .3s cubic-bezier(.4,0,.2,1)}.efficiency-grid-bar:hover{transform:scaleY(1.2);z-index:1}.efficiency-grid-inputs{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;max-height:240px;overflow-y:auto;padding:4px}.efficiency-grid-input-group{display:flex;align-items:center;gap:6px;min-width:0}.efficiency-grid-label{font-size:11px;font-weight:600;color:var(--text-secondary);min-width:22px}.efficiency-grid-input{width:100%;min-width:0;padding:6px 8px;border:1.5px solid var(--border-color);border-radius:6px;font-size:12px;font-weight:500;color:var(--bg-secondary);background:var(--text-inverse);transition:all .2s ease}.efficiency-grid-input:hover{border-color:var(--border-color)}.efficiency-grid-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-shadow-medium)}.prop-toggle-row.modern{background:linear-gradient(135deg,var(--bg-primary) 0%,var(--border-color) 100%);padding:3px;border-radius:10px;box-shadow:inset 0 1px 2px #0000000d}.prop-toggle-row.modern .prop-toggle-btn{border-radius:7px;font-weight:600;transition:all .25s cubic-bezier(.4,0,.2,1)}.prop-toggle-row.modern .prop-toggle-btn.active{background:var(--text-inverse);box-shadow:0 2px 4px var(--shadow-overlay-xs),0 1px 2px var(--shadow-overlay-xs);transform:translateY(-1px)}.field-header{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:10px}.field-header .field-label{display:flex;align-items:center;gap:6px}.prop-section-title{display:flex;align-items:center;gap:8px}.animate-fade-in{animation:fadeInSlide .4s cubic-bezier(.4,0,.2,1)}@keyframes fadeInSlide{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.prop-dashed-action{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;padding:12px;background:var(--text-inverse);border:1.5px dashed var(--border-color);border-radius:10px;font-size:13px;font-weight:600;color:var(--text-secondary);cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1)}.prop-dashed-action:hover{border-color:var(--color-primary);border-style:solid;color:var(--color-primary);background:linear-gradient(135deg,var(--color-primary-light) 0%,var(--color-primary-light) 100%);transform:translateY(-1px);box-shadow:0 4px 6px -1px var(--color-primary-shadow-light)}.prop-dashed-action:active{transform:translateY(0)}.prop-group{display:flex;flex-direction:column;gap:8px}.prop-group+.prop-group{margin-top:16px}.field-label{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:var(--bg-secondary);letter-spacing:.01em}.prop-divider-spaced{height:1px;background:linear-gradient(90deg,transparent 0%,var(--border-color) 20%,var(--border-color) 80%,transparent 100%);margin:20px 0}.field-checkbox{display:flex;align-items:center;gap:8px;cursor:pointer;user-select:none;padding:8px;border-radius:8px;transition:background .2s ease}.field-checkbox:hover{background:var(--bg-primary)}.field-checkbox input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:var(--color-primary);position:relative;z-index:1;pointer-events:auto}.field-checkbox span{font-size:13px;font-weight:500;color:var(--border-color);display:flex;align-items:center;gap:6px}.prop-stack{display:flex;flex-direction:column;gap:8px}input[type=number]:not(.efficiency-grid-input),input[type=text],select,textarea{transition:all .2s cubic-bezier(.4,0,.2,1)}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-shadow-medium)}button,.clickable{position:relative;overflow:hidden}button:after,.clickable:after{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#3b82f633;transform:translate(-50%,-50%);transition:width .6s,height .6s}button:active:after,.clickable:active:after{width:300px;height:300px}.efficiency-grid-inputs::-webkit-scrollbar{width:8px}.efficiency-grid-inputs::-webkit-scrollbar-track{background:var(--bg-primary);border-radius:4px}.efficiency-grid-inputs::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}.efficiency-grid-inputs::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.custom-queue-config{margin-top:16px;padding:16px;background:linear-gradient(135deg,var(--bg-primary) 0%,var(--bg-primary) 100%);border-radius:12px;border:1px solid var(--border-color);animation:fadeInSlide .4s cubic-bezier(.4,0,.2,1)}.prop-input,.prop-textarea{width:100%;padding:8px 12px;border:1.5px solid var(--border-color);border-radius:8px;font-size:13px;font-weight:500;color:var(--bg-secondary);background:var(--text-inverse);transition:all .2s ease;font-family:inherit}.prop-input:hover,.prop-textarea:hover{border-color:var(--border-color)}.prop-input:focus,.prop-textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #3b82f61a}.prop-textarea{resize:vertical;font-family:Monaco,Menlo,Consolas,monospace;font-size:12px;line-height:1.6}@media (max-width: 768px){.efficiency-grid-inputs{grid-template-columns:repeat(3,1fr)}.prop-toggle-row.modern{flex-direction:column}.prop-toggle-row.modern .prop-toggle-btn{width:100%}}@media (max-width: 480px){.efficiency-grid-inputs{grid-template-columns:repeat(2,1fr)}}.toggle-card-group{display:flex;flex-direction:column;gap:8px}.toggle-card{padding:12px 14px;border-radius:8px;border:1px solid var(--border-color);background:var(--text-inverse);cursor:pointer;display:flex;align-items:center;gap:12px;transition:all .15s ease;user-select:none}.toggle-card:hover:not(.disabled){border-color:var(--border-color);background:var(--bg-primary)}.toggle-card.disabled{opacity:.6;cursor:not-allowed}.toggle-card-icon{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .15s ease}.toggle-card-content{flex:1;min-width:0}.toggle-card-label{font-weight:600;font-size:13px;color:var(--bg-tertiary);transition:color .15s ease}.toggle-card-description{font-size:11px;color:var(--text-muted);margin-top:1px;line-height:1.3;transition:color .15s ease}.toggle-card-check{width:18px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--text-inverse)}.toggle-card-blue.selected{border:2px solid var(--color-primary);background:var(--color-primary-light)}.toggle-card-icon-blue{background:var(--bg-primary);color:var(--text-secondary)}.toggle-card-icon-blue.selected{background:var(--color-primary);color:var(--text-inverse)}.toggle-card-blue.selected .toggle-card-label,.toggle-card-blue.selected .toggle-card-description{color:var(--color-primary)}.toggle-card-check-blue{background:var(--color-primary)}.toggle-card-success.selected{border:2px solid var(--color-success);background:var(--color-success-light)}.toggle-card-icon-success{background:var(--bg-primary);color:var(--text-secondary)}.toggle-card-icon-success.selected{background:var(--color-success);color:var(--text-inverse)}.toggle-card-success.selected .toggle-card-label,.toggle-card-success.selected .toggle-card-description{color:var(--color-success)}.toggle-card-check-success{background:var(--color-success)}.toggle-card-warning.selected{border:2px solid var(--color-warning);background:var(--color-warning-light)}.toggle-card-icon-warning{background:var(--bg-primary);color:var(--text-secondary)}.toggle-card-icon-warning.selected{background:var(--color-warning);color:var(--text-inverse)}.toggle-card-warning.selected .toggle-card-label,.toggle-card-warning.selected .toggle-card-description{color:var(--color-warning)}.toggle-card-check-warning{background:var(--color-warning)}.toggle-card-danger.selected{border:2px solid var(--color-danger);background:var(--color-danger-light)}.toggle-card-icon-danger{background:var(--bg-primary);color:var(--text-secondary)}.toggle-card-icon-danger.selected{background:var(--color-danger);color:var(--text-inverse)}.toggle-card-danger.selected .toggle-card-label,.toggle-card-danger.selected .toggle-card-description{color:var(--color-danger)}.toggle-card-check-danger{background:var(--color-danger)}.toggle-card-group.horizontal{flex-direction:row}.toggle-card-group.horizontal .toggle-card{flex:1;flex-direction:column;text-align:center;padding:16px 12px}.toggle-card-group.horizontal .toggle-card-icon{margin-bottom:8px}.toggle-card-group.horizontal .toggle-card-check{position:absolute;top:8px;right:8px}.toggle-card-group.horizontal .toggle-card{position:relative}.toggle-card-group.compact .toggle-card{padding:8px 10px;gap:8px}.toggle-card-group.compact .toggle-card-icon{width:24px;height:24px;border-radius:6px}.toggle-card-group.compact .toggle-card-icon svg{width:12px;height:12px}.toggle-card-group.compact .toggle-card-label{font-size:12px}.toggle-card-group.compact .toggle-card-description{font-size:10px}.toggle-card-group.compact .toggle-card-check{width:14px;height:14px}.toggle-card-group.compact .toggle-card-check svg{width:10px;height:10px}.unified-attr-selector{display:flex;gap:6px;align-items:center;min-width:0}.unified-attr-selector.stacked{flex-direction:column;align-items:stretch;gap:8px}.unified-attr-selector.compact{gap:4px}.unified-attr-dropdown-wrapper{position:relative;display:flex;align-items:center;flex:1;min-width:0}.unified-attr-type-icon{position:absolute;left:8px;display:flex;align-items:center;justify-content:center;pointer-events:none;z-index:1}.unified-attr-type-icon.categorical{color:var(--color-purple)}.unified-attr-type-icon.continuous{color:var(--color-primary)}.unified-attr-type-icon.unknown{color:var(--text-secondary)}.unified-attr-select.has-icon{padding-left:28px}.unified-attr-connector{font-size:10px;color:var(--text-muted);flex-shrink:0}.unified-attr-select,.unified-value-select,.unified-value-input,.unified-operator-select{flex:1;min-width:80px;text-overflow:ellipsis}.unified-operator-select{flex:0 0 auto;min-width:75px;max-width:85px}.unified-attr-selector.compact .unified-operator-select{min-width:65px;max-width:75px}.unified-attr-selector .prop-input{height:32px;font-size:12px;line-height:1.2;vertical-align:middle}.unified-attr-selector.compact .prop-input,.unified-attr-selector .prop-input.compact,.unified-attr-selector.compact input.prop-input{height:32px;font-size:11px;min-width:70px;padding:6px 10px;line-height:1.2;vertical-align:middle}.unified-attr-select{min-width:100px}.unified-attr-selector.compact .unified-attr-select{min-width:80px}.unified-attr-selector.stacked .unified-attr-dropdown-wrapper,.unified-attr-selector.stacked .unified-value-select,.unified-attr-selector.stacked .unified-value-input{width:100%}.unified-attr-selector .prop-input:disabled{background:var(--bg-primary);color:var(--text-muted);cursor:not-allowed}.unified-attr-selector .prop-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-primary-shadow-medium)!important}.unified-attr-selector .prop-input:not(:disabled):hover{border-color:var(--text-muted)}.agency-token{padding:2px 8px;border-radius:6px;font-size:10px;font-weight:600;letter-spacing:.3px;display:inline-flex;align-items:center;box-shadow:0 1px 2px #00000008}.agency-token.agent{background:var(--color-primary-lighter, #eff6ff);color:var(--color-primary-dark, #1d4ed8);border:1px solid var(--color-primary-light, #bfdbfe)}.agency-token.attr{background:var(--color-purple-lighter, #f5f3ff);color:var(--color-purple, #7c3aed);border:1px solid var(--color-purple-light, #ddd6fe)}.agency-token.val{background:var(--color-success-lighter, #ecfdf5);color:var(--color-success-dark, #047857);border:1px solid var(--color-success-light, #a7f3d0)}.agency-token.logic{background:var(--bg-secondary, #f8fafc);color:var(--text-secondary, #64748b);border:1px solid var(--border-color, #e2e8f0);font-weight:800}.agency-card{background:var(--bg-primary, white);border-radius:var(--radius-lg, 10px);border:1px solid var(--border-color, #e2e8f0);box-shadow:var(--shadow-xs, 0 1px 2px rgba(0, 0, 0, .05));margin-bottom:var(--spacing-sm, 8px);overflow:hidden;transition:all .2s ease;position:relative}.agency-card.expanded{border-color:var(--color-primary, #3b82f6);box-shadow:0 4px 12px -2px #3b82f61a}.agency-card-header{padding:10px 12px;cursor:pointer;display:flex;align-items:center;gap:10px;background:var(--bg-primary, white);min-height:44px;transition:background .2s ease}.agency-card.expanded .agency-card-header{background:var(--bg-secondary, #f8fafc)}.agency-card-header-content{flex:1;display:flex;align-items:center;gap:8px;min-width:0}.agency-icon-badge{width:24px;height:24px;border-radius:6px;background:var(--bg-tertiary, #f1f5f9);color:var(--text-muted, #94a3b8);display:flex;align-items:center;justify-content:center;transition:all .2s ease;flex-shrink:0}.agency-card.expanded .agency-icon-badge{background:var(--color-primary-lighter, #dbeafe);color:var(--color-primary, #2563eb)}.agency-card-title{font-size:12px;font-weight:700;color:var(--text-secondary, #64748b);transition:color .2s;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;min-width:0}.agency-card.expanded .agency-card-title{color:var(--text-primary, #1e293b)}.agency-card-actions{display:flex;align-items:center;gap:4px}.agency-delete-btn{padding:6px;background:transparent;border:none;color:var(--color-danger, #ef4444);cursor:pointer;border-radius:var(--radius-xs, 4px)}.agency-delete-btn:hover{background:var(--color-danger-light)}.agency-chevron{color:var(--text-muted, #94a3b8);transition:transform .2s}.agency-card.expanded .agency-chevron{transform:rotate(90deg)}.agency-card-body{padding:12px}.agency-logic-builder{background:var(--bg-secondary, #f8fafc);border-radius:var(--radius-md, 8px);padding:12px;border:1px solid var(--border-color, #e2e8f0)}.agency-if-row{display:flex;align-items:center;gap:8px;margin-bottom:8px}.agency-condition-row{display:flex;align-items:center;gap:6px;margin-top:6px;border-left:2px solid var(--border-color, #e2e8f0);padding:0 0 0 10px;min-width:0}.agency-condition-row.warning{border-left-color:var(--color-warning, #f59e0b);background:var(--color-warning-lighter, #fffbeb);padding:6px 8px 6px 10px;border-radius:var(--radius-xs, 4px);margin-left:-4px}.agency-condition-label{font-size:10px;color:var(--text-muted, #94a3b8);font-weight:800;flex-shrink:0}.agency-operator{font-size:11px;color:var(--text-muted, #94a3b8);font-weight:800;flex-shrink:0}.agency-select-agent{padding:2px 8px;background:var(--color-primary-lighter, #eff6ff);color:var(--color-primary-dark, #1d4ed8);border:1px solid var(--color-primary-light, #bfdbfe);border-radius:6px;font-size:10px;font-weight:600}.agency-select-attr{padding:2px 6px;max-width:90px;min-width:0;flex-shrink:1;background:var(--color-purple-lighter, #f5f3ff);color:var(--color-purple, #7c3aed);border:1px solid var(--color-purple-light, #ddd6fe);border-radius:6px;font-size:10px;font-weight:600}.agency-select-val,.agency-input-val{padding:2px 6px;max-width:80px;min-width:0;flex-shrink:1;background:var(--color-success-lighter, #ecfdf5);color:var(--color-success-dark, #047857);border:1px solid var(--color-success-light, #a7f3d0);border-radius:6px;font-size:10px;font-weight:600}.agency-input-val{width:55px;flex-shrink:0}.agency-select-op{width:36px;text-align:center;font-weight:800;flex-shrink:0;padding:2px}.agency-remove-btn{background:transparent;border:none;color:var(--text-muted, #94a3b8);cursor:pointer;padding:2px;display:flex;align-items:center}.agency-remove-btn:hover{color:var(--color-danger)}.agency-warning-msg{width:100%;margin-top:4px;font-size:10px;color:var(--color-warning-dark, #b45309);display:flex;align-items:center;gap:4px}.agency-add-btn{margin-top:10px;margin-left:14px;font-size:10px;width:fit-content;background:var(--bg-primary, white);border:1px dashed var(--border-color-strong, #cbd5e1);gap:4px}.agency-action-divider{display:flex;align-items:center;gap:8px;margin:12px 0 8px}.agency-action-line{height:1px;flex:1;background:var(--border-color, #e2e8f0)}.agency-action-label{font-size:10px;font-weight:800;color:var(--color-primary, #3b82f6);letter-spacing:.5px}.ai-panel-container{width:450px;min-width:350px;max-width:50vw;border-left:1px solid var(--border-color);background:var(--bg-surface);display:flex;flex-direction:column;height:100%;box-shadow:-4px 0 16px var(--shadow-overlay-xs);position:relative;transition:transform .3s cubic-bezier(.4,0,.2,1),width .3s cubic-bezier(.4,0,.2,1),opacity .3s ease}@media (max-width: 1000px){.ai-panel-container{width:320px;min-width:280px}}@media (max-width: 800px){.ai-panel-container{width:280px;position:absolute;right:0;top:0;bottom:0;z-index:var(--z-panel);box-shadow:-4px 0 20px var(--shadow-overlay-lg)}}@media (max-width: 500px){.ai-panel-container{width:100%}}.ai-panel-container.closed{width:0;min-width:0;opacity:0;transform:translate(100%);border-left:none;padding:0}.ai-panel-header{display:flex;justify-content:space-between;align-items:center;padding:16px;border-bottom:1px solid var(--border-color);color:var(--text-primary)}.ai-title{font-size:16px;font-weight:700}.ai-header-actions{display:flex;gap:8px;align-items:center}.ai-icon-button{background:transparent;border:1px solid var(--border-color);border-radius:8px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-secondary)}.ai-icon-button:hover{background:var(--bg-hover)}.ai-close-button{background:var(--text-inverse);border:none;cursor:pointer;color:var(--text-muted);padding:6px}.ai-close-button:hover{color:var(--text-secondary)}.ai-settings-dropdown{position:absolute;top:40px;right:0;width:260px;background:var(--bg-surface);border:1px solid var(--border-color);border-radius:12px;box-shadow:0 4px 20px var(--shadow-overlay-lg);padding:12px;z-index:50;font-size:13px;color:var(--text-primary)}.ai-settings-section{margin-bottom:12px}.ai-settings-label{font-weight:600;margin-bottom:6px}.ai-thinking-options{display:flex;gap:4px;background:var(--bg-primary);padding:4px;border-radius:6px}.ai-thinking-option{flex:1;padding:4px;font-size:11px;border-radius:4px;border:none;background:transparent;cursor:pointer;font-weight:600;text-transform:capitalize}.ai-thinking-option.active{background:var(--text-inverse);box-shadow:0 1px 2px var(--shadow-overlay-xs)}.ai-model-select{width:100%;padding:6px;border-radius:6px;border:1px solid var(--border-color);outline:none}.ai-checkbox-label{display:flex;align-items:center;gap:8px;cursor:pointer}.ai-chat-area{flex:1;overflow-y:auto;padding:20px;display:flex;flex-direction:column;gap:16px;background:var(--bg-main)}.ai-empty-state{text-align:center;margin-top:60px;color:var(--text-secondary);display:flex;flex-direction:column;align-items:center;gap:12px}.ai-empty-icon{width:48px;height:48px;background:var(--bg-hover);border-radius:12px;display:flex;align-items:center;justify-content:center;color:var(--accent);margin-bottom:8px}.ai-examples-list{display:flex;flex-direction:column;gap:8px;width:100%;max-width:280px;margin-top:16px}.ai-example-btn{padding:10px 14px;border-radius:10px;border:1px solid var(--border-color);background:var(--bg-surface);font-size:13px;color:var(--text-primary);cursor:pointer;text-align:left;transition:all .2s;box-shadow:var(--shadow-sm)}.ai-example-btn:hover{background:var(--bg-hover);transform:translate(2px)}.ai-message{max-width:85%;padding:12px 16px;border-radius:16px;font-size:14px;line-height:1.5}.ai-message.user{align-self:flex-end;background:var(--accent);color:var(--text-inverse);border-bottom-right-radius:2px}.ai-message.assistant{align-self:flex-start;background:var(--bg-surface);color:var(--text-primary);border:1px solid var(--border-color);border-bottom-left-radius:2px;box-shadow:0 1px 2px var(--shadow-overlay-xs)}.ai-assistant-label{font-size:11px;font-weight:700;color:var(--text-muted);margin-bottom:4px;text-transform:uppercase;letter-spacing:.05em}.ai-thinking-bubble{align-self:flex-start;padding:12px 16px;background:var(--text-inverse);border:1px solid var(--border-color);border-radius:16px 16px 16px 2px}.ai-pulse-container{display:flex;gap:4px;align-items:center}.dot-pulse{width:6px;height:6px;background:var(--text-muted);border-radius:50%;animation:pulse 1s infinite}.dot-pulse:nth-child(2){animation-delay:.2s}.dot-pulse:nth-child(3){animation-delay:.4s}@keyframes pulse{0%,to{opacity:.4;transform:scale(.8)}50%{opacity:1;transform:scale(1.1)}}.ai-error-message{align-self:center;padding:8px 12px;background:var(--color-danger-light);color:var(--color-danger);border-radius:8px;font-size:12px}.ai-input-area{padding:16px;border-top:1px solid var(--border-color);background:var(--bg-surface)}.ai-image-pill{display:inline-flex;align-items:center;gap:8px;padding:4px 8px;background:var(--bg-hover);border-radius:8px;margin-bottom:8px;border:1px solid var(--border-color)}.ai-pill-thumb{width:24px;height:24px;border-radius:4px;object-fit:cover}.ai-pill-remove{border:none;background:none;cursor:pointer;color:var(--text-secondary);padding:0 4px;font-size:14px}.ai-extract-btn{font-size:11px;color:var(--accent);border:none;background:none;cursor:pointer;font-weight:600;margin-left:8px}.ai-input-bar{display:flex;align-items:flex-end;gap:8px;background:var(--bg-main);border:1px solid var(--border-color);border-radius:16px;padding:8px 12px;transition:border-color .2s;box-shadow:var(--shadow-sm)}.ai-input-bar:focus-within{border-color:var(--color-primary)}.ai-attach-btn{padding:8px;background:transparent;border:none;cursor:pointer;color:var(--text-secondary);border-radius:50%}.ai-attach-btn:hover{background:var(--bg-hover)}.ai-textarea{flex:1;background:transparent;border:none;outline:none;font-size:14px;line-height:1.5;resize:none;padding:8px 0;max-height:120px;font-family:inherit;color:var(--text-primary)}.ai-textarea:focus-visible{outline:none;box-shadow:none;border:none}.ai-send-btn{padding:8px;border:none;border-radius:8px;display:flex;align-items:center;justify-content:center;transition:all .2s}.ai-send-btn.active{background:var(--color-primary);color:var(--text-inverse);cursor:pointer}.ai-send-btn.disabled{background:var(--border-color);color:var(--text-muted);cursor:default}.cursor-overlay{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1000;overflow:hidden}.remote-cursor{position:absolute;top:0;left:0;will-change:transform;transition:transform 50ms linear}.cursor-pointer{filter:drop-shadow(0 1px 2px rgba(0,0,0,.3))}.cursor-user-badge{display:flex;align-items:center;gap:4px;position:absolute;top:18px;left:12px;padding:2px 8px 2px 2px;border-radius:12px;border:2px solid;background:var(--cursor-color);box-shadow:0 2px 8px #0003;white-space:nowrap;max-width:150px}.cursor-avatar-img{width:20px;height:20px;border-radius:50%;object-fit:cover;flex-shrink:0}.cursor-avatar-initials{width:20px;height:20px;border-radius:50%;background:#fff3;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:600;color:#fff;flex-shrink:0}.cursor-user-name{font-size:11px;font-weight:500;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.2);max-width:100px;overflow:hidden;text-overflow:ellipsis}@keyframes cursor-fade-in{0%{opacity:0}to{opacity:1}}.remote-cursor{animation:cursor-fade-in .15s ease-out}.copy-project-overlay{position:absolute;inset:0;background:#fff6;backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:var(--z-modal)}.copy-project-card{background:var(--text-inverse);padding:40px;border-radius:24px;box-shadow:0 20px 50px var(--shadow-overlay-light);max-width:400px;width:90%;text-align:center;border:1px solid var(--bg-primary)}.copy-icon-wrapper{width:64px;height:64px;background:var(--color-primary-light);border-radius:20px;display:flex;align-items:center;justify-content:center;margin:0 auto 24px;color:var(--color-primary)}.copy-project-title{font-size:24px;font-weight:800;color:var(--bg-surface);margin-bottom:8px}.copy-project-desc{font-size:15px;color:var(--text-secondary);line-height:1.5;margin-bottom:32px}.copy-btn{width:100%;background:var(--bg-surface);color:var(--text-inverse);padding:16px;border-radius:12px;font-weight:600;font-size:16px;border:none;cursor:pointer;transition:transform .1s,opacity .2s}.copy-btn:hover:not(:disabled){transform:scale(1.02)}.copy-btn:disabled{opacity:.7;cursor:not-allowed;transform:none}.copy-links{margin-top:20px;font-size:13px;color:var(--text-muted)}.copy-link-item{color:var(--text-secondary);text-decoration:none}.join-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg-primary);padding:var(--spacing-xl)}.join-card{background:var(--bg-surface);border-radius:var(--radius-xl);padding:var(--spacing-3xl);max-width:420px;width:100%;text-align:center;box-shadow:var(--shadow-md);border:1px solid var(--border-color)}.join-card h2{margin:var(--spacing-xl) 0 var(--spacing-md);font-size:var(--font-size-3xl);font-weight:var(--font-weight-semibold);color:var(--text-primary)}.join-card p{margin:0 0 var(--spacing-xl);font-size:var(--font-size-lg);color:var(--text-secondary);line-height:1.5}.join-spinner{width:48px;height:48px;border:3px solid var(--border-color);border-top-color:var(--color-primary);border-radius:var(--radius-full);animation:spin .8s linear infinite;margin:0 auto}@keyframes spin{to{transform:rotate(360deg)}}.join-icon{width:64px;height:64px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;margin:0 auto}.join-icon svg{width:32px;height:32px}.join-icon.success{background:var(--color-success-light);color:var(--color-success)}.join-icon.error{background:var(--color-danger-light);color:var(--color-danger)}.join-icon.login{background:var(--color-primary-light);color:var(--color-primary)}.join-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-xl);font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);border-radius:var(--radius-md);border:none;cursor:pointer;transition:all var(--transition-normal);min-width:160px}.join-btn.primary{background:var(--color-primary);color:var(--text-inverse)}.join-btn.primary:hover{background:var(--color-primary-hover)}.join-btn.secondary{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-color)}.join-btn.secondary:hover{background:var(--bg-tertiary)}.dark .join-page{background:var(--bg-primary)}.dark .join-card{background:var(--bg-surface);border-color:var(--border-color)}.dark .join-card h2{color:var(--text-primary)}.dark .join-card p{color:var(--text-secondary)}@media (max-width: 480px){.join-card{padding:var(--spacing-2xl) var(--spacing-xl)}.join-card h2{font-size:var(--font-size-2xl)}}.crash-recovery-modal-overlay{position:fixed;inset:0;background:var(--overlay-heavy);display:flex;align-items:center;justify-content:center;z-index:var(--z-emergency);backdrop-filter:blur(4px)}.crash-recovery-modal{background:var(--bg-primary, var(--text-inverse));border-radius:16px;padding:32px;max-width:420px;width:90%;text-align:center;box-shadow:0 20px 40px var(--shadow-overlay-lg)}.crash-modal-icon{width:56px;height:56px;background:var(--color-primary-light);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 20px;color:var(--color-primary)}.crash-recovery-modal h3{font-size:20px;font-weight:600;margin:0 0 12px;color:var(--text-primary, var(--bg-surface))}.crash-recovery-modal p{font-size:14px;color:var(--text-secondary, var(--text-secondary));margin:0 0 20px;line-height:1.5}.backup-details{display:flex;gap:16px;justify-content:center;padding:16px;background:var(--bg-secondary, var(--bg-primary));border-radius:8px;margin-bottom:24px}.backup-detail{display:flex;flex-direction:column;align-items:center;gap:4px}.detail-label{font-size:12px;color:var(--text-secondary, var(--text-secondary));text-transform:uppercase;letter-spacing:.5px}.detail-value{font-size:16px;font-weight:600;color:var(--text-primary, var(--bg-surface))}.crash-modal-actions{display:flex;gap:12px}.btn-discard{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 20px;border:1px solid var(--border-color, var(--border-color));background:var(--bg-primary, var(--text-inverse));border-radius:8px;font-weight:500;font-size:14px;cursor:pointer;transition:all .15s ease;color:var(--text-primary, var(--bg-surface))}.btn-discard:hover{background:var(--bg-secondary, var(--bg-primary));border-color:var(--color-danger);color:var(--color-danger)}.btn-recover{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 20px;border:none;background:var(--color-primary);color:var(--text-inverse);border-radius:8px;font-weight:500;font-size:14px;cursor:pointer;transition:all .15s ease}.btn-recover:hover{background:var(--color-primary)}.dark .crash-recovery-modal{background:var(--dark-bg-secondary, var(--bg-secondary))}.dark .crash-modal-icon{background:var(--color-primary-shadow-medium)}.dark .crash-recovery-modal h3{color:var(--dark-text-primary, var(--text-inverse))}.dark .backup-details{background:var(--dark-bg-tertiary, var(--bg-tertiary))}.dark .detail-value{color:var(--dark-text-primary, var(--text-inverse))}.dark .btn-discard{background:var(--dark-bg-tertiary, var(--bg-tertiary));border-color:var(--dark-border, var(--bg-tertiary));color:var(--dark-text-primary, var(--text-inverse))}.dark .btn-discard:hover{background:var(--color-danger-shadow-medium);border-color:var(--color-danger);color:var(--color-danger)}:root{--color-primary: #3b82f6;--color-primary-hover: #2563eb;--color-primary-light: #eff6ff;--color-primary-dark: #1d4ed8;--color-success: #16a34a;--color-success-hover: #15803d;--color-success-light: #dcfce7;--color-warning: #f59e0b;--color-warning-hover: #d97706;--color-warning-light: #fef3c7;--color-danger: #dc2626;--color-danger-hover: #b91c1c;--color-danger-light: #fee2e2;--color-purple: #7c3aed;--color-purple-hover: #6d28d9;--color-purple-light: #f5f3ff;--color-purple-border: #e9d5ff;--color-purple-shadow-light: rgba(124, 58, 237, .1);--color-purple-shadow-medium: rgba(124, 58, 237, .15);--color-success-light: #f0fdf4;--color-success-border: #bbf7d0;--color-gray-50: #f8fafc;--color-gray-100: #f1f5f9;--color-gray-200: #e2e8f0;--color-gray-300: #cbd5e1;--color-gray-400: #94a3b8;--color-gray-500: #64748b;--color-gray-600: #475569;--color-gray-700: #334155;--color-gray-800: #1e293b;--color-gray-900: #0f172a;--color-gray-950: #030712;--bg-surface: #ffffff;--bg-primary: var(--color-gray-50);--bg-secondary: var(--color-gray-50);--bg-tertiary: var(--color-gray-100);--bg-hover: var(--color-gray-100);--bg-disabled: var(--color-gray-100);--text-primary: var(--color-gray-800);--text-secondary: var(--color-gray-700);--text-tertiary: var(--color-gray-600);--text-muted: var(--color-gray-500);--text-disabled: var(--color-gray-400);--text-inverse: #ffffff;--text-on-primary: #ffffff;--border-color: var(--color-gray-200);--border-hover: var(--color-gray-300);--border-focus: var(--color-primary);--canvas-button-color: var(--color-gray-500);--canvas-button-hover-bg: var(--color-gray-100);--canvas-button-hover-color: var(--color-gray-800);--canvas-button-active-bg: var(--color-primary-light);--canvas-button-active-color: var(--color-primary-hover);--keyboard-shortcuts-bg: rgba(15, 23, 42, .95);--keyboard-shortcuts-text: #ffffff;--keyboard-section-color: var(--color-gray-400);--control-container-bg: #ffffff;--control-divider-color: var(--color-gray-200);--progress-bar-bg: var(--color-gray-200);--progress-bar-color: var(--color-primary);--edge-default-color: #9ca3af;--edge-selected-color: var(--color-primary);--edge-resource-color: #FBC02D;--edge-label-bg: rgba(255, 255, 255, .95);--edge-label-text: var(--text-primary);--edge-stroke-width: 2;--waypoint-color: #d1d5db;--waypoint-active-color: var(--color-primary);--waypoint-stroke: #ffffff;--badge-bg: #ffffff;--badge-border: var(--color-gray-200);--badge-icon-color: var(--color-gray-500);--ring-background: #e5e7eb;--status-success-bg: var(--color-success-light);--status-warning-bg: var(--color-warning-light);--status-danger-bg: var(--color-danger-light);--header-bg: #ffffff;--header-border: #e2e8f0;--header-text: var(--text-primary);--header-text-secondary: var(--text-secondary);--avatar-bg: #e2e8f0;--avatar-text: var(--text-primary);--account-menu-bg: #ffffff;--account-menu-border: #e2e8f0;--account-menu-hover: #f1f5f9;--mode-normal-color: var(--color-primary);--mode-normal-bg: var(--color-primary-light);--mode-experiment-color: var(--color-purple);--mode-experiment-bg: var(--color-purple-light);--mode-compare-color: var(--color-success);--mode-compare-bg: var(--color-success-light);--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 12px;--spacing-lg: 16px;--spacing-xl: 24px;--spacing-2xl: 32px;--spacing-3xl: 48px;--spacing-4xl: 64px;--btn-height-xs: 28px;--btn-height-sm: 32px;--btn-height-md: 36px;--btn-height-lg: 44px;--radius-xs: 2px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-2xl: 24px;--radius-full: 9999px;--shadow-xs: 0 1px 2px rgba(0, 0, 0, .05);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .1);--shadow-md: 0 4px 6px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px rgba(0, 0, 0, .15);--shadow-modal: 0 40px 100px -20px rgba(0, 0, 0, .25);--overlay-light: rgba(0, 0, 0, .1);--overlay-medium: rgba(0, 0, 0, .3);--overlay-dark: rgba(0, 0, 0, .4);--overlay-heavy: rgba(0, 0, 0, .5);--overlay-extra-heavy: rgba(0, 0, 0, .6);--shadow-overlay-xs: rgba(0, 0, 0, .05);--shadow-overlay-sm: rgba(0, 0, 0, .08);--shadow-overlay-md: rgba(0, 0, 0, .12);--shadow-overlay-lg: rgba(0, 0, 0, .2);--shadow-overlay-xl: rgba(0, 0, 0, .25);--overlay-card-button: rgba(255, 255, 255, .95);--overlay-card-button-dark: rgba(30, 30, 30, .95);--color-primary-shadow-subtle: rgba(59, 130, 246, .05);--color-primary-shadow-light: rgba(59, 130, 246, .1);--color-primary-shadow-medium: rgba(59, 130, 246, .15);--color-primary-shadow-dark: rgba(59, 130, 246, .2);--color-primary-shadow-darker: rgba(59, 130, 246, .3);--color-primary-shadow-heavy: rgba(59, 130, 246, .4);--color-success-shadow-subtle: rgba(22, 163, 74, .05);--color-success-shadow-light: rgba(22, 163, 74, .08);--color-success-shadow-medium: rgba(22, 163, 74, .12);--color-success-shadow-dark: rgba(22, 163, 74, .3);--color-success-border-light: rgba(22, 163, 74, .2);--color-danger-shadow-subtle: rgba(220, 38, 38, .05);--color-danger-shadow-light: rgba(220, 38, 38, .08);--color-danger-shadow-medium: rgba(220, 38, 38, .12);--color-danger-shadow-dark: rgba(220, 38, 38, .3);--color-danger-border-light: rgba(220, 38, 38, .2);--color-warning-shadow-light: rgba(245, 158, 11, .08);--color-warning-shadow-medium: rgba(245, 158, 11, .15);--color-warning-shadow-dark: rgba(245, 158, 11, .3);--focus-ring-primary: rgba(59, 130, 246, .08);--focus-ring-primary-md: rgba(59, 130, 246, .1);--focus-ring-primary-lg: rgba(59, 130, 246, .15);--focus-ring-primary-xl: rgba(59, 130, 246, .25);--focus-ring-success: rgba(22, 163, 74, .08);--focus-ring-danger: rgba(220, 38, 38, .08);--focus-ring-warning: rgba(245, 158, 11, .08);--font-family: "Inter", system-ui, -apple-system, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", monospace;--font-size-xs: 10px;--font-size-sm: 11px;--font-size-md: 12px;--font-size-lg: 14px;--font-size-xl: 16px;--font-size-2xl: 20px;--font-size-3xl: 24px;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--transition-fast: .1s ease;--transition-normal: .15s ease;--transition-moderate: .2s ease;--transition-slow: .3s ease;--transition-spring: .3s cubic-bezier(.4, 0, .2, 1);--z-dropdown: 100;--z-sticky: 200;--z-panel: 500;--z-modal-backdrop: 1000;--z-modal: 1001;--z-popover: 1100;--z-toast: 1200;--z-tooltip: 1300;--z-emergency: 9999}[data-theme=dark]{--bg-surface: var(--color-gray-800);--bg-secondary: var(--color-gray-900);--bg-hover: var(--color-gray-700);--text-primary: var(--color-gray-100);--text-secondary: var(--color-gray-400);--text-muted: var(--color-gray-500);--border-color: var(--color-gray-700);--border-hover: var(--color-gray-600)}:root{--btn-primary-bg: var(--color-primary);--btn-primary-hover-bg: var(--color-primary-hover);--btn-primary-active-bg: var(--color-primary-dark);--btn-primary-text: var(--text-inverse);--btn-primary-border: var(--color-primary);--btn-primary-shadow: 0 2px 4px rgba(59, 130, 246, .2);--btn-secondary-bg: var(--bg-surface);--btn-secondary-hover-bg: var(--bg-hover);--btn-secondary-text: var(--text-primary);--btn-secondary-border: var(--border-color);--btn-secondary-shadow: 0 1px 3px rgba(0, 0, 0, .05);--btn-danger-bg: var(--color-danger);--btn-danger-hover-bg: var(--color-danger-hover);--btn-danger-text: var(--text-inverse);--btn-danger-border: var(--color-danger);--btn-disabled-bg: var(--bg-disabled);--btn-disabled-text: var(--text-disabled);--btn-disabled-border: var(--border-color);--btn-disabled-opacity: .5;--modal-bg: var(--bg-surface);--modal-border: var(--border-color);--modal-text: var(--text-primary);--modal-subtitle: var(--text-secondary);--modal-shadow: 0 20px 25px -5px rgba(0, 0, 0, .1);--modal-backdrop: rgba(0, 0, 0, .5);--modal-header-bg: transparent;--modal-header-text: var(--text-primary);--modal-header-border: var(--border-color);--modal-footer-bg: var(--bg-secondary);--modal-footer-border: var(--border-color);--card-bg: var(--bg-surface);--card-border: var(--border-color);--card-text: var(--text-primary);--card-subtitle: var(--text-secondary);--card-shadow: 0 1px 3px rgba(0, 0, 0, .1);--card-hover-shadow: 0 4px 6px rgba(0, 0, 0, .1);--card-header-bg: transparent;--card-header-border: var(--border-color);--input-bg: var(--bg-surface);--input-border: var(--border-color);--input-text: var(--text-primary);--input-placeholder: var(--text-muted);--input-shadow: 0 1px 2px rgba(0, 0, 0, .05);--input-focus-border: var(--color-primary);--input-focus-shadow: 0 0 0 3px rgba(59, 130, 246, .1);--input-disabled-bg: var(--bg-disabled);--input-disabled-text: var(--text-disabled);--input-disabled-border: var(--border-color);--input-error-border: var(--color-danger);--input-error-bg: var(--bg-surface);--input-error-text: var(--color-danger);--input-error-shadow: 0 0 0 3px rgba(220, 38, 38, .1);--input-success-border: var(--color-success);--input-success-bg: var(--bg-surface);--input-success-shadow: 0 0 0 3px rgba(22, 163, 74, .1);--select-bg: var(--bg-surface);--select-border: var(--border-color);--select-text: var(--text-primary);--select-icon: var(--text-secondary);--select-hover-bg: var(--bg-hover);--select-open-border: var(--color-primary);--dropdown-bg: var(--bg-surface);--dropdown-border: var(--border-color);--dropdown-shadow: 0 10px 15px -3px rgba(0, 0, 0, .1);--dropdown-item-text: var(--text-primary);--dropdown-item-hover-bg: var(--bg-hover);--dropdown-item-active-bg: var(--color-primary-light);--dropdown-item-active-text: var(--color-primary);--tooltip-bg: rgba(0, 0, 0, .9);--tooltip-text: var(--text-inverse);--tooltip-border: transparent;--tooltip-shadow: 0 4px 6px rgba(0, 0, 0, .1);--badge-success-bg: var(--color-success-light);--badge-success-text: var(--color-success);--badge-success-border: var(--color-success);--badge-warning-bg: var(--color-warning-light);--badge-warning-text: var(--color-warning);--badge-warning-border: var(--color-warning);--badge-danger-bg: var(--color-danger-light);--badge-danger-text: var(--color-danger);--badge-danger-border: var(--color-danger);--badge-info-bg: var(--color-primary-light);--badge-info-text: var(--color-primary);--badge-info-border: var(--color-primary);--badge-default-bg: var(--bg-tertiary);--badge-default-text: var(--text-secondary);--badge-default-border: var(--border-color);--toast-success-bg: var(--color-success-light);--toast-success-text: var(--color-success);--toast-success-border: var(--color-success);--toast-warning-bg: var(--color-warning-light);--toast-warning-text: var(--color-warning);--toast-warning-border: var(--color-warning);--toast-error-bg: var(--color-danger-light);--toast-error-text: var(--color-danger);--toast-error-border: var(--color-danger);--toast-info-bg: var(--color-primary-light);--toast-info-text: var(--color-primary);--toast-info-border: var(--color-primary);--alert-success-bg: var(--color-success-light);--alert-success-text: var(--color-success);--alert-success-border: var(--color-success);--alert-warning-bg: var(--color-warning-light);--alert-warning-text: var(--color-warning);--alert-warning-border: var(--color-warning);--alert-error-bg: var(--color-danger-light);--alert-error-text: var(--color-danger);--alert-error-border: var(--color-danger);--validation-error-text: var(--color-danger);--validation-error-bg: var(--color-danger-light);--validation-warning-text: var(--color-warning);--validation-warning-bg: var(--color-warning-light);--validation-success-text: var(--color-success);--validation-success-bg: var(--color-success-light);--validation-info-text: var(--color-primary);--validation-info-bg: var(--color-primary-light);--help-tooltip-bg: rgba(0, 0, 0, .9);--help-tooltip-text: var(--text-inverse);--help-tooltip-icon: var(--text-inverse);--info-tooltip-bg: var(--bg-tertiary);--info-tooltip-text: var(--text-primary);--info-tooltip-border: var(--border-color);--info-tooltip-code-bg: var(--color-gray-100);--info-tooltip-code-text: var(--text-primary);--pagination-item-bg: var(--bg-surface);--pagination-item-border: var(--border-color);--pagination-item-text: var(--text-secondary);--pagination-item-hover-bg: var(--bg-hover);--pagination-active-bg: var(--color-primary);--pagination-active-text: var(--text-inverse);--pagination-disabled-text: var(--text-disabled);--tab-bg: transparent;--tab-text: var(--text-secondary);--tab-hover-text: var(--text-primary);--tab-active-text: var(--color-primary);--tab-active-border: var(--color-primary);--tab-border: var(--border-color);--breadcrumb-text: var(--text-secondary);--breadcrumb-link-text: var(--color-primary);--breadcrumb-separator: var(--text-muted);--breadcrumb-current-text: var(--text-primary);--sidebar-bg: var(--bg-surface);--sidebar-border: var(--border-color);--sidebar-text: var(--text-primary);--sidebar-item-hover-bg: var(--bg-hover);--sidebar-item-active-bg: var(--color-primary-light);--sidebar-item-active-text: var(--color-primary);--progress-bar-bg: var(--bg-tertiary);--progress-bar-fill: var(--color-primary);--progress-bar-fill-success: var(--color-success);--progress-bar-fill-warning: var(--color-warning);--progress-bar-fill-danger: var(--color-danger);--spinner-color: var(--color-primary);--spinner-bg: var(--bg-tertiary);--divider-color: var(--border-color);--divider-text: var(--text-muted);--checkbox-border: var(--border-color);--checkbox-bg: var(--bg-surface);--checkbox-hover-border: var(--color-primary);--checkbox-checked-bg: var(--color-primary);--checkbox-checked-border: var(--color-primary);--checkbox-disabled-bg: var(--bg-disabled);--checkbox-disabled-border: var(--border-color);--toggle-bg-off: var(--bg-tertiary);--toggle-bg-on: var(--color-primary);--toggle-switch-bg: var(--bg-surface);--toggle-disabled-bg: var(--bg-disabled);--search-bg: var(--bg-secondary);--search-border: var(--border-color);--search-icon: var(--text-muted);--search-text: var(--text-primary);--search-placeholder: var(--text-muted)}.dark{--bg-main: var(--color-gray-950);--bg-surface: var(--color-gray-800);--bg-primary: var(--color-gray-700);--bg-secondary: var(--color-gray-900);--bg-tertiary: var(--color-gray-700);--bg-hover: var(--color-gray-700);--bg-disabled: var(--color-gray-700);--text-primary: var(--color-gray-100);--text-secondary: var(--color-gray-400);--text-tertiary: var(--color-gray-500);--text-muted: var(--color-gray-500);--text-disabled: var(--color-gray-600);--border-color: var(--color-gray-700);--border-hover: var(--color-gray-600);--btn-primary-bg: var(--color-primary);--btn-primary-hover-bg: var(--color-primary-hover);--btn-primary-active-bg: var(--color-primary-dark);--btn-primary-text: white;--btn-primary-border: var(--color-primary);--btn-primary-shadow: 0 2px 4px rgba(0, 0, 0, .4);--btn-secondary-bg: var(--color-gray-700);--btn-secondary-hover-bg: var(--color-gray-600);--btn-secondary-text: var(--color-gray-100);--btn-secondary-border: var(--color-gray-600);--btn-secondary-shadow: 0 1px 3px rgba(0, 0, 0, .3);--btn-danger-bg: var(--color-danger);--btn-danger-hover-bg: var(--color-danger-hover);--btn-danger-text: white;--btn-danger-border: var(--color-danger);--btn-disabled-bg: var(--color-gray-700);--btn-disabled-text: var(--color-gray-600);--btn-disabled-border: var(--color-gray-600);--btn-disabled-opacity: .5;--modal-bg: var(--color-gray-800);--modal-border: var(--color-gray-700);--modal-text: var(--color-gray-100);--modal-subtitle: var(--color-gray-400);--modal-shadow: 0 20px 25px -5px rgba(0, 0, 0, .3);--modal-backdrop: rgba(0, 0, 0, .7);--modal-header-bg: transparent;--modal-header-text: var(--color-gray-100);--modal-header-border: var(--color-gray-700);--modal-footer-bg: var(--color-gray-900);--modal-footer-border: var(--color-gray-700);--card-bg: var(--color-gray-800);--card-border: var(--color-gray-700);--card-text: var(--color-gray-100);--card-subtitle: var(--color-gray-400);--card-shadow: 0 1px 3px rgba(0, 0, 0, .3);--card-hover-shadow: 0 4px 6px rgba(0, 0, 0, .2);--card-header-bg: transparent;--card-header-border: var(--color-gray-700);--input-bg: var(--color-gray-700);--input-border: var(--color-gray-600);--input-text: var(--color-gray-100);--input-placeholder: var(--color-gray-500);--input-shadow: 0 1px 2px rgba(0, 0, 0, .3);--input-focus-border: var(--color-primary);--input-focus-shadow: 0 0 0 3px rgba(59, 130, 246, .2);--input-disabled-bg: var(--color-gray-700);--input-disabled-text: var(--color-gray-600);--input-disabled-border: var(--color-gray-700);--input-error-border: var(--color-danger);--input-error-bg: var(--color-gray-700);--input-error-text: #ff9999;--input-error-shadow: 0 0 0 3px rgba(220, 38, 38, .2);--input-success-border: var(--color-success);--input-success-bg: var(--color-gray-700);--input-success-shadow: 0 0 0 3px rgba(22, 163, 74, .2);--select-bg: var(--color-gray-700);--select-border: var(--color-gray-600);--select-text: var(--color-gray-100);--select-icon: var(--color-gray-400);--select-hover-bg: var(--color-gray-600);--select-open-border: var(--color-primary);--dropdown-bg: var(--color-gray-800);--dropdown-border: var(--color-gray-700);--dropdown-shadow: 0 10px 15px -3px rgba(0, 0, 0, .5);--dropdown-item-text: var(--color-gray-100);--dropdown-item-hover-bg: var(--color-gray-700);--dropdown-item-active-bg: var(--color-primary);--dropdown-item-active-text: white;--tooltip-bg: rgba(30, 41, 59, .95);--tooltip-text: var(--color-gray-100);--tooltip-border: var(--color-gray-600);--tooltip-shadow: 0 4px 6px rgba(0, 0, 0, .3);--badge-success-bg: var(--color-success);--badge-success-text: white;--badge-success-border: var(--color-success);--badge-warning-bg: var(--color-warning);--badge-warning-text: white;--badge-warning-border: var(--color-warning);--badge-danger-bg: var(--color-danger);--badge-danger-text: white;--badge-danger-border: var(--color-danger);--badge-info-bg: var(--color-primary);--badge-info-text: white;--badge-info-border: var(--color-primary);--badge-default-bg: var(--color-gray-700);--badge-default-text: var(--color-gray-300);--badge-default-border: var(--color-gray-600);--toast-success-bg: var(--color-success);--toast-success-text: white;--toast-success-border: var(--color-success);--toast-warning-bg: var(--color-warning);--toast-warning-text: white;--toast-warning-border: var(--color-warning);--toast-error-bg: var(--color-danger);--toast-error-text: white;--toast-error-border: var(--color-danger);--toast-info-bg: var(--color-primary);--toast-info-text: white;--toast-info-border: var(--color-primary);--alert-success-bg: var(--color-success);--alert-success-text: white;--alert-success-border: var(--color-success);--alert-warning-bg: var(--color-warning);--alert-warning-text: white;--alert-warning-border: var(--color-warning);--alert-error-bg: var(--color-danger);--alert-error-text: white;--alert-error-border: var(--color-danger);--validation-error-text: #ff9999;--validation-error-bg: var(--color-danger);--validation-warning-text: #ffcc99;--validation-warning-bg: var(--color-warning);--validation-success-text: #99ff99;--validation-success-bg: var(--color-success);--validation-info-text: #99ccff;--validation-info-bg: var(--color-primary);--help-tooltip-bg: rgba(30, 41, 59, .95);--help-tooltip-text: var(--color-gray-100);--help-tooltip-icon: var(--color-gray-100);--info-tooltip-bg: var(--color-gray-700);--info-tooltip-text: var(--color-gray-100);--info-tooltip-border: var(--color-gray-600);--info-tooltip-code-bg: var(--color-gray-800);--info-tooltip-code-text: var(--color-gray-200);--pagination-item-bg: var(--color-gray-800);--pagination-item-border: var(--color-gray-700);--pagination-item-text: var(--color-gray-400);--pagination-item-hover-bg: var(--color-gray-700);--pagination-active-bg: var(--color-primary);--pagination-active-text: white;--pagination-disabled-text: var(--color-gray-600);--tab-bg: transparent;--tab-text: var(--color-gray-400);--tab-hover-text: var(--color-gray-200);--tab-active-text: var(--color-primary);--tab-active-border: var(--color-primary);--tab-border: var(--color-gray-700);--breadcrumb-text: var(--color-gray-400);--breadcrumb-link-text: var(--color-primary);--breadcrumb-separator: var(--color-gray-600);--breadcrumb-current-text: var(--color-gray-100);--sidebar-bg: var(--color-gray-800);--sidebar-border: var(--color-gray-700);--sidebar-text: var(--color-gray-100);--sidebar-item-hover-bg: var(--color-gray-700);--sidebar-item-active-bg: var(--color-primary);--sidebar-item-active-text: white;--progress-bar-fill: var(--color-primary);--progress-bar-fill-success: var(--color-success);--progress-bar-fill-warning: var(--color-warning);--progress-bar-fill-danger: var(--color-danger);--spinner-color: var(--color-primary);--spinner-bg: var(--color-gray-700);--divider-color: var(--color-gray-700);--divider-text: var(--color-gray-500);--checkbox-border: var(--color-gray-600);--checkbox-bg: var(--color-gray-700);--checkbox-hover-border: var(--color-primary);--checkbox-checked-bg: var(--color-primary);--checkbox-checked-border: var(--color-primary);--checkbox-disabled-bg: var(--color-gray-700);--checkbox-disabled-border: var(--color-gray-600);--toggle-bg-off: var(--color-gray-700);--toggle-bg-on: var(--color-primary);--toggle-switch-bg: var(--color-gray-600);--toggle-disabled-bg: var(--color-gray-700);--search-bg: var(--color-gray-700);--search-border: var(--color-gray-600);--search-icon: var(--color-gray-500);--search-text: var(--color-gray-100);--search-placeholder: var(--color-gray-500);--header-bg: var(--color-gray-900);--header-border: var(--color-gray-700);--header-text: var(--color-gray-100);--header-text-secondary: var(--color-gray-400);--avatar-bg: var(--color-gray-700);--avatar-text: var(--color-gray-100);--account-menu-bg: var(--color-gray-800);--account-menu-border: var(--color-gray-700);--account-menu-hover: var(--color-gray-700);--mode-normal-color: var(--color-primary);--mode-normal-bg: var(--color-primary);--mode-experiment-color: var(--color-purple);--mode-experiment-bg: var(--color-purple);--mode-compare-color: var(--color-success);--mode-compare-bg: var(--color-success);--canvas-button-color: var(--color-gray-400);--canvas-button-hover-bg: var(--color-gray-700);--canvas-button-hover-color: var(--color-gray-100);--canvas-button-active-bg: var(--color-primary);--canvas-button-active-color: var(--color-primary-light);--keyboard-shortcuts-bg: rgba(3, 7, 18, .95);--keyboard-shortcuts-text: var(--color-gray-100);--keyboard-section-color: var(--color-gray-400);--control-container-bg: var(--color-gray-800);--control-divider-color: var(--color-gray-700);--progress-bar-bg: var(--color-gray-700);--progress-bar-color: var(--color-primary);--edge-default-color: #9ca3af;--edge-selected-color: var(--color-primary);--edge-resource-color: #FBC02D;--edge-label-bg: rgba(30, 41, 59, .95);--edge-label-text: var(--text-primary);--edge-stroke-width: 2.5;--waypoint-color: #d1d5db;--waypoint-active-color: var(--color-primary);--waypoint-stroke: var(--color-gray-700);--badge-bg: var(--color-gray-700);--badge-border: var(--color-gray-600);--badge-icon-color: var(--color-gray-400);--ring-background: var(--color-gray-600)}.simply-node{background:var(--bg-surface);border-radius:var(--radius-lg);padding:0;box-shadow:0 4px 6px -1px var(--shadow-overlay-sm),0 2px 4px -1px var(--shadow-overlay-xs),inset 0 0 0 1px var(--shadow-overlay-xs);transition:all var(--transition-spring);display:flex;flex-direction:column;min-width:140px;width:fit-content;box-sizing:border-box;position:relative;border:1.5px solid var(--overlay-light)}.dark .simply-node{background:var(--color-gray-800);border:1.5px solid rgba(255,255,255,.15);box-shadow:0 4px 6px -1px var(--overlay-medium),0 2px 4px -1px var(--overlay-medium),inset 0 0 0 1px #ffffff0d}.simply-node:hover{box-shadow:0 10px 15px -3px var(--shadow-overlay-sm),0 4px 6px -2px var(--shadow-overlay-xs),inset 0 0 0 1px #fff9;border-color:#00000026}.dark .simply-node:hover{border-color:#fff3}.simply-node.selected{border-color:var(--accent);box-shadow:0 0 0 2px var(--bg-main),0 0 0 4px var(--accent),0 20px 25px -5px var(--shadow-overlay-sm);z-index:10;background:var(--bg-surface)}.dark .simply-node.selected{background:var(--color-gray-800)}.simply-node-agent.selected{border-color:var(--brand-secondary);box-shadow:0 0 0 2px var(--bg-main),0 0 0 4px var(--brand-secondary)}.simply-node-attribute.selected{border-color:var(--brand-primary);box-shadow:0 0 0 2px var(--bg-main),0 0 0 4px var(--brand-primary)}.simply-node-level.selected{border-color:var(--brand-tertiary);box-shadow:0 0 0 2px var(--bg-main),0 0 0 4px var(--brand-tertiary)}.simply-node.error{border-color:var(--color-danger)!important;box-shadow:0 0 0 2px var(--bg-main),0 0 0 4px var(--color-danger)!important}.node-header-inner{display:flex;align-items:center;justify-content:center;padding:0 var(--spacing-md);height:40px;width:100%}.node-label{font-weight:var(--font-weight-semibold);font-size:var(--font-size-md);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-left:var(--spacing-sm);color:var(--text-primary)}.tableau-group-header{cursor:grab}.tableau-group-header:active{cursor:grabbing}.tableau-group-btn{background:var(--bg-surface);border:1px solid var(--border-subtle, var(--border-color));border-radius:var(--radius-sm);width:26px;height:22px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-secondary);box-shadow:var(--shadow-xs);transition:all var(--transition-moderate);pointer-events:auto}.tableau-group-btn:hover{background:var(--bg-hover);color:var(--accent);box-shadow:var(--shadow-sm)}.tableau-group-btn-danger:hover{background:var(--color-danger-light);color:var(--color-danger);border-color:var(--color-danger-border)}.tableau-group-ghost-btn{background:transparent;border:none;padding:0;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-muted);transition:color var(--transition-moderate);pointer-events:auto;box-shadow:none!important}.tableau-group-ghost-btn:hover{color:var(--text-primary)}.tableau-group:hover{transform:none!important}.tableau-group.selected{box-shadow:var(--shadow-sm)!important}.layout-animating .react-flow__node{transition:transform .35s cubic-bezier(.4,0,.2,1),width .35s cubic-bezier(.4,0,.2,1),height .35s cubic-bezier(.4,0,.2,1)!important}.layout-animating .react-flow__edge-path{transition:d .35s cubic-bezier(.4,0,.2,1)}@keyframes pulse-green{0%{box-shadow:0 0 0 0 var(--color-success-shadow-dark)}70%{box-shadow:0 0 0 6px transparent}to{box-shadow:0 0 0 0 transparent}}@keyframes pulse-red{0%{box-shadow:0 0 0 0 var(--color-danger-shadow-dark)}70%{box-shadow:0 0 0 6px transparent}to{box-shadow:0 0 0 0 transparent}}@keyframes pulse-yellow{0%{box-shadow:0 0 0 0 var(--color-warning-shadow-dark)}70%{box-shadow:0 0 0 6px transparent}to{box-shadow:0 0 0 0 transparent}}.simply-node.status-processing{border-color:var(--color-success);animation:pulse-green 2s infinite}.simply-node.status-blocked{border-color:var(--color-danger);animation:pulse-red 2s infinite}.simply-node.status-starved,.simply-node.status-queue-warning{border-color:var(--color-warning);animation:pulse-yellow 2s infinite}.simply-node.status-queue-critical{border-color:var(--color-danger);animation:pulse-red 2s infinite}.simply-node.status-queue-warning.status-processing{border-color:var(--color-warning);animation:pulse-yellow 2s infinite}.simply-node.status-queue-critical.status-processing{border-color:var(--color-danger);animation:pulse-red 2s infinite}.simply-node-custom{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.simply-node-custom:hover{box-shadow:0 8px 24px var(--color-primary-shadow-dark),inset 0 1px #fffc}.simply-node-custom.selected{border-color:var(--color-primary)!important;box-shadow:0 0 0 2px var(--bg-main),0 0 0 4px var(--color-primary),0 8px 24px var(--color-primary-shadow-darker)}@keyframes pulse-blue{0%{box-shadow:0 0 0 0 var(--color-primary-shadow-heavy)}70%{box-shadow:0 0 0 8px transparent}to{box-shadow:0 0 0 0 transparent}}.simply-node-custom.status-processing{border-color:var(--color-primary);animation:pulse-blue 2s infinite}body,html,#root{--bg-main: var(--color-gray-50);--bg-surface: #ffffff;--bg-hover: var(--color-gray-100);--border-color: var(--color-gray-200);--text-primary: var(--color-gray-800);--text-secondary: var(--color-gray-500);--brand-primary: var(--color-primary);--brand-secondary: var(--color-success);--brand-tertiary: var(--color-primary);--accent: var(--brand-primary);--accent-hover: var(--color-primary-hover);--node-border-active: var(--brand-secondary);--node-border: var(--color-gray-600);--slot-empty: var(--overlay-light);--bg-resource: var(--color-warning-light);--text-resource: var(--color-warning);--bg-input: var(--bg-surface);--text-input: var(--color-gray-800);--input-border: var(--color-gray-200);margin:0;width:100%;height:100%;font-family:var(--font-family);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--bg-main);color:var(--text-primary);transition:background-color var(--transition-slow),color var(--transition-slow)}.app-container{width:100%;min-height:100vh;display:flex;flex-direction:column;background-color:var(--bg-main);transition:background-color var(--transition-slow)}.app-container.fixed-height{height:100vh;min-height:100vh;max-height:100vh;overflow:hidden}.glass-modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:var(--overlay-medium);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);z-index:var(--z-modal);display:flex;align-items:center;justify-content:center;animation:fadeInModal .2s ease-out;pointer-events:auto}.glass-modal-content{background:#ffffffe6;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.5);box-shadow:var(--shadow-modal);border-radius:var(--radius-2xl);display:flex;flex-direction:column;overflow:hidden;animation:modalPop .3s cubic-bezier(.16,1,.3,1)}@keyframes modalPop{0%{opacity:0;transform:scale(.95) translateY(15px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes fadeInModal{0%{opacity:0}to{opacity:1}}.dark{--bg-main: var(--color-gray-950);--bg-surface: var(--color-gray-800);--bg-secondary: var(--color-gray-900);--bg-tertiary: var(--color-gray-700);--bg-hover: var(--color-gray-700);--border-color: var(--color-gray-700);--border-hover: var(--color-gray-600);--text-primary: var(--color-gray-100);--text-secondary: var(--color-gray-400);--text-tertiary: var(--color-gray-500);--text-muted: var(--color-gray-500);--text-disabled: var(--color-gray-600);--accent: var(--color-primary-light);--accent-hover: var(--color-primary);--node-border: var(--color-gray-600);--shadow-sm: 0 1px 3px var(--overlay-heavy);--shadow-md: 0 4px 6px var(--overlay-medium);--slot-empty: rgba(255, 255, 255, .1);--bg-resource: var(--color-warning);--text-resource: var(--color-warning-light);--bg-input: var(--color-gray-700);--text-input: var(--color-gray-100);--input-border: var(--color-gray-600);--bg-disabled: var(--color-gray-700);--canvas-button-color: var(--color-gray-400);--canvas-button-hover-bg: var(--color-gray-700);--canvas-button-hover-color: var(--color-gray-100);--canvas-button-active-bg: var(--color-primary);--canvas-button-active-color: var(--color-primary-light);--keyboard-shortcuts-bg: rgba(3, 7, 18, .95);--keyboard-shortcuts-text: var(--color-gray-100);--keyboard-section-color: var(--color-gray-400);--control-container-bg: var(--color-gray-800);--control-divider-color: var(--color-gray-700);--progress-bar-bg: var(--color-gray-700);--progress-bar-color: var(--color-primary);--edge-default-color: var(--color-gray-500);--edge-selected-color: var(--color-primary);--edge-resource-color: #FBC02D;--edge-label-bg: rgba(30, 41, 59, .95);--edge-label-text: var(--color-gray-300);--waypoint-color: var(--color-gray-500);--waypoint-active-color: var(--color-primary);--waypoint-stroke: var(--color-gray-800);--badge-bg: var(--color-gray-700);--badge-border: var(--color-gray-600);--badge-icon-color: var(--color-gray-400);--ring-background: var(--color-gray-600);--header-bg: var(--color-gray-900);--header-border: var(--color-gray-700);--header-text: var(--color-gray-100);--header-text-secondary: var(--color-gray-400);--avatar-bg: var(--color-gray-700);--avatar-text: var(--color-gray-100);--account-menu-bg: var(--color-gray-800);--account-menu-border: var(--color-gray-700);--account-menu-hover: var(--color-gray-700);--mode-normal-color: var(--color-primary);--mode-normal-bg: var(--color-primary);--mode-experiment-color: var(--color-purple);--mode-experiment-bg: var(--color-purple);--mode-compare-color: var(--color-success);--mode-compare-bg: var(--color-success)}code{font-family:var(--font-mono)}svg{vertical-align:middle}svg.lucide{display:block}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spin{animation:spin 1s linear infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton{background:linear-gradient(90deg,var(--bg-primary) 25%,var(--border-color) 50%,var(--bg-primary) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius-sm)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@keyframes rainbow{0%{background-position:0% 82%}50%{background-position:100% 19%}to{background-position:0% 82%}}[data-tooltip]:hover:after{content:attr(data-tooltip);position:absolute;top:115%;left:50%;transform:translate(-50%);background:var(--overlay-extra-heavy);color:var(--text-inverse);padding:var(--spacing-sm) var(--spacing-sm);border-radius:var(--radius-sm);font-size:var(--font-size-md);white-space:normal;max-width:200px;text-align:center;pointer-events:none;z-index:var(--z-tooltip);font-weight:var(--font-weight-medium);line-height:1.4;box-shadow:var(--shadow-sm);backdrop-filter:blur(2px);animation:fadeIn .2s ease}[data-tooltip-pos=right]:hover:after{top:50%;left:105%;transform:translateY(-50%);bottom:auto}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.react-flow__handle{width:10px;height:10px;border-radius:var(--radius-full);border:2px solid var(--text-inverse);box-shadow:var(--shadow-xs);transition:all .3s cubic-bezier(.34,1.56,.64,1);top:50%;transform:translateY(-50%);z-index:10}.react-flow__handle-left{background:var(--color-success);left:-6px}.react-flow__handle-right{background:var(--color-danger);right:-6px}.react-flow__handle:hover{transform:translateY(-50%) scale(1.4);border-color:var(--text-inverse)}.react-flow__connection-path{stroke:var(--text-secondary);stroke-width:2px}.react-flow__handle.connecting{background:var(--color-danger);transform:translateY(-50%) scale(1.2)}.react-flow__handle.react-flow__handle-valid{background:var(--color-success);transform:translateY(-50%) scale(1.2)}.control-bar{display:inline-flex;align-items:center;gap:var(--spacing-sm);background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--spacing-xs);box-shadow:var(--shadow-sm);height:var(--btn-height-lg);width:max-content;max-width:100%}.param-pill{display:flex;align-items:center;gap:var(--spacing-sm);background:var(--bg-hover);border:1px solid transparent;border-radius:var(--radius-md);padding:0 var(--spacing-sm);height:var(--btn-height-md);transition:all var(--transition-moderate);cursor:default;flex:0 0 auto;width:fit-content}.param-pill.is-editable:hover,.param-pill.is-editable:focus-within{background:var(--bg-surface);border-color:var(--accent);box-shadow:var(--shadow-xs);cursor:text}.param-pill.is-locked{background:transparent;opacity:1}.param-pill.is-locked .input-wrapper input{cursor:default;color:var(--text-primary)}.input-wrapper{display:grid;grid-template-areas:"stack";width:fit-content;min-width:0}.input-wrapper span,.input-wrapper input{grid-area:stack;font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);font-family:var(--font-family);padding:0;border:none;outline:none;background:transparent;text-align:center;color:var(--text-primary);min-width:30px}.input-wrapper span{visibility:hidden;white-space:pre;pointer-events:none}.input-wrapper input::-webkit-outer-spin-button,.input-wrapper input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.label-text{font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}.unit-text{font-size:var(--font-size-sm);color:var(--text-muted);font-weight:var(--font-weight-medium);white-space:nowrap}.divider{width:1px;height:20px;background:var(--border-color);margin:0 var(--spacing-xs)}.node-resizable:after{content:"";position:absolute;bottom:var(--spacing-xs);right:var(--spacing-xs);width:10px;height:10px;background:linear-gradient(135deg,transparent 0%,transparent 50%,var(--text-muted) 50%,var(--text-muted) 100%);cursor:nwse-resize;pointer-events:none}.react-flow__node.selected{box-shadow:none!important}.react-flow__node:focus,.react-flow__node.selected:focus{outline:none!important;box-shadow:none!important}button:focus-visible,[role=button]:focus-visible,[tabindex]:focus-visible:not([tabindex="-1"]),a:focus-visible,select:focus-visible,.sidebar-item:focus-visible,.account-menu-item:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;border-radius:var(--radius-sm)}input:focus-visible,textarea:focus-visible{outline:none;box-shadow:0 0 0 2px var(--color-primary);border-color:var(--color-primary)}.mode-card:focus-visible,.strategy-card:focus-visible,.preset-card:focus-visible,.quick-add-item:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.skip-link{position:absolute;top:-100%;left:var(--spacing-lg);z-index:var(--z-emergency);padding:var(--spacing-md) var(--spacing-xl);background:var(--color-primary);color:var(--text-inverse);font-weight:var(--font-weight-semibold);border-radius:var(--radius-md);text-decoration:none;transition:top var(--transition-moderate)}.skip-link:focus{top:var(--spacing-lg)}