@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}}.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(--color-gray-100);color:var(--text-primary);border:1px solid var(--border-color)}.btn-secondary:hover:not(:disabled){background:var(--color-gray-200);border-color:var(--border-hover)}.btn-secondary:active:not(:disabled){background:var(--color-gray-300)}.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-secondary{background:var(--color-gray-700);border-color:var(--border-color)}.dark .btn-secondary:hover:not(:disabled){background:var(--color-gray-600);border-color:var(--border-hover)}.dark .btn-secondary:active:not(:disabled){background:var(--color-gray-500)}.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)}.base-modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:var(--overlay-heavy, rgba(0, 0, 0, .5));display:flex;justify-content:center;align-items:center;z-index:var(--z-modal-backdrop, 1000);animation:baseModalFadeIn .2s ease-out}.base-modal-overlay--elevated{z-index:var(--z-modal-nested, 2000)}.base-modal{background:var(--bg-surface, #ffffff);border-radius:16px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 20px 60px var(--shadow-overlay-lg, rgba(0, 0, 0, .2));animation:baseModalSlideUp .2s ease-out;outline:none}.base-modal--small{width:400px;max-width:90vw}.base-modal--medium{width:500px;max-width:90vw}.base-modal--large{width:700px;max-width:90vw}.base-modal--fullscreen{width:95vw;height:95vh;max-width:none;max-height:none;border-radius:12px}.base-modal__header{display:flex;justify-content:space-between;align-items:flex-start;padding:20px 24px 16px;border-bottom:1px solid var(--border-subtle, #e2e8f0);flex-shrink:0}.base-modal__title-group{flex:1;min-width:0}.base-modal__title{margin:0;font-size:1.25rem;font-weight:600;color:var(--text-primary, #1e293b);line-height:1.3}.base-modal__subtitle{margin:4px 0 0;font-size:.875rem;color:var(--text-secondary, #64748b);line-height:1.4}.base-modal__close{flex-shrink:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:8px;color:var(--text-secondary, #64748b);cursor:pointer;transition:all .15s ease;margin-left:12px}.base-modal__close:hover{background:var(--bg-secondary, #f1f5f9);color:var(--text-primary, #1e293b)}.base-modal__close:focus-visible{outline:2px solid var(--focus-ring, #3b82f6);outline-offset:2px}.base-modal__body{flex:1;overflow-y:auto;padding:20px 24px;min-height:0}.base-modal__footer{padding:16px 24px 20px;border-top:1px solid var(--border-subtle, #e2e8f0);flex-shrink:0}.base-modal-footer-content{display:flex;gap:12px}.base-modal-footer--left{justify-content:flex-start}.base-modal-footer--center{justify-content:center}.base-modal-footer--right{justify-content:flex-end}.base-modal-footer--between{justify-content:space-between}.base-modal-btn{padding:10px 20px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .15s ease;border:none;display:inline-flex;align-items:center;justify-content:center;gap:8px}.base-modal-btn:disabled{opacity:.5;cursor:not-allowed}.base-modal-btn--primary{background:var(--brand-primary, #3b82f6);color:#fff}.base-modal-btn--primary:hover:not(:disabled){background:var(--brand-primary-hover, #2563eb)}.base-modal-btn--secondary{background:var(--bg-secondary, #f1f5f9);color:var(--text-primary, #1e293b)}.base-modal-btn--secondary:hover:not(:disabled){background:var(--bg-tertiary, #e2e8f0)}.base-modal-btn--danger{background:var(--danger, #ef4444);color:#fff}.base-modal-btn--danger:hover:not(:disabled){background:var(--danger-hover, #dc2626)}.base-modal-btn:focus-visible{outline:2px solid var(--focus-ring, #3b82f6);outline-offset:2px}@keyframes baseModalFadeIn{0%{opacity:0}to{opacity:1}}@keyframes baseModalSlideUp{0%{transform:translateY(12px);opacity:0}to{transform:translateY(0);opacity:1}}@media(max-width:480px){.base-modal--small,.base-modal--medium,.base-modal--large{width:95vw;max-height:95vh;border-radius:12px}.base-modal__header{padding:16px 20px 12px}.base-modal__body{padding:16px 20px}.base-modal__footer{padding:12px 20px 16px}.base-modal-footer-content{flex-direction:column}.base-modal-btn{width:100%}}.contact-support-modal-wrapper .category-selector{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:20px}.contact-support-modal-wrapper .category-option{display:flex;flex-direction:column;align-items:center;gap:6px;padding:14px 8px;background:var(--bg-secondary, #f1f5f9);border:2px solid transparent;border-radius:10px;cursor:pointer;transition:all .15s ease;text-align:center;--category-color: var(--accent-primary)}.contact-support-modal-wrapper .category-option:hover{background:var(--bg-tertiary, #e2e8f0);border-color:var(--border-light, #e2e8f0)}.contact-support-modal-wrapper .category-option.selected{background:color-mix(in srgb,var(--category-color) 8%,transparent);border-color:var(--category-color)}.contact-support-modal-wrapper .category-option.category-bug{--category-color: var(--color-danger)}.contact-support-modal-wrapper .category-option.category-feature{--category-color: var(--color-warning)}.contact-support-modal-wrapper .category-option.category-support{--category-color: var(--accent-primary)}.contact-support-modal-wrapper .category-option.category-enterprise{--category-color: var(--color-purple)}.contact-support-modal-wrapper .category-option svg{color:var(--text-muted, #94a3b8);transition:color .15s ease}.contact-support-modal-wrapper .category-option.selected svg{color:var(--category-color)}.contact-support-modal-wrapper .category-label{font-size:12px;font-weight:600;color:var(--text-primary, #1e293b);line-height:1.2}.contact-support-modal-wrapper .category-description{font-size:11px;color:var(--text-muted, #94a3b8);line-height:1.3}.contact-support-modal-wrapper form{display:flex;flex-direction:column;gap:0}.contact-support-modal-wrapper .form-group{margin-bottom:16px}.contact-support-modal-wrapper .form-group label{display:block;font-size:13px;font-weight:600;color:var(--text-primary, #1e293b);margin-bottom:6px}.contact-support-modal-wrapper .form-group input[type=text],.contact-support-modal-wrapper .form-group textarea{width:100%;padding:10px 12px;font-size:14px;font-family:inherit;border:1.5px solid var(--border-light, #e2e8f0);border-radius:8px;background:var(--bg-primary, #ffffff);color:var(--text-primary, #1e293b);transition:border-color .15s ease,box-shadow .15s ease;resize:vertical;box-sizing:border-box}.contact-support-modal-wrapper .form-group input::placeholder,.contact-support-modal-wrapper .form-group textarea::placeholder{color:var(--text-muted, #94a3b8)}.contact-support-modal-wrapper .form-group input:hover:not(:disabled),.contact-support-modal-wrapper .form-group textarea:hover:not(:disabled){border-color:var(--border-medium, #cbd5e1)}.contact-support-modal-wrapper .form-group input:focus,.contact-support-modal-wrapper .form-group textarea:focus{outline:none;border-color:var(--accent-primary, var(--color-primary, #3b82f6));box-shadow:0 0 0 3px var(--color-primary-shadow-xs, rgba(59, 130, 246, .1))}.contact-support-modal-wrapper .form-group textarea{min-height:110px}.contact-support-modal-wrapper .char-count{font-size:11px;color:var(--text-muted, #94a3b8);text-align:right;margin-top:4px}.contact-support-modal-wrapper .checkbox-label{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text-secondary, #64748b);cursor:pointer;margin-bottom:16px}.contact-support-modal-wrapper .checkbox-label input[type=checkbox]{width:16px;height:16px;accent-color:var(--accent-primary, var(--color-primary, #3b82f6));cursor:pointer;flex-shrink:0}.contact-support-modal-wrapper .form-error{display:flex;align-items:center;gap:8px;padding:10px 12px;background:#ef44440f;border:1px solid rgba(239,68,68,.15);border-radius:8px;color:var(--color-error, #ef4444);font-size:13px;margin-bottom:12px}.contact-support-modal-wrapper .btn-secondary{padding:10px 18px;font-size:14px;font-weight:500;border:1.5px solid var(--border-light, #e2e8f0);border-radius:8px;background:var(--bg-primary, #ffffff);color:var(--text-primary, #1e293b);cursor:pointer;transition:all .15s ease}.contact-support-modal-wrapper .btn-secondary:hover:not(:disabled){background:var(--bg-secondary, #f1f5f9)}.contact-support-modal-wrapper .btn-primary{padding:10px 20px;font-size:14px;font-weight:600;border:none;border-radius:8px;background:var(--accent-primary, var(--color-primary, #3b82f6));color:#fff;cursor:pointer;display:inline-flex;align-items:center;gap:6px;transition:all .15s ease}.contact-support-modal-wrapper .btn-primary:hover:not(:disabled){filter:brightness(1.08)}.contact-support-modal-wrapper .btn-primary:disabled{opacity:.5;cursor:not-allowed}.contact-support-modal-wrapper .support-footer{margin-top:4px;padding:12px 14px;background:var(--bg-secondary, #f1f5f9);border-radius:8px;text-align:center}.contact-support-modal-wrapper .support-footer p{font-size:12px;color:var(--text-muted, #94a3b8);margin:0}.contact-support-modal-wrapper .support-footer a{color:var(--accent-primary, var(--color-primary, #3b82f6));text-decoration:none;font-weight:500}.contact-support-modal-wrapper .support-footer a:hover{text-decoration:underline}.contact-support-modal-wrapper.success-state .success-content{padding:32px 8px;text-align:center}.contact-support-modal-wrapper .success-icon{width:64px;height:64px;background:var(--color-success, #22c55e);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 20px}.contact-support-modal-wrapper .success-content h2{font-size:20px;font-weight:700;color:var(--text-primary, #1e293b);margin:0 0 8px}.contact-support-modal-wrapper .success-content p{font-size:14px;color:var(--text-secondary, #64748b);margin:0 0 6px;line-height:1.5}.contact-support-modal-wrapper .success-email-note{font-size:13px;color:var(--text-muted, #94a3b8);margin-top:12px}.contact-support-modal-wrapper .email-warning{color:var(--color-warning, #f59e0b);font-size:13px;margin-top:8px}.contact-support-modal-wrapper .email-warning-icon{display:inline;vertical-align:middle;margin-right:4px}.contact-support-modal-wrapper .success-content .btn-primary{margin-top:20px;background:var(--color-success, #22c55e)}.contact-support-modal-wrapper .spin{animation:contactSpin .8s linear infinite}@keyframes contactSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.dark .contact-support-modal-wrapper .category-option{background:var(--bg-secondary, #1e293b)}.dark .contact-support-modal-wrapper .category-option:hover{background:var(--bg-tertiary, #334155);border-color:var(--bg-tertiary, #334155)}.dark .contact-support-modal-wrapper .category-option.selected{background:color-mix(in srgb,var(--category-color) 12%,var(--bg-surface, #0f172a))}.dark .contact-support-modal-wrapper .category-label{color:var(--text-primary, #f1f5f9)}.dark .contact-support-modal-wrapper .category-description{color:var(--text-muted, #64748b)}.dark .contact-support-modal-wrapper .form-group label{color:var(--text-primary, #f1f5f9)}.dark .contact-support-modal-wrapper .form-group input[type=text],.dark .contact-support-modal-wrapper .form-group textarea{background:var(--bg-secondary, #1e293b);border-color:var(--bg-tertiary, #334155);color:var(--text-primary, #f1f5f9)}.dark .contact-support-modal-wrapper .form-group input::placeholder,.dark .contact-support-modal-wrapper .form-group textarea::placeholder{color:var(--text-muted, #64748b)}.dark .contact-support-modal-wrapper .form-group input:hover:not(:disabled),.dark .contact-support-modal-wrapper .form-group textarea:hover:not(:disabled){border-color:var(--border-color, #475569)}.dark .contact-support-modal-wrapper .form-group input:focus,.dark .contact-support-modal-wrapper .form-group textarea:focus{background:var(--bg-secondary, #1e293b);border-color:var(--accent-primary, var(--color-primary, #3b82f6))}.dark .contact-support-modal-wrapper .checkbox-label{color:var(--text-muted, #64748b)}.dark .contact-support-modal-wrapper .btn-secondary{background:var(--bg-secondary, #1e293b);border-color:var(--bg-tertiary, #334155);color:var(--text-primary, #f1f5f9)}.dark .contact-support-modal-wrapper .btn-secondary:hover:not(:disabled){background:var(--bg-tertiary, #334155)}.dark .contact-support-modal-wrapper .support-footer{background:var(--bg-tertiary, #334155)}.dark .contact-support-modal-wrapper .support-footer p{color:var(--text-muted, #64748b)}.dark .contact-support-modal-wrapper .form-error{background:#ef44441a;border-color:#ef444433}@media(max-width:480px){.contact-support-modal-wrapper .category-selector{grid-template-columns:1fr;gap:8px}.contact-support-modal-wrapper .category-option{flex-direction:row;padding:10px 14px;gap:10px;text-align:left}.contact-support-modal-wrapper .category-option svg{flex-shrink:0}}.shortcuts-modal-content{padding:0}.shortcuts-platform-note{padding:10px 14px;background:var(--bg-secondary, #f1f5f9);border-radius:8px;margin-bottom:20px;font-size:13px;color:var(--text-secondary, #64748b)}.shortcuts-platform-note kbd{background:var(--bg-surface, white);border:1px solid var(--border-color, #e2e8f0);border-radius:4px;padding:1px 5px;font-family:inherit;font-size:12px;margin:0 2px}.shortcuts-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.shortcuts-category{margin-bottom:0}.shortcuts-category--full{grid-column:1 / -1}.shortcuts-category-title{font-size:11px;font-weight:700;color:var(--text-tertiary, #94a3b8);text-transform:uppercase;letter-spacing:.6px;margin:0 0 8px;padding-bottom:6px;border-bottom:1px solid var(--border-color, #e2e8f0)}.shortcuts-list{display:flex;flex-direction:column;gap:2px}.shortcut-row{display:flex;align-items:center;justify-content:space-between;padding:6px 8px;border-radius:6px;transition:background .15s ease;gap:16px;border:1px solid transparent}.shortcut-row:hover{background:var(--bg-secondary, #f1f5f9)}.shortcut-row--rebindable{cursor:pointer}.shortcut-row--rebindable:hover{background:var(--bg-secondary, #f0f4f8)}.shortcut-row--capturing{border-color:var(--color-primary, #3b82f6);background:#3b82f60f;animation:pulse-bg 1.5s ease-in-out infinite}@keyframes pulse-bg{0%,to{background:#3b82f60a}50%{background:#3b82f61a}}.shortcut-capture-prompt{font-style:italic;font-size:12px;color:var(--color-primary, #3b82f6);animation:pulse-opacity 1.2s ease-in-out infinite}@keyframes pulse-opacity{0%,to{opacity:1}50%{opacity:.5}}.shortcut-description{font-size:13px;color:var(--text-primary, #1e293b);white-space:nowrap;display:flex;align-items:center}.shortcut-context{font-size:11px;color:var(--text-tertiary, #94a3b8);margin-left:6px}.shortcut-custom-dot{display:inline-block;width:6px;height:6px;background:var(--color-primary, #3b82f6);border-radius:50%;margin-right:6px;flex-shrink:0}.shortcut-keys{display:flex;align-items:center;gap:3px;flex-shrink:0;margin-left:auto}.shortcut-key{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:24px;padding:0 6px;background:var(--bg-surface, white);border:1px solid var(--border-color, #d1d5db);border-bottom-width:2px;border-radius:5px;font-family:system-ui,-apple-system,sans-serif;font-size:11px;font-weight:600;color:var(--text-secondary, #475569)}.key-separator{color:var(--text-tertiary, #94a3b8);font-size:10px;font-weight:500;margin:0 1px}.shortcut-reset-btn{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;padding:0;margin-left:4px;background:none;border:none;border-radius:4px;cursor:pointer;color:var(--text-tertiary, #94a3b8);opacity:.5;transition:opacity .15s ease,color .15s ease}.shortcut-reset-btn:hover{opacity:1;color:var(--text-primary, #1e293b)}.shortcut-conflict-warning{display:flex;align-items:center;justify-content:space-between;padding:6px 10px;margin:2px 0 4px;border-radius:6px;background:#f59e0b14;border:1px solid rgba(245,158,11,.25);font-size:12px;color:#b45309;gap:12px}.shortcut-conflict-actions{display:flex;gap:6px;flex-shrink:0}.shortcut-conflict-actions button{padding:3px 10px;border-radius:4px;font-size:11px;font-weight:600;cursor:pointer;border:1px solid var(--border-color, #d1d5db);background:var(--bg-surface, white);color:var(--text-primary, #1e293b);transition:background .15s ease}.shortcut-conflict-actions button:first-child{background:var(--color-primary, #3b82f6);border-color:var(--color-primary, #3b82f6);color:#fff}.shortcut-conflict-actions button:hover{opacity:.85}.shortcuts-reset-all-container{display:flex;justify-content:center;margin-top:20px;padding-top:16px;border-top:1px solid var(--border-color, #e2e8f0)}.shortcuts-reset-all{display:inline-flex;align-items:center;gap:6px;padding:6px 16px;font-size:12px;font-weight:500;color:var(--text-secondary, #64748b);background:none;border:1px solid var(--border-color, #d1d5db);border-radius:6px;cursor:pointer;transition:background .15s ease,color .15s ease}.shortcuts-reset-all:hover{background:var(--bg-secondary, #f1f5f9);color:var(--text-primary, #1e293b)}.dark .shortcuts-platform-note{background:var(--dark-bg-tertiary, #1e293b)}.dark .shortcuts-platform-note kbd{background:var(--dark-bg-surface, #0f172a);border-color:var(--dark-border, #334155)}.dark .shortcuts-category-title{color:var(--dark-text-tertiary, #64748b);border-color:var(--dark-border, #334155)}.dark .shortcut-row:hover,.dark .shortcut-row--rebindable:hover{background:var(--dark-bg-tertiary, #1e293b)}.dark .shortcut-row--capturing{background:#3b82f61a;border-color:var(--color-primary, #3b82f6)}@keyframes pulse-bg-dark{0%,to{background:#3b82f614}50%{background:#3b82f629}}.dark .shortcut-row--capturing{animation-name:pulse-bg-dark}.dark .shortcut-key{background:var(--dark-bg-tertiary, #1e293b);border-color:var(--dark-border, #475569);color:var(--dark-text-secondary, #94a3b8)}.dark .shortcut-description{color:var(--dark-text-primary, #f1f5f9)}.dark .shortcut-reset-btn{color:var(--dark-text-tertiary, #64748b)}.dark .shortcut-reset-btn:hover{color:var(--dark-text-primary, #f1f5f9)}.dark .shortcut-conflict-warning{background:#f59e0b1f;border-color:#f59e0b4d;color:#fbbf24}.dark .shortcut-conflict-actions button{background:var(--dark-bg-tertiary, #1e293b);border-color:var(--dark-border, #475569);color:var(--dark-text-primary, #f1f5f9)}.dark .shortcut-conflict-actions button:first-child{background:var(--color-primary, #3b82f6);border-color:var(--color-primary, #3b82f6);color:#fff}.dark .shortcuts-reset-all-container{border-color:var(--dark-border, #334155)}.dark .shortcuts-reset-all{color:var(--dark-text-secondary, #94a3b8);border-color:var(--dark-border, #475569)}.dark .shortcuts-reset-all:hover{background:var(--dark-bg-tertiary, #1e293b);color:var(--dark-text-primary, #f1f5f9)}@media(max-width:600px){.shortcuts-grid{grid-template-columns:1fr}.shortcut-row{padding:8px}}.offline-banner{position:fixed;top:0;left:0;right:0;z-index:var(--z-toast, 9999);background:var(--color-warning, #f59e0b);color:#78350f;padding:10px 16px;display:flex;align-items:center;justify-content:center;gap:8px;font-size:14px;font-weight:500;animation:slideDown .3s ease}.offline-banner-content{display:flex;align-items:center;gap:8px}.offline-banner-dismiss{position:absolute;right:16px;background:transparent;border:none;color:#78350f;font-size:20px;cursor:pointer;padding:0 4px;opacity:.7;transition:opacity .2s}.offline-banner-dismiss:hover{opacity:1}.online-banner{position:fixed;top:0;left:0;right:0;z-index:var(--z-toast, 9999);background:var(--color-success, #10b981);color:#fff;padding:10px 16px;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:500;animation:slideDownFadeOut 3s ease forwards}.online-banner-content{display:flex;align-items:center;gap:8px}@keyframes slideDown{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideDownFadeOut{0%{transform:translateY(-100%);opacity:0}15%{transform:translateY(0);opacity:1}85%{transform:translateY(0);opacity:1}to{transform:translateY(-100%);opacity:0}}.dark .offline-banner{background:#b45309;color:#fef3c7}.dark .offline-banner-dismiss{color:#fef3c7}.dark .online-banner{background:#059669}.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-error-id{font-size:12px;color:var(--text-tertiary, #94a3b8);margin:0 0 16px;font-family:SF Mono,Consolas,Monaco,monospace}.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-btn-report{background:transparent;color:var(--color-primary, #4361ee);font-size:13px;padding:8px 16px;margin-bottom:8px}.error-boundary-btn-report:hover{color:var(--color-primary-hover, #3b55d9);text-decoration:underline}.error-boundary-btn-reset{background:transparent;color:var(--text-tertiary, #94a3b8);font-size:13px;padding:8px 16px}.error-boundary-btn-reset:hover{color:var(--text-secondary, #64748b)}.error-boundary-reported{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--color-success, #22c55e);margin:0 0 16px;font-weight:500}.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)}.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)}}.create-ai-view{display:flex;flex-direction:column;height:100%;max-width:640px;margin:0 auto;padding:0;overflow:hidden}.ai-landing{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:32px;padding:0 24px}.ai-hero{text-align:center;padding:0}.ai-hero-logo{width:36px;height:36px;object-fit:contain;margin-bottom:16px;opacity:.5}.ai-hero-icon{display:inline-flex;align-items:center;justify-content:center;width:64px;height:64px;background:var(--color-primary);border-radius:16px;color:var(--text-inverse);margin-bottom:20px;box-shadow:0 8px 24px var(--color-primary-shadow-dark)}.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:26px;font-weight:700;margin:0 0 8px;color:var(--text-primary);letter-spacing:-.02em}.ai-hero p{font-size:14px;color:var(--text-muted);margin:0 auto;max-width:360px;line-height:1.5}.ai-examples{width:100%;max-width:460px}.examples-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.example-card{display:flex;align-items:center;gap:8px;padding:10px 12px;background:var(--bg-surface);border:1px solid var(--border-color);border-radius:8px;cursor:pointer;transition:all .15s ease;text-align:left}.example-card:hover{border-color:var(--color-primary);background:var(--color-primary-light)}.example-card:hover .example-icon{background:var(--color-primary);color:#fff}.example-card:hover .example-arrow{opacity:1;color:var(--color-primary)}.example-icon{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:6px;background:var(--bg-hover);color:var(--text-muted);flex-shrink:0;transition:all .15s ease}.example-title{flex:1;font-size:12.5px;font-weight:500;color:var(--text-primary)}.example-arrow{color:var(--text-muted);opacity:0;flex-shrink:0;transition:opacity .15s,transform .15s}.example-card:hover .example-arrow{transform:translate(2px)}.ai-chat{flex:1;display:flex;flex-direction:column;min-height:0;overflow:hidden;padding:0 24px}.chat-messages{flex:1;overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column;gap:0;padding:16px 0 4px;scrollbar-width:thin;scrollbar-color:var(--border-color) transparent}.chat-messages::-webkit-scrollbar{width:4px}.chat-messages::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}.chat-message{animation:messageIn .2s ease-out}@keyframes messageIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.chat-message.user{display:flex;justify-content:flex-end;padding:4px 0}.chat-message.user .message-content{background:var(--color-primary);color:#fff;border-radius:12px 12px 4px;padding:10px 14px;max-width:80%}.chat-message.assistant{padding:8px 0}.chat-message.assistant .message-content{color:var(--text-primary);padding:6px 0 6px 12px;border-left:2px solid var(--color-primary)}.message-text{font-size:13.5px;line-height:1.6;white-space:pre-wrap}.message-image{max-width:100%;max-height:180px;border-radius:8px;margin-bottom:8px;object-fit:cover}.message-loading{display:flex;align-items:center;gap:8px;color:var(--text-muted);font-size:13px;font-style:italic}.message-actions{margin-top:10px}.ai-input-section{flex-shrink:0;padding:12px 24px 24px}.ai-experimental-row{display:flex;flex-direction:column;gap:4px;margin:-2px 0 10px;padding:8px 10px;border:1px solid var(--border-color);border-radius:8px;background:var(--bg-surface)}.ai-experimental-toggle{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:600;color:var(--text-primary)}.ai-experimental-toggle input{width:14px;height:14px;accent-color:var(--color-primary)}.ai-experimental-note{font-size:11px;color:var(--text-muted);line-height:1.4}.input-image-preview{position:relative;width:fit-content;margin-bottom:10px}.input-image-preview img{max-width:160px;max-height:100px;border-radius:8px;object-fit:cover}.remove-image{position:absolute;top:-6px;right:-6px;width:20px;height:20px;background:var(--color-danger);color:#fff;border:none;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center}.input-form{display:flex;flex-direction:column;gap:0;background:var(--bg-surface);border:1.5px solid var(--border-color);border-radius:12px;overflow:hidden;transition:border-color .2s ease,box-shadow .2s ease}.input-form:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 2px #3b82f614}.ai-input-section.sending .input-form{border-color:var(--color-primary);box-shadow:0 0 0 2px #3b82f61f}.input-form .text-input{width:100%;min-height:64px;max-height:160px;padding:12px 14px 4px;border:none;background:transparent;font-size:14px;line-height:1.55;resize:none;overflow-y:auto;outline:none;color:var(--text-primary);font-family:inherit;box-sizing:border-box}.input-form .text-input::placeholder{color:var(--text-muted)}.input-form .text-input:disabled{opacity:.5}.input-form .text-input:focus,.input-form .text-input:focus-visible{outline:none;box-shadow:none;border-color:transparent}.input-footer{display:flex;align-items:center;justify-content:flex-end;gap:4px;padding:4px 6px 6px}.upload-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;background:transparent;color:var(--text-muted);cursor:pointer;border-radius:6px;transition:all .15s}.upload-btn:hover{background:var(--bg-hover);color:var(--text-secondary)}.wm-indicator{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:6px;border:1px solid var(--color-primary);background:color-mix(in srgb,var(--color-primary) 10%,transparent);color:var(--color-primary);user-select:none}.input-footer .ai-pro-toggle{display:flex;align-items:center;gap:4px;height:28px;padding:0 8px;border-radius:6px;border:1px solid var(--border-color);background:var(--bg-surface);color:var(--text-muted);font-size:11px;font-weight:600;cursor:pointer;transition:all .15s ease;white-space:nowrap;margin-right:auto}.input-footer .ai-pro-toggle:hover:not(:disabled){border-color:var(--color-purple);color:var(--color-purple)}.input-footer .ai-pro-toggle.active{border-color:var(--color-purple);background:color-mix(in srgb,var(--color-purple) 10%,transparent);color:var(--color-purple)}.input-footer .ai-pro-toggle:disabled{opacity:.5;cursor:not-allowed}.send-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;background:var(--color-primary);color:#fff;border-radius:8px;cursor:pointer;transition:all .15s}.send-btn:hover:not(:disabled){background:var(--color-primary-hover)}.send-btn:disabled{opacity:.35;cursor:not-allowed}.generation-progress{display:flex;flex-direction:column;gap:10px;padding:20px 24px;animation:fadeIn .3s ease}.progress-bar-container{width:100%;height:4px;background:var(--border-color);border-radius:2px;overflow:hidden}.progress-bar-fill{height:100%;background:linear-gradient(90deg,var(--color-primary),var(--color-purple));border-radius:2px;transition:width .6s ease;position:relative}.progress-bar-fill:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.35) 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:6px;font-size:12px;color:var(--text-muted)}.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:22px;font-weight:700;color:var(--text-primary);margin:0 0 8px}.success-subtitle{font-size:14px;color:var(--text-secondary);margin:0 0 24px;max-width:400px}.validation-summary{width:min(100%,480px);display:flex;flex-direction:column;align-items:flex-start;gap:10px;padding:16px 18px;background:var(--bg-secondary, var(--bg-primary));border:1px solid var(--border-color);border-radius:10px;margin-bottom:28px;text-align:left;box-sizing:border-box}.validation-title{margin:0;font-size:13px;font-weight:700;color:var(--text-primary)}.validation-list{width:100%;margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:6px}.validation-item{display:flex;align-items:flex-start;gap:8px;font-size:13px;line-height:1.45;color:var(--text-secondary)}.validation-item svg{flex-shrink:0;margin-top:2px;color:var(--color-success)}.success-actions{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}.guest-upgrade-card{max-width:400px;background:var(--bg-surface);border:1px solid var(--border-color);border-radius:16px;padding:32px;text-align:center;box-shadow:0 4px 24px var(--shadow-overlay-xs)}.guest-upgrade-card .btn{margin-left:auto;margin-right:auto}.guest-upgrade-card h3{font-size:20px;font-weight:700;color:var(--text-primary);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);margin-bottom:8px}.guest-upgrade-benefits li:last-child{margin-bottom:0}.guest-upgrade-benefits li svg{color:var(--color-primary);flex-shrink:0}.guest-upgrade-note{font-size:13px;color:var(--text-muted);margin:16px 0 0}.guest-upgrade-note a{color:var(--color-primary);text-decoration:none;font-weight:500}.guest-upgrade-note a:hover{text-decoration:underline}.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);margin:0 0 20px;max-width:400px}.dark .ai-hero h1{color:var(--text-primary)}.dark .ai-hero p{color:var(--text-muted)}.dark .example-card{background:var(--bg-secondary);border-color:var(--border-color)}.dark .example-card:hover{background:#3b82f61a;border-color:var(--color-primary)}.dark .example-icon{background:var(--bg-hover);color:var(--text-muted)}.dark .example-card:hover .example-icon{background:var(--color-primary);color:#fff}.dark .chat-message.assistant .message-content{color:var(--text-primary)}.dark .input-form{background:var(--bg-secondary);border-color:var(--border-color)}.dark .input-form:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 2px #3b82f626}.dark .input-form .text-input{color:var(--text-primary)}.dark .progress-bar-container{background:var(--bg-hover)}.dark .success-state h2{color:var(--text-primary)}.dark .success-subtitle{color:var(--text-muted)}.dark .validation-summary,.dark .guest-upgrade-card{background:var(--bg-secondary);border-color:var(--border-color)}.dark .guest-upgrade-benefits li{background:var(--bg-hover);color:var(--text-muted)}.dark .generation-error{background:#ef44441a}@media(max-width:768px){.ai-landing{padding:0 16px;gap:24px}.ai-hero h1{font-size:22px}.ai-hero p{font-size:13px}.examples-grid{grid-template-columns:repeat(2,1fr)}.ai-input-section{padding:12px 16px 20px}.chat-message.user .message-content{max-width:88%}}@media(max-width:480px){.examples-grid{grid-template-columns:repeat(2,1fr);gap:6px}.example-card{padding:8px 10px}.example-title{font-size:11.5px}.success-state h2{font-size:20px}.success-actions{flex-direction:column;width:100%}}.upgrade-momentum{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-radius:10px;margin-bottom:20px;gap:12px;transition:all .2s ease}.upgrade-momentum--info{background:color-mix(in srgb,var(--color-primary) 8%,var(--bg-primary));border:1px solid color-mix(in srgb,var(--color-primary) 20%,transparent)}.upgrade-momentum--warning{background:color-mix(in srgb,var(--color-warning) 8%,var(--bg-primary));border:1px solid color-mix(in srgb,var(--color-warning) 20%,transparent)}.upgrade-momentum--urgent{background:color-mix(in srgb,var(--color-danger) 8%,var(--bg-primary));border:1px solid color-mix(in srgb,var(--color-danger) 20%,transparent)}.upgrade-momentum--celebration{background:color-mix(in srgb,var(--color-success) 8%,var(--bg-primary));border:1px solid color-mix(in srgb,var(--color-success) 20%,transparent)}.upgrade-momentum__content{display:flex;align-items:center;gap:12px;flex:1;min-width:0}.upgrade-momentum__icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:8px;flex-shrink:0}.upgrade-momentum--info .upgrade-momentum__icon{background:color-mix(in srgb,var(--color-primary) 15%,transparent);color:var(--color-primary)}.upgrade-momentum--warning .upgrade-momentum__icon{background:color-mix(in srgb,var(--color-warning) 15%,transparent);color:var(--color-warning)}.upgrade-momentum--urgent .upgrade-momentum__icon{background:color-mix(in srgb,var(--color-danger) 15%,transparent);color:var(--color-danger)}.upgrade-momentum--celebration .upgrade-momentum__icon{background:color-mix(in srgb,var(--color-success) 15%,transparent);color:var(--color-success)}.upgrade-momentum__text{display:flex;flex-direction:column;gap:2px;min-width:0}.upgrade-momentum__title{font-size:14px;font-weight:600;color:var(--text-primary)}.upgrade-momentum__description{font-size:13px;color:var(--text-secondary)}.upgrade-momentum__actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.upgrade-momentum__cta{display:flex;align-items:center;gap:6px;padding:8px 16px;border:none;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:all .15s ease;background:var(--color-primary);color:var(--text-inverse)}.upgrade-momentum__cta:hover{opacity:.9;transform:translateY(-1px)}.upgrade-momentum__dismiss{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;border-radius:6px;background:transparent;color:var(--text-tertiary);cursor:pointer;transition:background .15s ease}.upgrade-momentum__dismiss:hover{background:var(--bg-secondary);color:var(--text-secondary)}.dark .upgrade-momentum--info{background:color-mix(in srgb,var(--color-primary) 10%,var(--bg-secondary));border-color:color-mix(in srgb,var(--color-primary) 25%,transparent)}.dark .upgrade-momentum--warning{background:color-mix(in srgb,var(--color-warning) 10%,var(--bg-secondary));border-color:color-mix(in srgb,var(--color-warning) 25%,transparent)}.dark .upgrade-momentum--urgent{background:color-mix(in srgb,var(--color-danger) 10%,var(--bg-secondary));border-color:color-mix(in srgb,var(--color-danger) 25%,transparent)}.dark .upgrade-momentum--celebration{background:color-mix(in srgb,var(--color-success) 10%,var(--bg-secondary));border-color:color-mix(in srgb,var(--color-success) 25%,transparent)}.dark .upgrade-momentum__title{color:var(--text-primary)}.dark .upgrade-momentum__description{color:var(--text-muted)}.dark .upgrade-momentum__dismiss:hover{background:var(--bg-tertiary)}@media(max-width:768px){.upgrade-momentum{flex-direction:column;align-items:stretch;gap:10px}.upgrade-momentum__actions{justify-content:flex-end}}.create-new-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;min-height:200px;background:var(--bg-primary, var(--text-inverse));border:2px dashed var(--border-color, var(--border-color));border-radius:12px;cursor:pointer;transition:all .2s ease;padding:24px;box-sizing:border-box}.create-new-card:hover{border-color:var(--accent-color, var(--color-primary));background:var(--bg-secondary, var(--bg-primary))}.create-new-icon{width:56px;height:56px;border-radius:50%;background:var(--accent-bg, var(--color-primary-light));color:var(--accent-color, var(--color-primary));display:flex;align-items:center;justify-content:center;transition:all .2s ease}.create-new-card:hover .create-new-icon{transform:scale(1.1);background:var(--accent-color, var(--color-primary));color:var(--text-inverse)}.create-new-label{font-size:16px;font-weight:600;color:var(--text-secondary, var(--text-secondary));transition:color .2s ease}.create-new-card:hover .create-new-label{color:var(--accent-color, var(--color-primary))}.dark .create-new-card{background:var(--dark-bg-secondary, var(--bg-secondary));border-color:var(--dark-border, var(--bg-tertiary))}.dark .create-new-card:hover{background:var(--bg-tertiary);border-color:var(--accent-color, var(--color-primary))}.dark .create-new-label{color:var(--dark-text-secondary, var(--text-muted))}.dark .create-new-card:hover .create-new-label{color:var(--accent-color, var(--color-primary))}.create-new-card-compact{gap:8px;min-height:unset;padding:20px}.create-new-card-compact .create-new-icon{width:48px;height:48px}.create-new-card-compact .create-new-label{font-size:15px}@media(max-width:768px){.create-new-card{min-height:180px;padding:20px}.create-new-icon{width:48px;height:48px}.create-new-label{font-size:14px}.create-new-card-compact .create-new-icon{width:40px;height:40px}}.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-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:20px 16px 12px}.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}.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:14px 12px 8px}.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:14px 12px 8px}.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;align-items:stretch}.learning-path-section{margin-top:16px}.learning-path-cards{display:flex;gap:16px}.learning-path-card{flex:1;display:flex;align-items:center;gap:16px;padding:20px;background:var(--bg-primary, var(--text-inverse));border:1px solid var(--border-color, var(--border-color));border-radius:12px;cursor:pointer;transition:all .15s ease;text-align:left}.learning-path-card:hover{background:var(--bg-secondary, var(--bg-primary));border-color:var(--accent-color, var(--color-primary))}.learning-card-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.learning-card-icon.fundamentals{background:#10b9811a;color:#10b981}.learning-card-icon.healthcare{background:#ef44441a;color:#ef4444}.learning-card-icon.manufacturing{background:#8b5cf61a;color:#8b5cf6}.learning-card-icon.service{background:#f59e0b1a;color:#f59e0b}.learning-card-icon.logistics{background:#3b82f61a;color:#3b82f6}.learning-card-content{flex:1}.learning-card-content h3{font-size:15px;font-weight:600;margin:0 0 4px;color:var(--text-primary, var(--bg-surface))}.learning-card-content p{font-size:13px;color:var(--text-secondary, var(--text-secondary));margin:0}.learning-card-arrow{color:var(--text-tertiary, var(--text-muted));flex-shrink:0;transition:transform .15s ease}.learning-path-card:hover .learning-card-arrow{transform:translate(4px)}.dark .learning-path-card{background:var(--dark-bg-secondary, var(--bg-secondary));border-color:var(--dark-border, var(--bg-tertiary))}.dark .learning-path-card:hover{background:var(--bg-tertiary);border-color:var(--accent-color, var(--color-primary))}.dark .learning-card-content h3{color:var(--dark-text-primary, var(--text-inverse))}.dark .learning-card-content p{color:var(--dark-text-secondary, var(--text-muted))}.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-primary: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 .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))}@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}.learning-path-cards{flex-direction:column;gap:12px}.learning-path-card{padding:16px}.learning-card-icon{width:40px;height:40px}.learning-card-content h3{font-size:14px}.learning-card-content p{font-size: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{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}}.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;box-sizing:border-box;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-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.sidebar.sidebar-collapsed .sidebar-header{flex-direction:column;gap:8px}.sidebar-collapse-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;border:none;background:transparent;border-radius:6px;cursor:pointer;color:var(--text-muted, var(--text-tertiary));transition:background var(--transition-normal),color var(--transition-normal);flex-shrink:0}.sidebar-collapse-btn:hover{background:var(--bg-hover, var(--bg-secondary));color:var(--text-secondary)}.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.sidebar-collapsed .sidebar-item.sidebar-item-search{padding:10px;background:var(--bg-secondary, var(--bg-primary));border:1px solid var(--border-light, var(--bg-secondary))}.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.sidebar-item-search{min-height:42px;border:1px solid var(--border-light, var(--bg-secondary));background:linear-gradient(180deg,var(--bg-secondary, var(--bg-primary)) 0%,var(--bg-primary, var(--text-inverse)) 100%);color:var(--text-primary, var(--bg-surface))}.sidebar-item.sidebar-item-search .sidebar-icon{color:var(--accent-primary, var(--color-primary))}.sidebar-item.sidebar-item-search .sidebar-label{font-weight:600}.sidebar-search-shortcut{margin-left:auto;font-size:11px;font-weight:600;line-height:1;padding:5px 8px;border-radius:999px;border:1px solid var(--border-light, var(--bg-secondary));background:var(--bg-primary, var(--text-inverse));color:var(--text-muted, var(--text-tertiary))}.sidebar-item.sidebar-item-search:hover{border-color:var(--accent-primary, var(--color-primary));background:linear-gradient(180deg,var(--bg-primary, var(--text-inverse)) 0%,var(--bg-secondary, var(--bg-primary)) 100%);box-shadow:0 4px 12px var(--shadow-overlay-xs);transform:translateY(-1px)}.sidebar-item.sidebar-item-search:focus-visible{outline:none;border-color:var(--accent-primary, var(--color-primary));box-shadow:0 0 0 3px var(--color-primary-shadow-xs)}.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-collapse-btn{color:var(--text-muted)}.dark .sidebar-collapse-btn:hover{background:var(--bg-secondary);color:var(--text-secondary)}.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-item.sidebar-item-search{background:linear-gradient(180deg,var(--bg-secondary) 0%,var(--bg-surface) 100%);border-color:var(--bg-tertiary)}.dark .sidebar-item.sidebar-item-search:hover{border-color:var(--color-primary);background:linear-gradient(180deg,var(--bg-surface) 0%,var(--bg-secondary) 100%)}.dark .sidebar-search-shortcut{background:var(--bg-tertiary);border-color:var(--bg-tertiary);color:var(--text-secondary)}.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:flex-start;padding:10px 12px;border:none;background:transparent;border-radius:8px;cursor:pointer;transition:background var(--transition-normal)}.sidebar.sidebar-collapsed .sidebar-logo{justify-content:center;padding:10px}.sidebar-logo:hover{background:var(--bg-hover, var(--bg-secondary))}.sidebar-logo-icon{width:40px;height:40px;object-fit:contain}.sidebar-logo-full{height:40px;width:auto;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:linear-gradient(135deg,var(--color-primary) 0%,#5e6ad2 100%);box-shadow:inset 0 0 0 1px #ffffff40;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{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:linear-gradient(135deg,var(--color-primary) 0%,#5e6ad2 100%);box-shadow:inset 0 0 0 1px #ffffff40;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)}.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:nowrap;flex:0 1 auto;min-width:0;margin-left:auto}.simulations-primary-controls{display:flex;align-items:center;gap:10px;flex:0 1 auto;min-width:0;max-width:none}.simulations-secondary-controls{display:flex;align-items:center;gap:12px;flex:0 0 auto;margin-left:auto}.new-simulation-btn{flex:0 0 auto}.new-simulation-btn.btn.btn-md{height:42px;min-height:42px;padding:0 18px;font-size:14px}.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-height:42px;min-width:260px;width:clamp(280px,34vw,520px);flex:0 1 auto}.search-box svg{color:var(--text-tertiary, var(--text-muted))}.search-box:focus-within{border-color:var(--accent-primary, var(--color-primary));box-shadow:0 0 0 3px var(--color-primary-shadow-xs);background:var(--bg-primary, var(--text-inverse))}.search-box input{border:none;background:none;outline:none;font-size:14px;flex:1;min-width:0;color:var(--text-primary, var(--bg-surface))}.search-box input:focus,.search-box input:focus-visible{outline:none!important;border:none!important;box-shadow:none!important}.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;min-height:42px}.simulations-secondary-controls .view-hint{display:none}.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 .search-box input{color:var(--text-primary)}.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)}@media(max-width:1280px){.simulations-controls{flex-wrap:wrap}}@media(max-width:960px){.simulations-controls{width:100%;margin-left:0;min-width:0;gap:10px}.simulations-primary-controls{width:100%;min-width:0}.simulations-secondary-controls{width:100%;margin-left:0;justify-content:space-between}.search-box{width:100%;min-width:0;flex:1 1 auto}}@media(max-width:720px){.simulations-header{align-items:flex-start}.simulations-secondary-controls{flex-wrap:wrap;justify-content:flex-start}.sort-select{min-width:170px}}.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(--text-primary)}.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(--text-primary);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(--text-primary);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-upgrade-intent{display:grid;gap:14px;margin-bottom:16px;padding:18px;border-radius:16px;border:1px solid var(--border-color, var(--border-color));background:radial-gradient(circle at top right,rgba(255,255,255,.55),transparent 38%),linear-gradient(135deg,#0f766e14,#c2410c14)}.template-upgrade-intent-pro{border-color:#0f766e29}.template-upgrade-intent-team{border-color:#15803d29;background:radial-gradient(circle at top right,rgba(255,255,255,.55),transparent 38%),linear-gradient(135deg,#15803d14,#1e293b14)}.template-upgrade-intent-copy{display:flex;flex-direction:column;gap:8px}.template-upgrade-intent-eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text-secondary, var(--text-muted))}.template-upgrade-intent h2{margin:0;font-size:20px;font-weight:700;color:var(--text-primary, var(--bg-surface))}.template-upgrade-intent p{margin:0;font-size:14px;line-height:1.5;color:var(--text-secondary, var(--text-muted))}.template-upgrade-intent-details{display:flex;flex-direction:column;gap:12px}.template-upgrade-intent-features{display:flex;flex-wrap:wrap;gap:8px}.template-upgrade-feature{display:inline-flex;align-items:center;padding:6px 10px;border-radius:999px;background:#ffffffbf;border:1px solid rgba(255,255,255,.9);font-size:12px;font-weight:600;color:var(--text-primary, var(--bg-surface))}.template-upgrade-intent-recommendations{display:flex;flex-direction:column;gap:8px}.template-upgrade-intent-label{font-size:12px;font-weight:700;color:var(--text-secondary, var(--text-muted))}.template-upgrade-intent-templates{display:flex;flex-wrap:wrap;gap:8px}.template-upgrade-template-link{border:1px solid rgba(15,23,42,.08);background:#ffffffe0;color:var(--text-primary, var(--bg-surface));border-radius:999px;padding:8px 12px;font-size:13px;font-weight:600;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.template-upgrade-template-link:hover{border-color:var(--accent-primary, var(--color-primary));box-shadow:0 8px 18px #0f172a14;transform:translateY(-1px)}.template-upgrade-intent-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.template-controls{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.template-search{flex:1 1 340px;display:flex;align-items:center;gap:8px;min-height:40px;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,.template-search-icon{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:focus,.template-search input:focus-visible{outline:none!important;border:none!important;box-shadow:none!important}.template-search input::placeholder{color:var(--text-tertiary, var(--text-muted))}.clear-search{width:24px;height:24px;background:transparent;border:none;padding:0;cursor:pointer;color:var(--text-tertiary, var(--text-muted));border-radius:6px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.clear-search:hover{color:var(--text-primary, var(--bg-surface));background:var(--bg-secondary, var(--bg-primary))}.template-select{min-height:40px;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));box-shadow:0 0 0 3px var(--color-primary-shadow-xs)}.template-toolbar-meta{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:10px}.template-results-count{font-size:13px;font-weight:500;color:var(--text-secondary, var(--text-muted))}.template-active-filters{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}.template-filter-chip{font-size:12px;line-height:1;padding:6px 10px;border-radius:999px;background:var(--bg-secondary, var(--bg-primary));border:1px solid var(--border-color, var(--border-color));color:var(--text-secondary, var(--text-muted))}.clear-filters-inline{font-size:12px;font-weight:600;color:var(--accent-primary, var(--color-primary));border:none;background:transparent;cursor:pointer;padding:4px 2px}.clear-filters-inline:hover{text-decoration:underline}.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)}.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)}.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-primary, var(--bg-surface));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-primary, var(--bg-surface));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{position:relative;width:100%;max-width:560px;max-height:90vh;background:var(--bg-primary, var(--text-inverse));border-radius:16px;overflow-y:auto;padding:24px;animation:slideUp .3s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.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-hero{position:relative;background:linear-gradient(135deg,#6366f108,#8b5cf605);border:1px solid var(--border-color);border-radius:16px;padding:40px;margin-bottom:16px;display:flex;align-items:center;justify-content:center;min-height:320px}.modal-preview-hero .preview-placeholder.hero{width:400px;height:240px}.preview-metadata{position:absolute;bottom:16px;right:16px;display:flex;gap:8px}.category-tag{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.6px;color:var(--text-secondary);background:var(--bg-primary, var(--text-inverse));padding:6px 12px;border-radius:16px;border:1px solid var(--border-color);box-shadow:0 2px 8px #00000014}.template-modal h2{font-size:24px;font-weight:700;margin:0 0 8px;color:var(--text-primary, var(--bg-surface));text-align:center}.modal-subtitle{font-size:15px;color:var(--text-primary, var(--bg-surface));margin:0 0 24px}.modal-description{font-size:15px;line-height:1.6;color:var(--text-secondary);margin:0 0 24px}.modal-actions{display:flex;gap:12px;padding-top:20px}.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-upgrade-intent{background:radial-gradient(circle at top right,rgba(255,255,255,.06),transparent 38%),linear-gradient(135deg,#0d94881f,#b453091f);border-color:#94a3b833}.dark .template-upgrade-intent-team{background:radial-gradient(circle at top right,rgba(255,255,255,.06),transparent 38%),linear-gradient(135deg,#16a34a1f,#3341552e)}.dark .template-upgrade-feature,.dark .template-upgrade-template-link{background:#0f172a99;border-color:#94a3b83d;color:var(--dark-text-primary, var(--text-inverse))}.dark .template-search input{background:transparent;border:none;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 .template-modal h2{color:var(--dark-text-primary, var(--text-inverse))}.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}.template-controls{gap:10px}.template-upgrade-intent{padding:16px}.template-upgrade-intent-actions .btn{width:100%}.template-select{flex:1 1 calc(50% - 5px);min-width:0}.template-toolbar-meta{flex-direction:column;align-items:flex-start}.template-active-filters{justify-content:flex-start}.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%}}.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))}.trash-item-thumbnail{width:80px;height:56px;flex-shrink:0;border-radius:6px;background:var(--bg-secondary, var(--bg-primary));display:flex;align-items:center;justify-content:center;overflow:hidden;color:var(--text-tertiary, var(--text-muted))}.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,.dark .trash-item-thumbnail{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-wrap:wrap}.trash-item-thumbnail{width:56px;height:40px}.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;align-items:center}.delete-modal-actions>:last-child{margin-left:auto}.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)}.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-promo{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:48px 24px;max-width:800px;margin:0 auto;gap:40px}.promo-hero{display:flex;flex-direction:column;align-items:center;gap:16px}.promo-icon-cluster{position:relative;display:inline-flex}.promo-icon-main{width:96px;height:96px;border-radius:24px;background:linear-gradient(135deg,var(--color-primary),var(--color-primary-hover));display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 12px 32px #6366f14d}.promo-sparkle{position:absolute;top:-6px;right:-6px;color:var(--color-warning, #f59e0b);animation:sparkle-pulse 2s ease-in-out infinite}@keyframes sparkle-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.1)}}.promo-title{font-size:32px;font-weight:700;color:var(--text-primary);margin:0;letter-spacing:-.02em}.promo-subtitle{font-size:18px;color:var(--text-secondary);margin:0;max-width:500px;line-height:1.6}.promo-features{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;width:100%}.promo-feature{display:flex;flex-direction:column;align-items:center;gap:8px;padding:24px 16px;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:12px;transition:all .2s ease}.promo-feature:hover{border-color:var(--color-primary);background:var(--bg-surface, var(--bg-secondary));transform:translateY(-2px);box-shadow:0 4px 12px #00000014}.promo-feature-icon{width:48px;height:48px;border-radius:10px;background:var(--color-primary-light, rgba(99, 102, 241, .1));color:var(--color-primary);display:flex;align-items:center;justify-content:center}.promo-feature h3{font-size:15px;font-weight:600;color:var(--text-primary);margin:0}.promo-feature p{font-size:13px;color:var(--text-secondary);margin:0;line-height:1.4}.promo-cta{display:flex;flex-direction:column;align-items:center;gap:12px;padding-top:16px}.promo-btn-primary{display:flex;align-items:center;justify-content:center;gap:10px;padding:16px 32px;background:linear-gradient(135deg,var(--color-primary),var(--color-primary-hover));color:#fff;border:none;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 16px #6366f14d}.promo-btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 24px #6366f166}.promo-btn-primary:active{transform:translateY(0)}.promo-pricing{font-size:14px;color:var(--text-secondary);margin:0}.promo-pricing-detail{color:var(--text-muted)}.dark .promo-icon-main{background:linear-gradient(135deg,var(--color-primary),var(--color-primary-light))}.dark .promo-feature{background:var(--bg-secondary);border-color:var(--border-color)}.dark .promo-feature:hover{background:var(--bg-tertiary);border-color:var(--color-primary)}.dark .promo-feature-icon{background:#6366f126}@media(max-width:900px){.promo-features{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.workspaces-promo{padding:32px 16px}.promo-title{font-size:24px}.promo-subtitle{font-size:16px}.promo-features{grid-template-columns:1fr}.promo-feature{flex-direction:row;text-align:left;gap:16px}.promo-feature-icon{flex-shrink:0}.promo-btn-primary{width:100%}}.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-updated svg{width:11px;height:11px;flex-shrink:0}.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}}.seat-management{display:flex;flex-direction:column;gap:20px}.seat-header{display:flex;align-items:center;gap:12px}.seat-header-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--color-primary-light);border-radius:10px;color:var(--accent-primary, var(--color-primary))}.seat-header-content h4{margin:0 0 4px;font-size:16px;font-weight:600;color:var(--text-primary)}.seat-header-content p{margin:0;font-size:14px;color:var(--text-secondary)}.seat-usage-bar-container{display:flex;flex-direction:column;gap:8px}.seat-usage-bar{height:8px;background:var(--border-color);border-radius:4px;overflow:hidden}.seat-usage-bar-fill{height:100%;background:var(--color-success);border-radius:4px;transition:width .3s ease,background .3s ease}.seat-usage-bar-fill[data-usage=medium]{background:var(--color-warning)}.seat-usage-bar-fill[data-usage=high]{background:var(--color-danger)}.seat-usage-labels{display:flex;justify-content:space-between;font-size:12px;color:var(--text-secondary)}.seat-breakdown{padding:16px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:10px}.seat-breakdown h5{margin:0 0 12px;font-size:13px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.seat-breakdown-list{display:flex;flex-direction:column;gap:8px}.seat-breakdown-item{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background:var(--bg-primary);border-radius:6px}.seat-breakdown-name{font-size:14px;font-weight:500;color:var(--text-primary)}.seat-breakdown-count{font-size:13px;color:var(--text-secondary)}.seat-adjustment{display:flex;flex-direction:column;gap:16px}.seat-adjustment h5{margin:0;font-size:13px;font-weight:600;color:var(--text-secondary)}.seat-adjuster{display:flex;align-items:center;justify-content:center;gap:16px}.seat-adjuster-btn{width:44px;height:44px;display:flex;align-items:center;justify-content:center;border:2px solid var(--border-color);border-radius:10px;background:var(--bg-primary);color:var(--text-primary);cursor:pointer;transition:all .15s ease}.seat-adjuster-btn:hover:not(:disabled){border-color:var(--accent-primary, var(--color-primary));background:var(--color-primary-light);color:var(--accent-primary, var(--color-primary))}.seat-adjuster-btn:disabled{opacity:.4;cursor:not-allowed}.seat-adjuster-display{display:flex;flex-direction:column;align-items:center;min-width:80px}.seat-adjuster-value{font-size:32px;font-weight:700;color:var(--text-primary);line-height:1}.seat-adjuster-label{font-size:13px;color:var(--text-secondary);margin-top:4px}.seat-change-preview{padding:16px;background:linear-gradient(135deg,var(--color-primary-shadow-light) 0%,var(--color-purple-shadow-light) 100%);border:1px solid var(--color-primary-shadow-dark);border-radius:12px;display:flex;flex-direction:column;gap:12px}.seat-change-summary{display:flex;justify-content:space-between;align-items:center}.seat-change-add{font-size:16px;font-weight:600;color:var(--color-success)}.seat-change-remove{font-size:16px;font-weight:600;color:var(--color-warning)}.seat-change-cost{font-size:16px;font-weight:600;color:var(--text-primary)}.seat-change-actions{display:flex;gap:8px;justify-content:flex-end}.seat-error{display:flex;align-items:center;gap:8px;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}.seat-success{display:flex;align-items:center;gap:8px;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}.seat-note{margin:0;font-size:12px;color:var(--text-tertiary);line-height:1.5}.seat-warning{display:flex;align-items:flex-start;gap:10px;padding:14px;background:var(--color-warning-light);border:1px solid var(--color-warning-border);border-radius:10px;color:var(--color-warning-dark);font-size:13px;line-height:1.4}.seat-warning svg{flex-shrink:0;margin-top:1px}.dark .seat-header-icon{background:var(--bg-secondary)}.dark .seat-breakdown{background:var(--bg-main);border-color:var(--border-color)}.dark .seat-breakdown-item{background:var(--bg-surface)}.dark .seat-adjuster-btn{background:var(--bg-surface);border-color:var(--border-color)}.dark .seat-change-preview{background:linear-gradient(135deg,var(--color-primary-shadow-dark) 0%,var(--color-purple-shadow-dark) 100%);border-color:var(--color-primary-shadow-medium)}.dark .seat-error{background:var(--color-danger-shadow-light);border-color:var(--color-danger-shadow-medium)}.dark .seat-success{background:var(--color-success-shadow-medium);border-color:var(--color-success-shadow-dark)}.dark .seat-warning{background:var(--color-warning-shadow-light);border-color:var(--color-warning-shadow-medium)}.settings-modal-wrapper.base-modal{width:680px;max-width:92vw}.settings-modal-wrapper .base-modal__body{padding:0;display:flex;flex-direction:column;overflow:hidden}.settings-modal-wrapper .base-modal__footer{padding:0;border-top:none}.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:640px;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:12px 18px;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;border-bottom:2px solid transparent}.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 2px 8px var(--color-primary-shadow-xs);border-bottom:2px solid var(--color-primary)}.settings-tab-icon{font-size:16px}.settings-content{flex:1;overflow-y:auto;padding:24px;background:var(--bg-primary)}.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:20px;background:var(--bg-surface);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:14px;font-weight:600;text-transform:none;letter-spacing:-.01em;color:var(--text-primary, var(--bg-surface));margin:0 0 12px}.settings-section-desc{font-size:13px;color:var(--text-secondary);margin:-8px 0 16px;line-height:1.5}.settings-field-group{display:flex;flex-direction:column;gap:16px}.settings-section--danger{border-color:var(--color-danger-border);background:var(--color-danger-shadow-light)}.settings-field{display:flex;flex-direction:column;gap:8px}.settings-field label{display:block;font-size:13px;font-weight:600;color:var(--text-primary, var(--bg-surface));line-height:1.4}.settings-hint{font-size:12px;color:var(--text-secondary, var(--text-muted));line-height:1.5;margin-top:6px}.settings-input,.settings-select{box-sizing:border-box;width:100%;padding:12px 14px;border-radius:10px;border:1.5px solid var(--border-light, var(--border-color));font-size:14px;font-family:inherit;color:var(--text-primary, var(--bg-surface));background:var(--bg-primary, var(--text-primary));transition:all .2s 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-xs)}.settings-input:disabled,.settings-select:disabled{opacity:.6;cursor:not-allowed;background:var(--bg-secondary)}.settings-input.disabled{opacity:.6;cursor:not-allowed}.settings-select{cursor:pointer}.settings-toggle-row{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:16px;background:var(--bg-primary, var(--text-primary));border:1px solid var(--border-light, var(--border-color));border-radius:10px;transition:all .2s ease}.settings-toggle-row:hover{border-color:var(--border-color)}.settings-toggle-row-content{flex:1;min-width:0}.settings-toggle-row-content label{font-size:14px;font-weight:600;color:var(--text-primary, var(--bg-surface));margin-bottom:4px;display:block}.settings-toggle-row-content .settings-hint{margin-top:0}.settings-toggle{width:48px;height:28px;background:var(--border-color);border-radius:14px;border:none;cursor:pointer;position:relative;transition:background .2s ease;flex-shrink:0}.settings-toggle.active{background:var(--accent-primary, var(--color-primary))}.settings-toggle-knob{width:24px;height:24px;background:#fff;border-radius:50%;position:absolute;top:2px;left:2px;transition:transform .2s ease;box-shadow:0 2px 4px #00000026}.settings-toggle.active .settings-toggle-knob{transform:translate(20px)}.settings-button-group{display:flex;gap:8px}.settings-button-option:not(:last-child){margin-right:8px}.settings-button-option{flex:1;min-width:0;padding:10px 12px;border-radius:10px;border:1.5px 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(--accent-primary, var(--color-primary));color:#fff}.settings-keybindings-btn{display:flex;align-items:center;gap:10px;width:100%;padding:12px 16px;border-radius:10px;border:1.5px solid var(--border-color);background:var(--bg-secondary, var(--bg-primary));color:var(--text-primary);font-size:13px;font-weight:500;cursor:pointer;transition:all .15s ease}.settings-keybindings-btn:hover{border-color:var(--accent-primary, var(--color-primary));background:var(--bg-tertiary, var(--bg-secondary))}.settings-keybindings-btn svg{color:var(--text-muted, #94a3b8);flex-shrink:0}.settings-save-btn{padding:12px 24px;border-radius:10px;border:none;background:var(--accent-primary, var(--color-primary));color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;align-self:flex-start;box-shadow:0 4px 12px var(--color-primary-shadow-md)}.settings-save-btn:hover:not(:disabled){background:var(--color-primary-hover);transform:translateY(-2px);box-shadow:0 6px 16px var(--color-primary-shadow-md)}.settings-save-btn:disabled{opacity:.5;cursor:not-allowed}.settings-primary-btn{padding:12px 24px;border-radius:10px;border:none;background:var(--accent-primary, var(--color-primary));color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px var(--color-primary-shadow-md)}.settings-primary-btn:hover:not(:disabled){background:var(--color-primary-hover);transform:translateY(-2px);box-shadow:0 6px 16px var(--color-primary-shadow-md)}.settings-primary-btn:disabled{opacity:.5;cursor:not-allowed}.settings-secondary-btn{padding:12px 20px;border-radius:10px;border:1.5px solid var(--border-color, var(--border-color));background:transparent;color:var(--text-primary, var(--bg-surface));font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.settings-secondary-btn:hover:not(:disabled){background:var(--bg-secondary);transform:translateY(-1px)}.settings-danger-btn{padding:12px 20px;border-radius:10px;border:1px solid var(--color-danger-border);background:var(--color-danger-light);color:var(--color-danger);font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;gap:8px}.settings-danger-btn:hover:not(:disabled){background:var(--color-danger);color:#fff;transform:translateY(-1px)}.settings-danger-btn:disabled{opacity:.5;cursor:not-allowed}.settings-danger-btn--sm,.settings-secondary-btn--sm{padding:4px 10px;font-size:12px;border-radius:6px}.billing-plan-card{padding:24px;border-radius:12px;border:2px solid var(--border-color, var(--border-color));background:var(--bg-primary, var(--text-primary));margin-bottom:24px}.billing-plan-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.billing-plan-name{font-size:18px;font-weight:700;color:var(--text-primary, var(--bg-surface))}.billing-plan-price{font-size:24px;font-weight:700;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:6px;background:var(--border-color, var(--border-color));border-radius:3px;overflow:hidden}.usage-bar-fill{height:100%;background:var(--color-success);border-radius:3px;transition:width .3s ease,background .3s ease}.usage-bar-fill[data-usage=medium]{background:var(--color-warning)}.usage-bar-fill[data-usage=high]{background:var(--color-danger)}.settings-footer{padding:16px 24px;border-top:1px solid var(--border-color, var(--border-color));text-align:center;font-size:12px;color:var(--text-tertiary, 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:16px}.support-option{display:flex;align-items:center;gap:16px;padding:20px;background:var(--bg-secondary, var(--bg-primary));border:1.5px solid var(--border-color, var(--border-color));border-radius:12px;text-decoration:none;color:inherit;transition:all .2s ease;cursor:pointer}.support-option:hover{border-color:var(--accent-primary, var(--color-primary));background:var(--bg-primary, var(--text-primary));transform:translateY(-2px);box-shadow:0 4px 12px var(--shadow-md)}.support-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:var(--color-primary-light);border-radius:12px;color:var(--accent-primary, var(--color-primary));flex-shrink:0}.support-content{flex:1;min-width:0}.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-category-title{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary, var(--text-secondary));margin:16px 0 4px}.shortcuts-category-title:first-of-type{margin-top:0}.shortcuts-list{display:flex;flex-direction:column;gap:4px}.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}}.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-primary-shadow-md)}.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}}.subscription-modal-wrapper.base-modal{width:900px;max-width:95vw}.plan-seat-info{margin-bottom:16px;padding:12px 16px;background:var(--color-primary-shadow-light, rgba(59, 130, 246, .08));border-radius:10px;font-size:.875rem;color:var(--text-secondary);line-height:1.5}.plan-seat-info .additional-seat-price{font-weight:500;color:var(--text-primary)}.subscription-secure-note{margin-top:24px;font-size:.8rem;color:var(--text-muted);display:flex;align-items:center;gap:6px}@media(max-width:960px){.subscription-modal-wrapper.base-modal{width:95vw}.subscription-modal-wrapper .pricing-grid{grid-template-columns:1fr}}.share-modal-title{display:inline-flex;align-items:center;gap:8px}.share-project-info{padding:12px 2px 4px}.share-project-name{font-size:15px;font-weight:700;color:var(--text-primary)}.share-visibility-section{margin-top:10px}.share-label{display:block;font-size:12px;font-weight:700;letter-spacing:.02em;text-transform:uppercase;color:var(--text-secondary);margin-bottom:10px}.share-visibility-options{display:grid;gap:8px}.share-visibility-option{display:flex;align-items:flex-start;gap:10px;width:100%;padding:11px 12px;border-radius:10px;border:1px solid var(--border-color);background:var(--bg-secondary);color:inherit;text-align:left;cursor:pointer;transition:border-color .15s ease,background .15s ease,box-shadow .15s ease}.share-visibility-option:hover:not(:disabled){border-color:var(--color-primary)}.share-visibility-option.selected{border-color:var(--color-primary);background:var(--color-primary-light);box-shadow:0 0 0 1px #3b82f633}.share-visibility-option:disabled{opacity:.7;cursor:not-allowed}.share-visibility-icon{width:24px;height:24px;border-radius:6px;display:inline-flex;align-items:center;justify-content:center;background:var(--bg-primary);color:var(--text-secondary);flex-shrink:0}.share-visibility-option.selected .share-visibility-icon{color:var(--color-primary)}.share-visibility-text{min-width:0;flex:1;display:flex;flex-direction:column;gap:2px}.share-visibility-title{font-size:13px;font-weight:700;color:var(--text-primary)}.share-visibility-desc{font-size:12px;line-height:1.4;color:var(--text-secondary)}.share-visibility-check{color:var(--color-primary);margin-top:4px}.share-updating-state{margin-top:10px;display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--text-secondary)}.share-access-section{margin-top:14px;padding:12px;border:1px solid var(--border-color);border-radius:10px;background:var(--bg-secondary)}.share-access-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.share-access-text{display:flex;flex-direction:column;gap:2px;min-width:0}.share-access-label{font-size:13px;font-weight:700;color:var(--text-primary)}.share-access-desc{font-size:12px;line-height:1.4;color:var(--text-secondary)}.share-copy-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 12px;border-radius:999px;border:1px solid var(--color-primary);background:var(--bg-primary);color:var(--color-primary);font-size:12px;font-weight:700;cursor:pointer;transition:color .15s ease,background .15s ease,border-color .15s ease}.share-copy-btn:hover:not(:disabled){background:var(--color-primary);color:var(--text-inverse)}.share-copy-btn:disabled{border-color:var(--border-color);color:var(--text-muted);cursor:not-allowed}.share-copy-btn.copied{border-color:var(--color-success);background:var(--color-success);color:var(--text-inverse)}.share-public-url{margin-top:10px;border:1px dashed var(--border-color);border-radius:8px;padding:8px 10px;font-size:11px;color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:var(--bg-primary)}.create-workspace-backdrop{position:fixed;inset:0;background:var(--modal-backdrop-bg);display:flex;align-items:center;justify-content:center;z-index:var(--z-modal-backdrop);padding:20px;animation:fadeIn var(--modal-animation-duration) var(--modal-animation-easing)}.create-workspace-modal{position:relative;background:var(--bg-primary);border-radius:var(--modal-border-radius);width:100%;max-width:500px;max-height:90vh;overflow-y:auto;box-shadow:var(--modal-shadow);animation:slideUp .3s var(--modal-animation-easing)}.create-workspace-close{position:absolute;top:20px;right:20px;width:var(--modal-close-size);height:var(--modal-close-size);border-radius:50%;border:none;background:var(--modal-close-bg);color:var(--modal-close-color);cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:10;transition:all .2s}.create-workspace-close:hover{background:var(--modal-close-bg-hover);color:var(--modal-close-color-hover)}.create-workspace-header{text-align:center;padding:40px 32px 24px}.create-workspace-icon{width:var(--modal-icon-size);height:var(--modal-icon-size);background:var(--color-primary);color:#fff;border-radius:var(--modal-icon-radius);display:flex;align-items:center;justify-content:center;margin:0 auto 20px}.create-workspace-header h2{font-size:24px;font-weight:700;color:var(--text-primary);margin:0 0 8px}.create-workspace-header p{font-size:14px;color:var(--text-secondary);margin:0;line-height:1.5}.create-workspace-modal form{padding:0 32px 32px}.create-workspace-form-group{margin-bottom:20px}.create-workspace-form-group label{display:block;font-size:14px;font-weight:600;color:var(--text-primary);margin-bottom:8px}.create-workspace-form-group label .optional{font-weight:400;color:var(--text-tertiary);font-size:13px}.create-workspace-form-group input,.create-workspace-form-group textarea{width:100%;padding:10px 12px;font-size:14px;border:1px solid var(--border-color);border-radius:8px;background:var(--bg-primary);color:var(--text-primary);transition:all .2s ease;font-family:inherit;box-sizing:border-box}.create-workspace-form-group input::placeholder,.create-workspace-form-group textarea::placeholder{color:var(--text-tertiary)}.create-workspace-form-group input:hover:not(:disabled),.create-workspace-form-group textarea:hover:not(:disabled){border-color:var(--text-secondary)}.create-workspace-form-group input:focus,.create-workspace-form-group textarea:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--color-primary-shadow-xs)}.create-workspace-form-group input:disabled,.create-workspace-form-group textarea:disabled{background:var(--bg-secondary);cursor:not-allowed;opacity:.6}.create-workspace-form-group textarea{resize:vertical;min-height:80px}.create-workspace-field-hint{font-size:12px;color:var(--accent-danger, #ef4444);margin-top:4px;padding-left:2px}.create-workspace-form-group input[aria-invalid=true]{border-color:var(--accent-danger, #ef4444)}.create-workspace-form-error{padding:12px;background:#ef44441a;border-radius:8px;border:1px solid rgba(239,68,68,.3);color:var(--accent-danger);font-size:13px;margin-bottom:20px}.create-workspace-actions{display:flex;gap:12px;margin-top:24px}.create-workspace-actions>*:not(:last-child){margin-right:12px}.create-workspace-note{text-align:center;font-size:12px;color:var(--text-tertiary);margin-top:16px}.dark .create-workspace-modal{background:var(--modal-bg)}.dark .create-workspace-close{background:var(--modal-close-bg)}.dark .create-workspace-close:hover{background:var(--modal-close-bg-hover)}.dark .create-workspace-header h2{color:var(--dark-text-primary)}.dark .create-workspace-header p{color:var(--dark-text-secondary)}.dark .create-workspace-form-group label{color:var(--dark-text-primary)}.dark .create-workspace-form-group input,.dark .create-workspace-form-group textarea{background:var(--dark-bg-secondary);border-color:var(--dark-border);color:var(--dark-text-primary)}.dark .create-workspace-form-group input::placeholder,.dark .create-workspace-form-group textarea::placeholder{color:var(--dark-text-tertiary)}.dark .create-workspace-form-group input:hover:not(:disabled),.dark .create-workspace-form-group textarea:hover:not(:disabled){background:var(--dark-bg-tertiary)}.dark .create-workspace-form-group input:focus,.dark .create-workspace-form-group textarea:focus{background:var(--dark-bg-secondary)}.dark .create-workspace-form-error{background:#ef444426}@media(max-width:768px){.create-workspace-modal{max-height:95vh}.create-workspace-header{padding:32px 24px 20px}.create-workspace-modal form{padding:0 24px 24px}.create-workspace-actions{flex-direction:column}}.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;min-width:0}.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}}:root{--modal-backdrop-bg: var(--overlay-heavy);--modal-bg: var(--bg-surface, #ffffff);--modal-border-radius: 16px;--modal-shadow: 0 20px 60px var(--shadow-overlay-lg);--modal-close-size: 32px;--modal-close-radius: 8px;--modal-close-bg: var(--bg-secondary);--modal-close-bg-hover: var(--bg-tertiary);--modal-close-color: var(--text-secondary);--modal-close-color-hover: var(--text-primary);--modal-icon-size: 64px;--modal-icon-radius: 16px;--modal-animation-duration: .2s;--modal-animation-easing: ease-out;--modal-animation-easing-spring: cubic-bezier(.16, 1, .3, 1)}.dark{--modal-bg: var(--dark-bg-primary, #1e293b);--modal-close-bg: var(--dark-bg-secondary);--modal-close-bg-hover: var(--dark-bg-tertiary)}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes backdropFade{0%{opacity:0}to{opacity:1}}@keyframes modalSlideUp{0%{transform:translateY(12px);opacity:0}to{transform:translateY(0);opacity:1}}.invite-member-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);animation:fadeIn var(--modal-animation-duration) var(--modal-animation-easing)}.invite-member-modal{background:var(--bg-primary, #ffffff);border-radius:var(--modal-border-radius, 16px);width:100%;max-width:520px;position:relative;box-shadow:var(--modal-shadow, 0 20px 60px rgba(0, 0, 0, .15));overflow:hidden;animation:slideUp .3s var(--modal-animation-easing, ease-out)}.invite-member-close{position:absolute;top:20px;right:20px;background:var(--modal-close-bg);border:none;cursor:pointer;color:var(--modal-close-color);padding:8px;border-radius:var(--modal-close-radius);transition:all .2s ease;display:flex;align-items:center;justify-content:center;z-index:10}.invite-member-close:hover{background:var(--modal-close-bg-hover);color:var(--modal-close-color-hover);transform:scale(1.05)}.invite-member-header{text-align:center;padding:48px 32px 32px;background:linear-gradient(135deg,var(--bg-secondary) 0%,var(--bg-surface) 100%)}.invite-member-icon{width:72px;height:72px;background:linear-gradient(135deg,var(--color-success, #22c55e) 0%,var(--color-success-dark, #16a34a) 100%);color:var(--text-inverse, #ffffff);border-radius:20px;display:flex;align-items:center;justify-content:center;margin:0 auto 20px;box-shadow:0 8px 24px var(--color-primary-shadow-md, rgba(59, 130, 246, .15))}.invite-member-header h2{font-size:24px;font-weight:700;color:var(--text-primary, #1a1a2e);margin:0 0 8px;letter-spacing:-.5px}.invite-member-header p{font-size:14px;color:var(--text-secondary, #64748b);margin:0;line-height:1.5}.invite-member-header strong{color:var(--text-primary, #1a1a2e);font-weight:600}.invite-member-modal form{padding:32px}.invite-member-form-group{margin-bottom:24px}.invite-member-form-group label{display:block;font-size:13px;font-weight:600;color:var(--text-primary, #1a1a2e);margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px}.invite-member-form-row{display:flex;align-items:flex-start;gap:16px;width:100%;margin-bottom:24px}.invite-member-form-row .invite-member-form-group{margin-bottom:0}.invite-member-form-row .email-group{flex:1 1 auto;min-width:0}.invite-member-form-row .role-group{flex:0 0 130px}.invite-member-input-with-icon{position:relative}.invite-member-input-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--text-muted, #94a3b8);pointer-events:none}.invite-member-input-with-icon input{box-sizing:border-box;width:100%;padding:12px 14px 12px 40px;font-size:14px;border:1.5px solid var(--border-light, #e2e8f0);border-radius:10px;background:var(--bg-primary, #ffffff);color:var(--text-primary, #1a1a2e);transition:all .2s ease;font-family:inherit}.invite-member-input-with-icon input::placeholder{color:var(--text-muted, #94a3b8)}.invite-member-input-with-icon input:hover:not(:disabled){border-color:var(--border-medium, #cbd5e1);background:var(--bg-secondary, #f8fafc)}.invite-member-input-with-icon input:focus{outline:none;border-color:var(--accent-primary, #3b82f6);background:var(--bg-primary, #ffffff);box-shadow:0 0 0 3px #3b82f61a,inset 0 0 0 1px #3b82f61a}.invite-member-form-group select{box-sizing:border-box;width:100%;padding:12px 36px 12px 14px;font-size:14px;border:1.5px solid var(--border-light, #e2e8f0);border-radius:10px;background:var(--bg-primary, #ffffff);color:var(--text-primary, #1a1a2e);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}.invite-member-form-group select:hover:not(:disabled){border-color:var(--border-medium, #cbd5e1);background-color:var(--bg-secondary, #f8fafc)}.invite-member-form-group select:focus{outline:none;border-color:var(--accent-primary, #3b82f6);background-color:var(--bg-primary, #ffffff);box-shadow:0 0 0 3px #3b82f61a,inset 0 0 0 1px #3b82f61a}.invite-member-form-group select:disabled{opacity:.6;cursor:not-allowed}.invite-member-field-hint{font-size:12px;color:var(--accent-danger, #ef4444);margin-top:4px;padding-left:2px}.invite-member-input-with-icon input[aria-invalid=true]{border-color:var(--accent-danger, #ef4444)}.invite-member-form-error{padding:12px 14px;background:var(--color-danger-shadow-light, rgba(239, 68, 68, .1));border-radius:10px;border:1px solid var(--color-danger-border-light, rgba(239, 68, 68, .2));color:var(--accent-danger, #ef4444);font-size:13px;margin-bottom:16px}.invite-member-form-success{padding:12px 14px;background:var(--color-success-shadow-light, rgba(34, 197, 94, .1));border-radius:10px;border:1px solid var(--color-success-border-light, rgba(34, 197, 94, .2));color:var(--accent-success, #22c55e);font-size:13px;margin-bottom:16px;display:flex;align-items:center;gap:8px;font-weight:500}.invite-member-form-success svg{flex-shrink:0}.invite-member-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:32px;padding-top:24px;border-top:1px solid var(--border-light, #e2e8f0)}.invite-member-invited-list{padding:24px 32px;border-top:1px solid var(--border-light, #e2e8f0);margin:0}.invite-member-invited-list h4{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.6px;color:var(--text-muted, #94a3b8);margin:0 0 12px}.invite-member-invited-list ul{list-style:none;padding:0;margin:0}.invite-member-invited-list li{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text-secondary, #64748b);padding:8px 0}.invite-member-invited-list li svg{flex-shrink:0;color:var(--accent-success, #22c55e)}.invite-member-role-info{padding:24px 32px;border-top:1px solid var(--border-light, #e2e8f0);margin:0;background:var(--bg-secondary, #f8fafc)}.invite-member-role-info h4{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.6px;color:var(--text-muted, #94a3b8);margin:0 0 12px}.invite-member-role-info ul{list-style:none;padding:0;margin:0;font-size:13px;color:var(--text-secondary, #64748b);line-height:1.6}.invite-member-role-info li{padding:6px 0}.invite-member-role-info strong{color:var(--text-primary, #1a1a2e);font-weight:600}.dark .invite-member-modal{background:var(--bg-surface)}.dark .invite-member-header{background:linear-gradient(135deg,var(--bg-secondary) 0%,var(--bg-surface) 100%)}.dark .invite-member-close{background:var(--modal-close-bg)}.dark .invite-member-close:hover{background:var(--modal-close-bg-hover)}.dark .invite-member-header h2{color:var(--text-primary)}.dark .invite-member-header p{color:var(--text-secondary)}.dark .invite-member-form-group label{color:var(--text-primary)}.dark .invite-member-input-with-icon input{background:var(--bg-secondary);border-color:var(--border-color);color:var(--text-primary)}.dark .invite-member-input-with-icon input::placeholder{color:var(--text-muted)}.dark .invite-member-input-with-icon input:hover:not(:disabled){background:var(--bg-tertiary);border-color:var(--border-hover)}.dark .invite-member-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-primary-shadow-md),inset 0 0 0 1px var(--color-primary-shadow-md)}.dark .invite-member-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 .invite-member-form-group select:hover:not(:disabled){background-color:var(--bg-tertiary);border-color:var(--border-hover)}.dark .invite-member-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-primary-shadow-md),inset 0 0 0 1px var(--color-primary-shadow-md)}.dark .invite-member-form-error{background:var(--color-danger-shadow-medium);border-color:var(--color-danger-shadow-dark)}.dark .invite-member-form-success{background:var(--color-primary-shadow-md);border-color:var(--color-primary-shadow-md)}.dark .invite-member-actions,.dark .invite-member-invited-list{border-color:var(--border-color)}.dark .invite-member-role-info{background:var(--bg-secondary);border-color:var(--border-color)}.dark .invite-member-role-info strong{color:var(--text-primary)}.invite-member-seat-warning{display:flex;align-items:flex-start;gap:12px;padding:16px 20px;margin:0 32px 24px;background:var(--color-warning-light, rgba(245, 158, 11, .1));border:1px solid var(--color-warning-border, rgba(245, 158, 11, .3));border-radius:10px;color:var(--color-warning-dark, #b45309)}.invite-member-seat-warning svg{flex-shrink:0;margin-top:2px}.invite-member-seat-warning strong{display:block;font-size:14px;font-weight:600;margin-bottom:4px}.invite-member-seat-warning p{margin:0;font-size:13px;line-height:1.5}.invite-member-seat-info{display:flex;justify-content:center;padding:10px 32px;margin-bottom:16px;font-size:13px;color:var(--text-secondary)}.invite-member-seat-info span{padding:6px 14px;background:var(--bg-secondary);border-radius:20px;font-weight:500}.dark .invite-member-seat-warning{background:var(--color-warning-shadow-light, rgba(245, 158, 11, .15));border-color:var(--color-warning-shadow-medium, rgba(245, 158, 11, .25));color:var(--color-warning-border, #f59e0b)}.dark .invite-member-seat-info span{background:var(--bg-tertiary)}.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}}.command-palette-backdrop{position:fixed;inset:0;background:linear-gradient(180deg,var(--overlay-medium),var(--overlay-heavy));backdrop-filter:blur(6px);display:flex;align-items:flex-start;justify-content:center;padding:10vh 16px 0;z-index:var(--z-modal-backdrop);animation:commandPaletteFadeIn .1s ease}@keyframes commandPaletteFadeIn{0%{opacity:0}to{opacity:1}}.command-palette{width:100%;max-width:720px;--command-palette-accent: var(--color-primary);background:var(--bg-surface);border:1px solid var(--border-color);border-radius:16px;box-shadow:0 20px 50px var(--shadow-overlay-xl);overflow:hidden;animation:commandPaletteSlideIn .15s ease}@keyframes commandPaletteSlideIn{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:10px;padding:14px;border-bottom:1px solid var(--border-color)}.command-palette-input-shell{flex:1;display:flex;align-items:center;gap:10px;min-height:var(--btn-height-lg);padding:0 12px;border:1px solid var(--border-color);border-radius:12px;background:var(--bg-primary);transition:border-color .2s ease,box-shadow .2s ease,background .2s ease}.command-palette-input-shell:focus-within{border-color:var(--command-palette-accent);box-shadow:0 0 0 3px var(--color-primary-shadow-xs);background:var(--bg-surface)}.command-palette-search-icon{color:var(--command-palette-accent);flex-shrink:0}.command-palette-input{flex:1;border:none;outline:none;font-size:16px;color:var(--text-primary);background:transparent}.command-palette-input:focus,.command-palette-input:focus-visible{outline:none;box-shadow:none}.command-palette-input::placeholder{color:var(--text-secondary)}.command-palette-clear{border:none;background:transparent;color:var(--text-tertiary)}.command-palette-close{border:1px solid var(--border-color);background:var(--bg-secondary);color:var(--text-secondary);border-radius:10px}.command-palette-icon-btn{width:var(--btn-height-md);height:var(--btn-height-md);min-width:var(--btn-height-md);min-height:var(--btn-height-md);border:none;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .15s ease;padding:0}.command-palette-clear:hover,.command-palette-close:hover{background:var(--bg-secondary);color:var(--text-primary)}.command-palette-clear:focus-visible,.command-palette-close:focus-visible{outline:2px solid var(--focus-ring, var(--color-primary));outline-offset:1px}.command-palette-close:hover{border-color:var(--command-palette-accent);background:var(--bg-surface)}.command-palette-summary{padding:8px 16px 4px;font-size:12px;color:var(--text-secondary)}.command-palette-scopes{display:flex;gap:8px;padding:8px 16px 6px;flex-wrap:wrap}.command-palette-scope{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;font-size:12px;font-weight:600;color:var(--text-secondary);background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:999px;cursor:pointer;transition:all .15s ease}.command-palette-scope:hover{color:var(--text-primary);border-color:var(--command-palette-accent)}.command-palette-scope.active{color:var(--command-palette-accent);border-color:var(--command-palette-accent);background:var(--color-primary-shadow-xs)}.command-palette-scope-count{padding:1px 6px;border-radius:999px;font-size:11px;background:var(--bg-surface);border:1px solid var(--border-color)}.command-palette-list{max-height:min(460px,70vh);overflow-y:auto;padding:8px}.command-palette-section{display:flex;align-items:center;justify-content:space-between;padding:10px 12px 6px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.6px;color:var(--text-secondary)}.command-palette-section-count{font-size:10px;letter-spacing:0;padding:2px 6px;border-radius:999px;border:1px solid var(--border-color)}.command-palette-item{display:flex;align-items:center;gap:12px;width:100%;padding:10px 12px;background:var(--bg-surface);border:1px solid transparent;border-radius:10px;cursor:pointer;text-align:left;min-height:var(--btn-height-lg);transition:all .1s ease}.command-palette-item:focus{outline:none}.command-palette-item:focus-visible{outline:2px solid var(--focus-ring, var(--color-primary));outline-offset:2px}.command-palette-item:hover,.command-palette-item.selected{background:var(--bg-secondary);border-color:var(--border-color);transform:translateY(-1px);color:var(--text-primary)}.command-palette-item-icon{color:var(--text-secondary);flex-shrink:0}.command-palette-item-content{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.command-palette-item-name{font-size:14px;font-weight:600;color:var(--text-primary);overflow-wrap:anywhere}.command-palette-item-meta{font-size:12px;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.command-palette-item-kind{flex-shrink:0;padding:3px 8px;border-radius:999px;border:1px solid var(--border-color);font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.3px;color:var(--text-secondary)}.command-palette-item-kind.kind-nav{color:var(--command-palette-accent)}.command-palette-item-kind.kind-project{color:var(--color-success);border-color:color-mix(in srgb,var(--color-success) 30%,var(--border-color))}.command-palette-item-kind.kind-template{color:var(--color-purple);border-color:color-mix(in srgb,var(--color-purple) 30%,var(--border-color))}.command-palette-item-enter{flex-shrink:0}.command-palette-item-enter kbd{padding:3px 7px;font-size:11px;border-radius:6px;border:1px solid var(--border-color);background:var(--bg-primary)}.command-palette-mark{background:color-mix(in srgb,var(--command-palette-accent) 20%,transparent);color:inherit;border-radius:4px;padding:0 2px}.command-palette-empty{padding:24px 16px;text-align:center;color:var(--text-secondary);font-size:14px}.command-palette-query{display:inline-block;font-weight:600;color:var(--text-primary)}.command-palette-empty-hint{margin:8px 0 0;font-size:12px;color:var(--text-secondary)}.command-palette-footer{display:flex;justify-content:center;gap:14px;padding:12px;border-top:1px solid var(--border-color);background:linear-gradient(180deg,var(--bg-secondary) 0%,var(--bg-surface) 100%);flex-wrap:wrap}.command-palette-footer span{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--text-secondary)}.command-palette-footer kbd{padding:4px 8px;background:var(--bg-surface);border:1px solid var(--border-color);border-radius:6px;font-family:inherit;font-size:11px;font-weight:600}.dark .command-palette{background:var(--bg-surface);border-color:var(--bg-tertiary)}.dark .command-palette-header{border-color:var(--bg-tertiary)}.dark .command-palette-input-shell{background:var(--bg-secondary);border-color:var(--bg-tertiary)}.dark .command-palette-input-shell:focus-within{background:var(--bg-surface)}.dark .command-palette-input{color:var(--text-primary)}.dark .command-palette-input::placeholder{color:var(--text-secondary)}.dark .command-palette-scope{background:var(--bg-secondary);border-color:var(--bg-tertiary)}.dark .command-palette-scope-count{background:var(--bg-surface);border-color:var(--bg-tertiary)}.dark .command-palette-close:hover{background:var(--bg-surface);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-section-count,.dark .command-palette-item-kind,.dark .command-palette-item-enter kbd{border-color:var(--bg-tertiary)}.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)}@media(max-width:720px){.command-palette-backdrop{padding:8vh 10px 0}.command-palette{max-width:100%}.command-palette-item{align-items:flex-start}.command-palette-item-kind{display:none}}@media(prefers-reduced-motion:reduce){.command-palette,.command-palette-item,.command-palette-input-shell,.command-palette-scope,.command-palette-close,.command-palette-clear,.command-palette-item-enter{transition:none!important;animation:none!important}}.dashboard-layout{display:flex;flex-direction:column;min-height:100vh;height:100dvh;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)}@media(max-width:768px){.dashboard-body{flex-direction:column}.sidebar{display:none}}.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}.public-header{position:fixed;inset:0 0 auto;z-index:var(--z-sticky, 200);background:#fffc;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border-color, #e2e8f0)}.public-header-content{max-width:1200px;margin:0 auto;padding:16px 24px;display:flex;align-items:center;justify-content:space-between;gap:16px}.public-logo{height:36px;cursor:pointer}.public-nav{display:flex;align-items:center;gap:32px}.public-nav-link{color:#334155;text-decoration:none;font-size:14px;font-weight:500;transition:color .1s}.public-nav-link:hover{color:#1e293b}.public-nav-link.active{color:#334155}.public-header-cta{border:none;background:#3b82f6;color:#fff;border-radius:8px;padding:8px 24px;font-size:14px;font-weight:500;cursor:pointer;transition:background .1s}.public-header-cta:hover{background:#2563eb}@media(max-width:900px){.public-nav{display:none}}@media(max-width:680px){.public-header-content{padding:14px 16px}.public-header-cta{display:none}}.about-page{width:100%;min-height:100vh;background-color:var(--bg-surface);color:var(--text-primary);font-family:var(--font-family)}.hero{position:relative;overflow:hidden;padding:160px var(--spacing-xl) 80px}.hero-flowfield-bg{position:absolute;inset:0;pointer-events:none}.about-hero-flowfield{position:absolute;inset:-25% -18%;width:136%;height:136%;opacity:.7}.dark .about-hero-flowfield{opacity:.55}.about-flow-line{stroke-dasharray:10 22;animation:aboutFlowDash 18s linear infinite}.about-flow-line--slow{stroke-dasharray:10 28;animation-duration:28s;opacity:.65}.about-flow-line--alt{stroke-dasharray:14 26;animation-duration:22s;opacity:.7}@keyframes aboutFlowDash{to{stroke-dashoffset:-1400}}@media(prefers-reduced-motion:reduce){.about-flow-line{animation:none!important}}.hero-layout{max-width:1200px;margin:0 auto;position:relative;z-index:1;display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-3xl);align-items:center}.hero-content{text-align:left}.hero-video{display:flex;justify-content:center}.hero-video video{width:100%;max-width:560px;border-radius:var(--radius-lg);box-shadow:var(--shadow-lg)}.hero-title{font-size:60px;font-weight:var(--font-weight-bold);line-height:1.1;margin:0 0 var(--spacing-xl) 0;color:var(--text-primary);letter-spacing:-.02em}.hero-title-accent{color:var(--color-primary)}.hero-subtitle{font-size:var(--font-size-xl);color:var(--text-secondary);margin:0 0 var(--spacing-2xl) 0;line-height:1.6;max-width:560px;margin-left:auto;margin-right:auto}.hero-cta-group{display:flex;gap:var(--spacing-md);align-items:center;flex-wrap:wrap}.cta-primary{display:inline-flex;align-items:center;gap:var(--spacing-sm);background-color:var(--color-primary);color:var(--text-inverse);border:none;padding:var(--spacing-md) var(--spacing-xl);border-radius:var(--radius-md);font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);cursor:pointer;font-family:inherit;transition:all var(--transition-fast)}.cta-primary:hover{background-color:var(--color-primary-hover);transform:translateY(-1px)}.cta-primary:active{transform:translateY(0)}.cta-secondary{display:inline-flex;align-items:center;gap:var(--spacing-sm);background-color:transparent;color:var(--text-secondary);border:none;padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-md);font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);cursor:pointer;font-family:inherit;transition:color var(--transition-fast)}.cta-secondary:hover{color:var(--text-primary)}.hero-note{margin-top:var(--spacing-lg);font-size:var(--font-size-sm);color:var(--text-muted)}.value-props{padding:var(--spacing-4xl) var(--spacing-xl);background-color:var(--bg-primary);border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color)}.value-props-container{max-width:1000px;margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-3xl)}.value-prop{text-align:center}.value-prop-icon{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;background-color:var(--color-primary-light);color:var(--color-primary);border-radius:var(--radius-lg);margin-bottom:var(--spacing-lg)}.value-prop h3{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin:0 0 var(--spacing-sm) 0;color:var(--text-primary)}.value-prop p{font-size:var(--font-size-md);color:var(--text-secondary);margin:0;line-height:1.5}.how-it-works{padding:var(--spacing-4xl) var(--spacing-xl)}.how-it-works-container{max-width:900px;margin:0 auto}.how-it-works-stepper .how-it-works-container{max-width:1200px}.how-it-works h2{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);text-align:center;margin:0 0 var(--spacing-3xl) 0;color:var(--text-primary)}.how-it-works-stepper h2{margin-bottom:var(--spacing-sm)}.how-it-works-subtitle{margin:0 auto var(--spacing-2xl);max-width:72ch;text-align:center;color:var(--text-secondary);font-size:var(--font-size-lg);line-height:1.6}.how-it-works-stepper .hiw-stepper{margin-top:var(--spacing-2xl);display:grid;grid-template-columns:.85fr 1.15fr;gap:var(--spacing-2xl);align-items:stretch}.how-it-works-stepper .hiw-stepper-left{display:flex;flex-direction:column;justify-content:center;height:100%;align-self:stretch}.how-it-works-stepper .hiw-stepper-stack{width:100%;display:flex;flex-direction:column;gap:var(--spacing-md)}.how-it-works-stepper .hiw-stepper-right{min-width:0;align-self:stretch}.how-it-works-stepper .hiw-step-btn{width:100%;text-align:left;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:16px;cursor:pointer;display:flex;flex-direction:column;gap:12px;flex:1 1 0;justify-content:center;font-family:inherit;color:inherit;transition:border-color var(--transition-fast),box-shadow var(--transition-fast),transform var(--transition-fast),background-color var(--transition-fast)}.how-it-works-stepper .hiw-step-btn:hover{border-color:var(--border-hover);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.how-it-works-stepper .hiw-step-btn:active{transform:translateY(0)}.how-it-works-stepper .hiw-step-btn:focus-visible{outline:3px solid rgba(59,130,246,.35);outline-offset:2px}.how-it-works-stepper .hiw-step-btn.active{border-color:var(--color-primary);background:linear-gradient(180deg,#3b82f60f,#22d3ee08);box-shadow:0 0 0 1px #3b82f626,var(--shadow-sm)}.how-it-works-stepper .hiw-step-meta{display:flex;align-items:flex-start;gap:12px}.how-it-works-stepper .hiw-step-num{width:36px;height:36px;border-radius:9999px;display:inline-flex;align-items:center;justify-content:center;background:var(--color-primary-light);color:var(--color-primary);font-size:13px;font-weight:800;flex-shrink:0;border:1px solid rgba(59,130,246,.18)}.how-it-works-stepper .hiw-step-btn.active .hiw-step-num{background:var(--color-primary);color:var(--text-inverse);border-color:transparent}.how-it-works-stepper .hiw-step-title{display:block;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary);letter-spacing:-.01em;margin-top:1px}.how-it-works-stepper .hiw-step-desc{display:block;margin-top:4px;font-size:var(--font-size-md);color:var(--text-secondary);line-height:1.5;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.how-it-works-stepper .hiw-media{position:sticky;top:96px}.how-it-works-stepper .hiw-media-card{position:relative;overflow:hidden;border-radius:var(--radius-lg);border:1px solid var(--border-color);background:radial-gradient(1200px 700px at 30% 10%,rgba(59,130,246,.14),transparent 55%),radial-gradient(900px 500px at 70% 90%,rgba(34,211,238,.1),transparent 50%),var(--bg-surface);box-shadow:var(--shadow-lg)}.how-it-works-stepper .hiw-media-video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;display:block;opacity:0;transition:opacity .35s ease}.how-it-works-stepper .hiw-media-video.active{opacity:1}.how-it-works-stepper .hiw-media-video:first-child{position:relative}.steps{display:flex;align-items:flex-start;justify-content:center;gap:0}.step{flex:1;text-align:center;max-width:220px}.step-icon{display:inline-flex;align-items:center;justify-content:center;width:56px;height:56px;background-color:var(--color-primary-light);color:var(--color-primary);border-radius:var(--radius-lg);margin-bottom:var(--spacing-md)}.step-number{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;background-color:var(--color-primary);color:var(--text-inverse);border-radius:var(--radius-full);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-lg)}.step h3{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin:0 0 var(--spacing-sm) 0;color:var(--text-primary)}.step p{font-size:var(--font-size-md);color:var(--text-secondary);margin:0;line-height:1.5}.step-connector{width:60px;height:2px;background-color:var(--border-color);margin-top:20px;flex-shrink:0}.problems{padding:var(--spacing-4xl) var(--spacing-xl);background-color:var(--bg-surface);border-top:1px solid var(--border-color)}.problems-container{max-width:1000px;margin:0 auto}.problems h2{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);text-align:center;margin:0 0 var(--spacing-sm) 0;color:var(--text-primary)}.problems-subtext{text-align:center;margin:0 0 var(--spacing-2xl) 0}.solutions-link{color:var(--color-primary);text-decoration:none;font-size:var(--font-size-md);font-weight:var(--font-weight-medium);transition:color var(--transition-fast)}.solutions-link:hover{color:var(--color-primary-hover);text-decoration:underline}.problems-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:var(--spacing-lg)}.problem-card{display:flex;flex-direction:column;align-items:center;text-align:center;padding:var(--spacing-xl);background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-lg);text-decoration:none;color:inherit;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.problem-card:hover{border-color:var(--color-primary);box-shadow:var(--shadow-sm)}.problem-card svg{color:var(--color-primary);margin-bottom:var(--spacing-md)}.problem-card h3{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin:0 0 var(--spacing-sm) 0;color:var(--text-primary)}.problem-card p{font-size:var(--font-size-sm);color:var(--text-secondary);margin:0;line-height:1.4}.social-proof{padding:var(--spacing-4xl) var(--spacing-xl);background-color:var(--bg-primary);border-top:1px solid var(--border-color)}.social-proof-container{max-width:1000px;margin:0 auto}.social-proof h2{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);text-align:center;margin:0 0 var(--spacing-sm) 0}.social-proof-subtitle{text-align:center;margin:0 auto var(--spacing-xl);max-width:68ch;color:var(--text-secondary);line-height:1.6}.social-proof-logos{display:flex;gap:var(--spacing-sm);justify-content:center;flex-wrap:wrap;margin-bottom:var(--spacing-xl)}.social-proof-logo{border:1px solid var(--border-color);border-radius:var(--radius-full);padding:6px 12px;font-size:var(--font-size-sm);color:var(--text-secondary);background:var(--bg-surface)}.testimonial-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--spacing-md)}.testimonial-card{border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--spacing-lg);background:var(--bg-surface)}.testimonial-quote{margin:0 0 var(--spacing-sm);font-size:var(--font-size-md);line-height:1.55;color:var(--text-primary)}.testimonial-author{font-size:var(--font-size-sm);color:var(--text-secondary)}.pricing-section{padding:var(--spacing-4xl) var(--spacing-xl);background-color:var(--bg-primary);border-top:1px solid var(--border-color)}.pricing-container{max-width:1000px;margin:0 auto;text-align:center}.pricing-section h2{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);margin:0 0 var(--spacing-sm) 0;color:var(--text-primary)}.pricing-section>.pricing-container>p{font-size:var(--font-size-lg);color:var(--text-secondary);margin:0 0 var(--spacing-2xl) 0}.pricing-cards-mini{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-lg);margin-bottom:var(--spacing-xl)}.pricing-card-mini{background-color:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--spacing-xl);text-align:left;position:relative;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.pricing-card-mini:hover{border-color:var(--color-primary);box-shadow:var(--shadow-sm)}.pricing-card-mini.featured{border-color:var(--color-primary);box-shadow:0 0 0 1px var(--color-primary)}.popular-badge{position:absolute;top:-10px;right:var(--spacing-lg);background-color:var(--color-primary);color:var(--text-inverse);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);text-transform:uppercase;letter-spacing:.05em}.pricing-card-mini h3{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin:0 0 var(--spacing-sm) 0;color:var(--text-primary)}.price-display{font-size:32px;font-weight:var(--font-weight-bold);color:var(--text-primary);margin:0;line-height:1.2}.price-period{font-size:var(--font-size-sm);font-weight:var(--font-weight-normal);color:var(--text-muted)}.price-features{list-style:none;padding:0;margin:var(--spacing-lg) 0}.price-features li{display:flex;align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-sm);color:var(--text-secondary);margin-bottom:var(--spacing-sm)}.price-features li svg{flex-shrink:0;color:var(--color-success)}.price-features li.excluded{color:var(--text-muted)}.price-features li.excluded svg{color:var(--text-muted)}.price-cta{display:block;width:100%;padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-md);font-size:var(--font-size-md);font-weight:var(--font-weight-medium);text-align:center;text-decoration:none;cursor:pointer;transition:all var(--transition-fast);border:none;font-family:inherit}.price-cta.primary{background-color:var(--color-primary);color:var(--text-inverse)}.price-cta.primary:hover{background-color:var(--color-primary-hover)}.price-cta.secondary{background-color:transparent;color:var(--text-primary);border:1px solid var(--border-color)}.price-cta.secondary:hover{border-color:var(--text-primary)}.see-all-features{display:inline-flex;align-items:center;gap:var(--spacing-xs);color:var(--color-primary);text-decoration:none;font-size:var(--font-size-md);font-weight:var(--font-weight-medium);transition:color var(--transition-fast)}.see-all-features:hover{color:var(--color-primary-hover)}.see-all-features svg{transition:transform var(--transition-fast)}.see-all-features:hover svg{transform:translate(4px)}.final-cta{padding:var(--spacing-4xl) var(--spacing-xl);text-align:center;border-top:1px solid var(--border-color)}.final-cta-content{max-width:500px;margin:0 auto}.final-cta h2{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);margin:0 0 var(--spacing-md) 0;color:var(--text-primary)}.final-cta p{font-size:var(--font-size-lg);color:var(--text-secondary);margin:0 0 var(--spacing-xl) 0;line-height:1.6}.cta-primary-light{background-color:var(--text-primary)}.cta-primary-light:hover{background-color:var(--color-gray-700)}.about-footer{padding:var(--spacing-xl);border-top:1px solid var(--border-color)}.about-footer-content{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between}.footer-brand{font-size:var(--font-size-md);font-weight:var(--font-weight-medium);color:var(--text-muted)}.footer-links{display:flex;gap:var(--spacing-xl)}.footer-links a,.footer-link-button{color:var(--text-muted);text-decoration:none;font-size:var(--font-size-md);background:none;border:none;cursor:pointer;padding:0;font-family:inherit;transition:color var(--transition-fast)}.footer-links a:hover,.footer-link-button:hover{color:var(--text-primary)}@media(max-width:768px){.hero{padding:100px var(--spacing-lg) 60px}.hero-layout{grid-template-columns:1fr;gap:var(--spacing-2xl)}.hero-content{text-align:center;order:1}.hero-video{order:2}.hero-cta-group{justify-content:center}.hero-title{font-size:38px}.hero-subtitle{font-size:var(--font-size-lg)}.hero-cta-group{flex-direction:column}.cta-primary,.cta-secondary{width:100%;justify-content:center}.value-props-container{grid-template-columns:1fr;gap:var(--spacing-2xl)}.value-props,.how-it-works,.problems,.social-proof,.pricing-section,.final-cta{padding:var(--spacing-3xl) var(--spacing-lg)}.pricing-cards-mini{grid-template-columns:1fr;gap:var(--spacing-md)}.pricing-card-mini{padding:var(--spacing-lg)}.problems-grid{grid-template-columns:repeat(2,1fr)}.testimonial-grid{grid-template-columns:1fr}.steps{flex-direction:column;gap:var(--spacing-xl)}.step{max-width:100%}.step-connector{width:2px;height:40px;margin:0 auto}.about-footer-content{flex-direction:column;gap:var(--spacing-lg);text-align:center}}@media(max-width:980px){.how-it-works-stepper .hiw-stepper{grid-template-columns:1fr}.how-it-works-stepper .hiw-media{position:static}}@media(max-width:480px){.hero-title{font-size:30px}.hero-subtitle{font-size:var(--font-size-md)}.how-it-works h2,.problems h2,.social-proof h2,.final-cta h2{font-size:var(--font-size-xl)}.problems-grid{grid-template-columns:1fr}.problem-card{padding:var(--spacing-lg)}}.about-ops-page{--ops-ink: #13263d;--ops-ink-soft: #4c5f74;--ops-line: rgba(19, 38, 61, .12);--ops-blue: #1f6ed4;--ops-blue-deep: #123f7a;--ops-surface: rgba(255, 255, 255, .84);--ops-shadow: 0 28px 70px rgba(17, 42, 71, .12);--ops-shadow-soft: 0 18px 40px rgba(17, 42, 71, .08);min-height:100vh;color:var(--ops-ink);background:radial-gradient(circle at top left,rgba(31,110,212,.12),transparent 32%),linear-gradient(180deg,#eef5fd,#fff 32%,#f8fbf8);font-family:var(--font-family)}.ops-home-shell{width:min(1200px,calc(100% - 48px));margin:0 auto}.ops-home-hero,.ops-home-section,.ops-home-final,.ops-home-footer{position:relative}.ops-home-hero{overflow:hidden;padding:148px 0 96px}.ops-home-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(rgba(19,38,61,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(19,38,61,.045) 1px,transparent 1px);background-size:44px 44px;mask-image:linear-gradient(180deg,rgba(0,0,0,.55),transparent 92%);pointer-events:none}.ops-home-hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.02fr) minmax(0,.98fr);gap:40px;align-items:center}.ops-home-eyebrow{margin:0 0 14px;color:var(--ops-blue);font-size:12px;font-weight:700;letter-spacing:.16em;text-transform:uppercase}.ops-home-eyebrow-dark{color:#ffffffbd}.ops-home-hero-copy h1,.ops-home-section-head h2,.ops-home-final-card h2,.ops-home-proof-copy h3{margin:0;letter-spacing:-.03em}.ops-home-hero-copy h1{max-width:11ch;font-size:clamp(2.8rem,5.8vw,5rem);line-height:.96}.ops-home-hero-text,.ops-home-section-copy,.ops-home-final-card p,.ops-home-template-card p,.ops-home-audience-card p,.ops-home-step-card p,.ops-home-benefit-card p,.ops-home-plan-card p{color:var(--ops-ink-soft);font-size:clamp(1rem,1.3vw,1.1rem);line-height:1.68}.ops-home-hero-text{max-width:60ch;margin:22px 0 0}.ops-home-cta-row{display:flex;flex-wrap:wrap;gap:14px;margin-top:30px}.ops-home-cta-row-centered{justify-content:center}.ops-home-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:50px;padding:0 22px;border-radius:999px;border:1px solid transparent;cursor:pointer;font:inherit;font-size:15px;font-weight:700;text-decoration:none;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease,background-color .18s ease,color .18s ease}.ops-home-btn:hover{transform:translateY(-1px)}.ops-home-btn-primary{color:#fff;background:linear-gradient(135deg,var(--ops-blue),#4c93ee);box-shadow:0 20px 48px #1f6ed43d}.ops-home-btn-primary:hover{box-shadow:0 24px 56px #1f6ed44d}.ops-home-btn-secondary{color:var(--ops-ink);background:#ffffffdb;border-color:#13263d26}.ops-home-btn-secondary:hover{border-color:#13263d47}.ops-home-btn-secondary-light{background:#ffffff1f;border-color:#ffffff38;color:#fff}.ops-home-btn-secondary-light:hover{border-color:#ffffff6b}.ops-home-btn-compact{min-height:46px}.ops-home-hero-note{margin:18px 0 0;color:var(--ops-ink-soft);font-size:14px;font-weight:600}.ops-home-chip-row,.ops-home-tag-row,.ops-home-footer-links{display:flex;flex-wrap:wrap}.ops-home-chip-row{gap:10px;margin-top:24px}.ops-home-chip,.ops-home-tag,.ops-home-panel-pill{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;font-size:12px;font-weight:700;letter-spacing:.02em}.ops-home-chip{padding:9px 13px;background:#ffffffb8;border:1px solid rgba(19,38,61,.1);box-shadow:0 10px 18px #112a470a}.ops-home-hero-visual{position:relative}.ops-home-hero-panel,.ops-home-template-card,.ops-home-audience-card,.ops-home-step-card,.ops-home-proof-card,.ops-home-benefit-card,.ops-home-plan-card,.ops-home-final-card{border:1px solid var(--ops-line);box-shadow:var(--ops-shadow-soft)}.ops-home-hero-panel{position:relative;padding:18px;border-radius:28px;background:linear-gradient(180deg,#ffffffeb,#f8fbffe0),#ffffffd9;box-shadow:var(--ops-shadow)}.ops-home-hero-panel-top,.ops-home-section-head,.ops-home-template-head,.ops-home-proof-copy,.ops-home-footer-content{display:flex}.ops-home-hero-panel-top{align-items:center;justify-content:space-between;gap:14px;margin-bottom:18px}.ops-home-panel-pill{padding:7px 12px;background:#1f6ed41f;color:var(--ops-blue)}.ops-home-panel-caption{color:var(--ops-ink-soft);font-size:13px;font-weight:600;text-align:right}.ops-home-hero-image,.ops-home-proof-image{width:100%;display:block;border-radius:18px}.ops-home-hero-panel-bottom{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:16px}.ops-home-metric-card{display:flex;align-items:center;gap:10px;min-height:52px;padding:12px 14px;border-radius:18px;background:#13263d0a;color:var(--ops-ink);font-size:13px;font-weight:700}.ops-home-metric-card svg{color:var(--ops-blue);flex-shrink:0}.ops-home-floating-note{position:absolute;max-width:220px;padding:12px 14px;border-radius:18px;background:#13263de6;color:#fff;font-size:13px;font-weight:600;line-height:1.45;box-shadow:0 18px 38px #112a473d}.ops-home-floating-note-a{top:102px;left:-30px}.ops-home-floating-note-b{right:-28px;bottom:104px}.ops-home-section{padding:92px 0}.ops-home-templates{padding-top:24px}.ops-home-section-head{align-items:end;justify-content:space-between;gap:24px;margin-bottom:28px}.ops-home-section-head h2,.ops-home-final-card h2{max-width:14ch;font-size:clamp(2rem,3.4vw,3.2rem);line-height:1.02}.ops-home-section-copy{max-width:64ch;margin:16px 0 0}.ops-home-template-grid,.ops-home-audience-grid,.ops-home-benefit-grid,.ops-home-plan-grid{display:grid;gap:20px}.ops-home-template-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.ops-home-template-card,.ops-home-benefit-card,.ops-home-plan-card{padding:24px;border-radius:24px;background:var(--ops-surface);backdrop-filter:blur(8px)}.ops-home-template-head{align-items:center;gap:12px;margin-bottom:18px}.ops-home-template-icon,.ops-home-audience-icon,.ops-home-benefit-icon{width:48px;height:48px;display:inline-flex;align-items:center;justify-content:center;border-radius:16px;background:#1f6ed41f;color:var(--ops-blue)}.ops-home-template-eyebrow,.ops-home-plan-name{color:var(--ops-ink-soft);font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.ops-home-template-card h3,.ops-home-audience-card h3,.ops-home-step-card h3,.ops-home-benefit-card h3,.ops-home-plan-card h3,.ops-home-proof-copy h3{margin:0;font-size:1.35rem;line-height:1.2}.ops-home-template-card p{margin:14px 0 0}.ops-home-tag-row{gap:8px;margin-top:16px}.ops-home-tag{padding:7px 10px;color:var(--ops-blue-deep);background:#1f6ed414}.ops-home-inline-link{display:inline-flex;align-items:center;margin-top:18px;color:var(--ops-blue);font-size:14px;font-weight:700;text-decoration:none}.ops-home-inline-link:hover{color:var(--ops-blue-deep)}.ops-home-inline-link-bold{margin-top:0}.ops-home-audience{color:#fff;background:radial-gradient(circle at top right,rgba(76,147,238,.25),transparent 26%),linear-gradient(180deg,#16324f,#10233c)}.ops-home-section-head-dark h2,.ops-home-audience-card h3,.ops-home-final-card h2,.ops-home-final-card p{color:#fff}.ops-home-section-head-dark .ops-home-section-copy{color:#ffffffbd}.ops-home-audience-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.ops-home-audience-card{padding:24px;border-radius:24px;background:#ffffff14;border-color:#ffffff24}.ops-home-audience-card p{margin:14px 0 0;color:#ffffffbd}.ops-home-audience-icon{background:#ffffff1f;color:#fff;margin-bottom:18px}.ops-home-workflow-grid{display:grid;grid-template-columns:minmax(0,.96fr) minmax(0,1.04fr);gap:28px;align-items:start}.ops-home-step-list{display:grid;gap:14px;margin-top:28px}.ops-home-step-card{display:grid;grid-template-columns:auto 1fr;gap:16px;align-items:start;padding:22px;border-radius:24px;background:#ffffffc7;backdrop-filter:blur(8px)}.ops-home-step-number{width:52px;height:52px;display:inline-flex;align-items:center;justify-content:center;border-radius:18px;background:#1f6ed41a;color:var(--ops-blue);font-size:15px;font-weight:800;letter-spacing:.08em}.ops-home-step-card p,.ops-home-benefit-card p,.ops-home-plan-card p{margin:10px 0 0}.ops-home-proof-card{overflow:hidden;border-radius:30px;background:linear-gradient(180deg,#fff,#f5f8fc)}.ops-home-proof-copy{flex-direction:column;gap:16px;padding:24px}.ops-home-proof-list{display:grid;gap:12px;margin:0;padding:0;list-style:none}.ops-home-proof-list li{display:flex;align-items:flex-start;gap:10px;color:var(--ops-ink-soft);font-size:15px;line-height:1.55}.ops-home-proof-list svg{margin-top:4px;color:var(--ops-blue);flex-shrink:0}.ops-home-benefits{padding-top:10px}.ops-home-benefit-grid,.ops-home-plan-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.ops-home-benefit-card{min-height:100%}.ops-home-benefit-icon{margin-bottom:18px}.ops-home-pricing{background:linear-gradient(180deg,#fff8f066,#fff0)}.ops-home-plan-card{background:#ffffffeb}.ops-home-plan-card h3{margin-top:12px}.ops-home-final{padding:18px 0 96px}.ops-home-final-card{padding:44px;border-radius:36px;text-align:center;background:radial-gradient(circle at top center,rgba(76,147,238,.26),transparent 34%),linear-gradient(180deg,#18324e,#10233c)}.ops-home-final-card h2{max-width:none}.ops-home-final-card p{max-width:58ch;margin:18px auto 0;color:#ffffffc7}.ops-home-footer{padding:0 0 28px}.ops-home-footer-content{align-items:center;justify-content:space-between;gap:24px;padding-top:14px;border-top:1px solid var(--ops-line)}.ops-home-footer-brand{color:var(--ops-ink-soft);font-size:14px;font-weight:700}.ops-home-footer-links{gap:18px}.ops-home-footer-links a{color:var(--ops-ink-soft);font-size:14px;font-weight:600;text-decoration:none}.ops-home-footer-links a:hover{color:var(--ops-blue-deep)}@media(prefers-reduced-motion:reduce){.ops-home-btn,.ops-home-template-card,.ops-home-audience-card,.ops-home-step-card,.ops-home-benefit-card,.ops-home-plan-card{transition:none}}@media(max-width:1100px){.ops-home-hero-grid,.ops-home-workflow-grid{grid-template-columns:1fr}.ops-home-floating-note{display:none}.ops-home-hero-copy h1,.ops-home-section-head h2,.ops-home-final-card h2{max-width:none}.ops-home-template-grid,.ops-home-audience-grid,.ops-home-benefit-grid,.ops-home-plan-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:820px){.ops-home-shell{width:min(100%,calc(100% - 32px))}.ops-home-hero{padding:118px 0 72px}.ops-home-section{padding:72px 0}.ops-home-section-head,.ops-home-footer-content{flex-direction:column;align-items:flex-start}.ops-home-hero-panel-bottom,.ops-home-template-grid,.ops-home-audience-grid,.ops-home-benefit-grid,.ops-home-plan-grid{grid-template-columns:1fr}.ops-home-final-card{padding:32px 24px}}@media(max-width:560px){.ops-home-cta-row{flex-direction:column}.ops-home-btn{width:100%}.ops-home-step-card{grid-template-columns:1fr}.ops-home-hero-panel,.ops-home-template-card,.ops-home-audience-card,.ops-home-step-card,.ops-home-proof-copy,.ops-home-benefit-card,.ops-home-plan-card{padding:20px}}.how-it-works-lab .how-it-works-container{max-width:1200px}.hiw-lab-header{text-align:center}.hiw-lab-subtitle{margin:8px auto 0;max-width:70ch;color:var(--text-secondary);font-size:var(--font-size-md);line-height:1.6}.hiw-lab-tabs{margin-top:16px;display:inline-flex;align-items:center;gap:6px;padding:6px;border-radius:9999px;border:1px solid var(--border-color);background:var(--bg-primary)}.hiw-lab-tab{height:34px;padding:0 12px;border-radius:9999px;border:none;background:transparent;color:var(--text-secondary);font-size:13px;font-weight:600;cursor:pointer;transition:background-color var(--transition-fast),color var(--transition-fast)}.hiw-lab-tab:hover{color:var(--text-primary);background:#0f172a0a}.dark .hiw-lab-tab:hover{background:#94a3b81f}.hiw-lab-tab.active{background:var(--bg-surface);color:var(--text-primary);box-shadow:var(--shadow-xs)}.hiw-stepper{margin-top:var(--spacing-2xl);display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-2xl);align-items:start}.hiw-stepper-left{display:flex;flex-direction:column;gap:var(--spacing-md)}.hiw-step-btn{width:100%;text-align:left;background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:14px;cursor:pointer;display:flex;flex-direction:column;gap:12px;transition:border-color var(--transition-fast),box-shadow var(--transition-fast),transform var(--transition-fast)}.hiw-step-btn:hover{border-color:var(--border-hover);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.hiw-step-btn.active{border-color:var(--color-primary);box-shadow:0 0 0 1px #3b82f626}.hiw-step-meta{display:flex;align-items:flex-start;gap:12px}.hiw-step-num{width:34px;height:34px;border-radius:9999px;display:inline-flex;align-items:center;justify-content:center;background:var(--color-primary-light);color:var(--color-primary);font-size:13px;font-weight:800;flex-shrink:0}.hiw-step-btn.active .hiw-step-num{background:var(--color-primary);color:var(--text-inverse)}.hiw-step-title{display:block;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin-bottom:4px}.hiw-step-desc{display:block;font-size:var(--font-size-md);color:var(--text-secondary);line-height:1.5}.hiw-step-icons{display:flex;gap:8px;flex-wrap:wrap}.hiw-node{width:34px;height:34px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;background:#3b82f614;border:1px solid rgba(59,130,246,.14)}.dark .hiw-node{background:#3b82f629;border-color:#3b82f63d}.hiw-node img{width:18px;height:18px}.hiw-stepper-ctas{display:flex;gap:10px;flex-wrap:wrap;margin-top:6px}.hiw-mini-cta{height:38px;padding:0 14px;border-radius:9999px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:13px;font-weight:650;cursor:pointer;text-decoration:none;transition:transform var(--transition-fast),background-color var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast)}.hiw-mini-cta.primary{border:none;background:var(--color-primary);color:var(--text-inverse)}.hiw-mini-cta.primary:hover{transform:translateY(-1px);background:var(--color-primary-hover)}.hiw-mini-cta.secondary{background:transparent;border:1px solid var(--border-color);color:var(--text-primary)}.hiw-mini-cta.secondary:hover{transform:translateY(-1px);border-color:var(--border-hover)}.hiw-media{position:sticky;top:96px}.hiw-media-card{position:relative;overflow:hidden;border-radius:var(--radius-lg);border:1px solid var(--border-color);background:var(--bg-surface);box-shadow:var(--shadow-lg)}.hiw-media-img{width:100%;height:auto;display:block}.hiw-media-overlay{position:absolute;inset:0;pointer-events:none}.hiw-highlight{position:absolute;border-radius:16px;border:2px solid rgba(59,130,246,.55);background:#3b82f614;box-shadow:0 18px 50px #3b82f61f}.dark .hiw-highlight{background:#3b82f624;box-shadow:0 20px 60px #00000059}.hiw-callout{position:absolute;padding:8px 10px;border-radius:9999px;font-size:12px;font-weight:750;background:#ffffffe6;border:1px solid rgba(226,232,240,.9);box-shadow:var(--shadow-sm);backdrop-filter:blur(10px);color:var(--text-primary)}.dark .hiw-callout{background:#02061799;border-color:#94a3b82e}.hiw-media-note{margin:10px 0 0;font-size:var(--font-size-sm);color:var(--text-muted)}.hiw-flowcards{margin-top:var(--spacing-2xl);display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-lg)}.hiw-flowcard{padding:var(--spacing-xl);border-radius:var(--radius-lg);background:var(--bg-surface);border:1px solid var(--border-color);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.hiw-flowcard:hover{border-color:var(--border-hover);box-shadow:var(--shadow-sm)}.hiw-flowcard-top{display:flex;flex-direction:column;gap:12px;margin-bottom:12px}.hiw-flowcard-step{display:inline-flex;align-items:center;gap:8px;width:fit-content;padding:6px 10px;border-radius:9999px;font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#3b82f6f2;background:#3b82f614;border:1px solid rgba(59,130,246,.14)}.dark .hiw-flowcard-step{color:#22d3eef2;background:#22d3ee14;border-color:#22d3ee2e}.hiw-flowstrip{display:flex;align-items:center;gap:10px;width:100%}.hiw-flownode{width:40px;height:40px;border-radius:14px;display:inline-flex;align-items:center;justify-content:center;background:var(--bg-primary);border:1px solid var(--border-color);flex-shrink:0}.hiw-flownode img{width:20px;height:20px}.hiw-flowedge{height:2px;flex:1;border-radius:9999px;background-image:repeating-linear-gradient(90deg,rgba(59,130,246,.65) 0,rgba(59,130,246,.65) 10px,transparent 10px,transparent 22px);background-size:32px 2px;background-position:0 0;animation:hiwDash 10s linear infinite;opacity:.7}.dark .hiw-flowedge{opacity:.8}@keyframes hiwDash{to{background-position:-320px 0}}.hiw-industry{margin-top:var(--spacing-2xl)}.hiw-industry-tabs{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}.hiw-industry-tab{height:34px;padding:0 12px;border-radius:9999px;border:1px solid var(--border-color);background:var(--bg-surface);color:var(--text-secondary);font-size:13px;font-weight:650;cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:transform var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast)}.hiw-industry-tab:hover{transform:translateY(-1px);border-color:var(--border-hover);color:var(--text-primary)}.hiw-industry-tab.active{border-color:#3b82f673;color:var(--text-primary);box-shadow:0 0 0 1px #3b82f626}.hiw-industry-grid{margin-top:var(--spacing-lg);display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-lg)}.hiw-industry-card{padding:var(--spacing-xl);border-radius:var(--radius-lg);background:var(--bg-surface);border:1px solid var(--border-color)}@media(max-width:980px){.hiw-stepper{grid-template-columns:1fr}.hiw-media{position:static}.hiw-flowcards,.hiw-industry-grid{grid-template-columns:1fr}}.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}.public-breadcrumb{padding:82px 24px 0}.public-breadcrumb-content{max-width:1200px;margin:0 auto;display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:14px;line-height:1.4}.public-breadcrumb-link{color:var(--text-muted, #64748b);text-decoration:none}.public-breadcrumb-link:hover{text-decoration:underline}.public-breadcrumb-separator{color:var(--text-muted, #64748b)}.public-breadcrumb-current{color:var(--text-primary, #0f172a)}@media(max-width:680px){.public-breadcrumb{padding:74px 16px 0}}.education-page{min-height:100vh;background:var(--bg-surface);color:var(--text-primary)}.education-main{max-width:1020px;margin:0 auto;padding:20px 20px 80px}.education-hero-card,.education-section{border:1px solid var(--border-color);border-radius:16px;background:var(--bg-primary);box-shadow:0 2px 8px #0f172a0a}.education-hero-card{padding:34px}.education-back-btn{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--border-color);background:var(--bg-primary);color:var(--text-primary);border-radius:999px;padding:7px 12px;font-size:12px;font-weight:700;cursor:pointer}.education-badge{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--border-color);background:var(--bg-secondary);color:var(--text-secondary);border-radius:999px;padding:6px 11px;font-size:12px;font-weight:700;margin-bottom:14px}.education-hero-card h1{margin:0;max-width:22ch;font-size:clamp(30px,4vw,46px);line-height:1.06;letter-spacing:-.03em}.education-hero-card p{margin:14px 0 0;max-width:72ch;color:var(--text-secondary);line-height:1.65}.education-hero-actions{margin-top:20px;display:flex;gap:10px;flex-wrap:wrap}.education-primary-btn,.education-secondary-btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;border-radius:10px;border:1px solid transparent;padding:11px 15px;font-size:14px;font-weight:700;cursor:pointer}.education-primary-btn{background:var(--color-primary);color:var(--text-inverse)}.education-primary-btn:disabled{opacity:.62;cursor:not-allowed}.education-secondary-btn{background:var(--bg-primary);border-color:var(--border-color);color:var(--text-primary)}.education-eligibility{margin-top:14px;display:inline-flex;align-items:center;gap:7px;padding:8px 12px;border-radius:10px;font-size:12px;font-weight:600}.education-eligibility.eligible{background:#10b9811c;color:#047857}.education-eligibility.ineligible{background:#3b82f61a;color:#1d4ed8}.education-section{margin-top:26px;padding:24px}.education-section h2{margin:0;font-size:24px}.education-section>p{margin:8px 0 0;color:var(--text-secondary);line-height:1.55}.education-signup-guide{margin-top:22px}.education-guide-grid{margin-top:14px;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px}.education-guide-card{border:1px solid var(--border-color);border-radius:12px;padding:14px;background:var(--bg-secondary)}.education-guide-head{display:flex;align-items:center;justify-content:space-between}.education-guide-step-num{width:24px;height:24px;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;font-size:11px;font-weight:700;color:var(--text-inverse);background:var(--color-primary)}.education-guide-icon{width:24px;height:24px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;color:var(--color-primary);background:var(--color-primary-light)}.education-guide-card h3{margin:10px 0 6px;font-size:15px;line-height:1.3}.education-guide-card p{margin:0;color:var(--text-secondary);font-size:13px;line-height:1.5}.education-verify-box{margin-top:14px;display:flex;align-items:center;gap:10px;flex-wrap:wrap}.education-input-wrap{min-width:290px;flex:1;display:inline-flex;align-items:center;gap:8px;border:1px solid var(--border-color);border-radius:10px;background:var(--bg-secondary);color:var(--text-secondary);padding:11px 12px}.education-input-wrap input{width:100%;border:none;background:transparent;color:var(--text-primary);outline:none}.education-input-wrap input:disabled{cursor:not-allowed;opacity:.78}.education-template-grid{margin-top:14px;display:grid;grid-template-columns:repeat(auto-fit,minmax(215px,1fr));gap:11px}.education-template-card{border:1px solid var(--border-color);border-radius:12px;padding:14px;background:var(--bg-secondary)}.education-template-icon{width:28px;height:28px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;color:var(--color-primary);background:var(--color-primary-light)}.education-template-card h3{margin:10px 0 6px;font-size:15px}.education-template-card p{margin:0;color:var(--text-secondary);font-size:13px;line-height:1.52}.education-workflow{margin-top:14px;display:grid;gap:8px}.education-workflow-item{border:1px solid var(--border-color);border-radius:10px;padding:10px 12px;display:flex;align-items:center;gap:8px;background:var(--bg-secondary);color:var(--text-secondary);font-size:14px}.education-final-cta{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}.education-final-copy{display:inline-flex;align-items:center;gap:7px;font-size:13px;font-weight:700;color:var(--text-secondary)}.education-final-actions{display:flex;gap:10px;flex-wrap:wrap}@media(max-width:900px){.education-main{padding-top:18px}.education-hero-card{padding:24px}}@media(max-width:680px){.education-main{padding:14px 14px 64px}.education-section{padding:18px}.education-verify-box{flex-direction:column;align-items:stretch}.education-input-wrap{min-width:0}.education-primary-btn,.education-secondary-btn{width:100%}}.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}.login-breadcrumb{position:fixed;inset:64px 0 auto;z-index:110;padding:10px 24px;background:#ffffffc7;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--lp-card-border)}.theme-dark .login-breadcrumb{background:#0f172ad1}.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:1200px;padding:6rem 3rem 2rem;gap:6rem;align-items:center;justify-content:center;transition:all .6s cubic-bezier(.16,1,.3,1)}.brand-section{flex:1;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;max-width:500px}.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-typography.hero-centered{align-items:flex-start;text-align:left}.hero-typography.hero-centered .hero-main-title{text-align:left}.hero-logo{height:80px;width:auto;margin-bottom:1rem;filter:saturate(1.2) contrast(1.1);transition:filter .4s ease}.hero-favicon{height:64px;width:auto;margin-bottom:1.5rem}.hero-inline-icon{height:.85em;width:auto;vertical-align:baseline;margin-right:.15em}.theme-dark .hero-logo{filter:brightness(1.1) drop-shadow(0 0 12px rgba(255,255,255,.15))}.hero-main-title{font-size:5rem;font-weight:800;line-height:1.1;letter-spacing:-.03em;color:var(--lp-text-primary);transition:all .5s ease;text-shadow:0 2px 20px rgba(0,0,0,.1);position:relative;top:-60px;left:-140px}.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))}.text-blue{color:#3b82f6}.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:420px;flex-shrink:0;transition:all .5s ease}.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}.auth-card-header{text-align:center}.auth-card-header h2{font-size:1.75rem;font-weight:800;margin-bottom:1rem;color:var(--lp-text-primary)}.auth-card-header p{font-size:1rem;font-weight:500;color:var(--lp-text-secondary)}.auth-invitation-banner{background:linear-gradient(135deg,#10b981,#059669);color:#fff;padding:12px 16px;border-radius:10px;margin-bottom:16px;display:flex;align-items:center;gap:10px;font-size:.9rem;font-weight:600;box-shadow:0 4px 12px #10b98140}.auth-invitation-banner svg{flex-shrink:0}.auth-input-group input.invitation-locked{background:rgba(var(--lp-input-rgb, 15, 23, 42),.08);cursor:not-allowed;opacity:.85;border-style:dashed}.theme-dark .auth-input-group input.invitation-locked{background:#ffffff14}.invitation-email-hint{font-size:.75rem;color:var(--lp-text-muted);font-style:italic}.auth-card-body{display:flex;flex-direction:column;gap:1.5rem}.auth-social-icons{display:flex;justify-content:center;gap:1rem}.auth-icon-btn{width:56px;height:56px;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;cursor:pointer;transition:all .2s ease}.auth-icon-btn svg{width:24px;height:24px}.theme-light .auth-icon-btn{--lp-btn-rgb: 15, 23, 42}.theme-dark .auth-icon-btn{--lp-btn-rgb: 255, 255, 255}.auth-icon-btn:hover{background:#ffffff1a;transform:translateY(-2px);border-color:var(--lp-accent-blue)}.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-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:1rem;margin-top:.5rem}.auth-card-footer p{font-size:1rem;color:var(--lp-text-primary);font-weight:500}.toggle-auth-btn{background:none;border:none;color:#3b82f6;font-weight:700;cursor:pointer;margin-left:.5rem;font-size:1rem}.auth-guest-btn{width:100%;min-height:48px;height:auto;background:#0f172a08;border:1px solid var(--lp-card-border);border-radius:12px;display:flex;align-items:center;justify-content:center;gap:.625rem;padding:.675rem .875rem;color:var(--lp-text-primary);font-weight:700;font-size:.9375rem;cursor:pointer;box-shadow:0 1px 2px #0000000a;transition:background-color .2s ease,border-color .2s ease,box-shadow .2s ease,transform .2s ease,color .2s ease;margin-top:-.5rem}.login-container.theme-dark .auth-guest-btn{background:#ffffff0f;box-shadow:0 1px 2px #00000040}.auth-guest-btn:focus-visible{outline:none;border-color:#3b82f659;box-shadow:0 0 0 3px var(--focus-ring-primary-md),0 1px 2px #0000000a}.auth-guest-btn:hover{border-color:#0f172a2e;background:#0f172a0b;box-shadow:0 2px 10px #0000000f}.login-container.theme-dark .auth-guest-btn:hover{border-color:#ffffff38;background:#ffffff13;box-shadow:0 2px 14px #00000059}.auth-guest-btn:active:not(:disabled){transform:translateY(0)}.auth-guest-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.auth-guest-btn.auth-guest-btn-prominent{margin-top:0;margin-bottom:.25rem}.auth-guest-btn.auth-guest-btn-prominent:hover{transform:translateY(-1px)}.guest-limits-hint{font-size:.75rem;color:var(--lp-text-muted);text-align:center;margin-top:-.75rem;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}.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;max-width:600px;padding-top:6rem}.brand-section,.hero-typography.hero-centered{align-items:center;text-align:center}.hero-typography.hero-centered .hero-main-title{text-align:center}.brand-logo{position:static;margin-bottom:2rem}.hero-main-title{font-size:3rem}.auth-section{width:100%;max-width:440px}}@media(max-width:640px){.login-breadcrumb{inset:58px 0 auto;padding:8px 16px}.login-content-wrapper{padding:5rem 1rem 1rem}.hero-main-title{font-size:2.5rem}}.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}.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)}}.not-found-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg-main, #f8fafc);padding:24px}.not-found-content{text-align:center;max-width:480px}.not-found-visual{position:relative;margin-bottom:32px}.not-found-code{font-size:120px;font-weight:800;line-height:1;color:var(--bg-tertiary, #e2e8f0);letter-spacing:-4px}.not-found-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:80px;height:80px;border-radius:50%;background:var(--bg-surface, white);display:flex;align-items:center;justify-content:center;color:var(--text-secondary, #64748b);box-shadow:0 4px 12px #0000001a}.not-found-title{font-size:28px;font-weight:700;color:var(--text-primary, #1e293b);margin:0 0 12px}.not-found-message{font-size:16px;color:var(--text-secondary, #64748b);line-height:1.6;margin:0 0 24px}.not-found-path{font-size:13px;color:var(--text-tertiary, #94a3b8);margin:0 0 24px}.not-found-path code{background:var(--bg-tertiary, #e2e8f0);padding:2px 8px;border-radius:4px;font-family:monospace}.not-found-actions{display:flex;gap:12px;justify-content:center;margin-bottom:32px}.not-found-btn{display:flex;align-items:center;gap:8px;padding:12px 24px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;border:none}.not-found-btn.primary{background:var(--brand-primary, #1929be);color:#fff}.not-found-btn.primary:hover{background:var(--brand-primary-dark, #141f8e);transform:translateY(-1px);box-shadow:0 4px 12px #1929be4d}.not-found-btn.secondary{background:var(--bg-surface, white);color:var(--text-primary, #1e293b);border:1px solid var(--border-color, #e2e8f0)}.not-found-btn.secondary:hover{background:var(--bg-secondary, #f1f5f9)}.not-found-help{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:var(--text-tertiary, #94a3b8);text-decoration:none;transition:color .2s}.not-found-help:hover{color:var(--text-secondary, #64748b)}.dark .not-found-page{background:var(--dark-bg-main, #0f172a)}.dark .not-found-code{color:var(--dark-bg-tertiary, #1e293b)}.dark .not-found-icon{background:var(--dark-bg-surface, #1e293b);color:var(--dark-text-secondary)}.dark .not-found-title{color:var(--dark-text-primary, #f1f5f9)}.dark .not-found-message{color:var(--dark-text-secondary, #94a3b8)}.dark .not-found-btn.secondary{background:var(--dark-bg-surface, #1e293b);color:var(--dark-text-primary);border-color:var(--dark-border)}.dark .not-found-btn.secondary:hover{background:var(--dark-bg-tertiary, #334155)}@media(max-width:480px){.not-found-code{font-size:80px}.not-found-icon{width:60px;height:60px}.not-found-icon svg{width:32px;height:32px}.not-found-actions{flex-direction:column}}.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)}.onboarding-select{width:100%;padding:12px 14px;border-radius:10px;border:2px solid var(--border-color);background:var(--bg-secondary);color:var(--text-primary);font-size:14px;font-family:inherit}.onboarding-select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-shadow-medium)}.dark .onboarding-select{background:var(--bg-tertiary);border-color:var(--text-primary);color:var(--text-primary)}.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}}.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)}}: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-dark-contrast);--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-dark);--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-dark);--color-status-good-bg: rgba(16, 185, 129, .1);--color-status-warn: var(--color-warning-dark);--color-status-warn-bg: rgba(245, 158, 11, .1);--color-status-bad: var(--color-danger-dark);--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}.registry-warning-banner{background:var(--color-warning-light);border:1px solid var(--color-warning);border-radius:8px;padding:10px 12px;margin:12px 0;font-size:11px;color:var(--color-warning-dark, #92400e);animation:validationSlideIn .3s cubic-bezier(.4,0,.2,1)}.registry-warning-header{display:flex;align-items:center;gap:6px;font-weight:600;line-height:1.3}.registry-warning-header svg{flex-shrink:0;color:var(--color-warning)}.registry-warning-actions{display:flex;gap:8px;margin-top:8px}.registry-warning-fix,.registry-warning-dismiss{padding:4px 10px;border-radius:4px;font-size:11px;font-weight:500;cursor:pointer;border:none;transition:background .15s ease}.registry-warning-fix{background:var(--color-warning);color:#fff}.registry-warning-fix:hover{filter:brightness(.9)}.registry-warning-dismiss{background:transparent;color:var(--color-warning-dark, #92400e);border:1px solid var(--color-warning)}.registry-warning-dismiss:hover{background:var(--color-warning-light)}.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-title{display:flex;align-items:center;gap:8px}.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)}.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-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}.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}.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)}}.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)}.clause{display:flex;align-items:center;gap:var(--clause-row-gap, 6px);flex-wrap:wrap}.clause.stacked{flex-direction:column;align-items:stretch}.clause select,.clause input{font-family:var(--font-family);font-size:var(--font-size-md);font-weight:var(--font-weight-medium);border-radius:var(--clause-token-radius, 6px);padding:var(--clause-token-padding, 2px 8px);border:1px solid;outline:none;transition:border-color var(--transition-fast),box-shadow var(--transition-fast);min-width:0;height:28px;box-sizing:border-box}.clause select:focus,.clause input:focus{box-shadow:0 0 0 2px var(--focus-ring-primary)}.clause select:disabled,.clause input:disabled{opacity:.5;cursor:not-allowed}.clause-agent-select{background:var(--clause-agent-bg);color:var(--clause-agent-text);border-color:var(--clause-agent-border);max-width:140px}.clause-agent-select:hover:not(:disabled){border-color:var(--color-primary)}.clause-attr-select{background:var(--clause-attr-bg);color:var(--clause-attr-text);border-color:var(--clause-attr-border);flex:1;min-width:90px;max-width:160px}.clause-attr-select:hover:not(:disabled){border-color:var(--color-purple)}.clause-operator-select{background:var(--clause-logic-bg);color:var(--clause-logic-text);border-color:var(--border-color);width:auto;min-width:60px;max-width:90px;text-align:center}.clause-operator-select:hover:not(:disabled){border-color:var(--border-hover)}.clause-value-select,.clause-value-input{background:var(--clause-value-bg);color:var(--clause-value-text);border-color:var(--clause-value-border);flex:1;min-width:70px;max-width:140px}.clause-value-select:hover:not(:disabled),.clause-value-input:hover:not(:disabled){border-color:#047857}.clause-value-input::placeholder{color:var(--clause-value-text);opacity:.5}.clause-connector{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--clause-logic-text);user-select:none;flex-shrink:0}.clause.compact select,.clause.compact input{font-size:var(--font-size-sm);height:24px;padding:1px 6px}.clause.compact .clause-attr-select{max-width:120px}.clause.compact .clause-value-select,.clause.compact .clause-value-input{max-width:100px}.clause.compact .clause-connector{font-size:var(--font-size-xs)}.clause-stale{border-color:var(--color-danger)!important;background:var(--color-danger-light)!important;color:var(--color-danger)!important}.clause-stale:hover:not(:disabled){border-color:var(--color-danger)!important}.field-label,.prop-option-description,.preset-selector-description,.field-hint,.attr-type,.efficiency-grid-label,.compact-preset-icon,.info-tooltip-trigger{color:var(--text-secondary)!important}.color-picker-name,.status-badge-neutral,.unified-staffing-agent-name,.field-checkbox span{color:var(--text-primary)!important}.profile-subtitle,.attr-label,.efficiency-grid-header .field-hint{color:var(--text-secondary)!important}.prop-group,.prop-section{color:var(--text-primary)}.routing-strategy-text,.source-routing-label{color:var(--text-primary)!important;font-weight:500}.insight-card:hover{box-shadow:0 2px 8px var(--shadow-overlay-xs)}.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-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-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}.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(--text-primary);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}.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, #3b82f6),var(--color-primary-hover, #2563eb));color:var(--text-inverse, #fff);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, rgba(59, 130, 246, .3));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}@keyframes spin{to{transform:rotate(360deg)}}.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}.processor-mode-card{animation-delay:85ms}.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-bar{fill:var(--color-primary, #3b82f6);opacity:.7;transition:opacity .15s ease}.detective-sparkline:hover .detective-sparkline-bar{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{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:14px 20px;background:linear-gradient(135deg,var(--color-primary, #3b82f6),var(--color-primary-hover, #2563eb));color:var(--text-inverse, #fff);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, rgba(59, 130, 246, .3));animation:fadeIn .3s var(--ease-out);animation-delay:.4s;animation-fill-mode:backwards}.detective-apply-btn:hover{transform:translateY(-1px);box-shadow:0 6px 16px var(--color-primary-shadow-heavy, rgba(59, 130, 246, .4))}.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 1 auto;min-width:0;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)}.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;width:100%;box-sizing:border-box;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{flex:1 1 auto;min-width:50px;height:6px;background:var(--border-color);border-radius:3px;overflow:hidden}.schedule-bar{height:100%;width:var(--schedule-bar-width, 0%);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)}@media(max-width:640px){.arrival-schedule-editor{padding:8px}.schedule-bar-container{min-width:38px}.schedule-period-label{min-width:30px;font-size:10px}.schedule-row{gap:4px;padding:4px}.schedule-clear-btn{font-size:10px;padding:4px 8px}}@media(max-width:420px){.schedule-bar-container{min-width:30px}.schedule-period-label{font-size:9px}.schedule-total,.schedule-warning span,.schedule-truncation-notice span{font-size:10px}}.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(--text-secondary);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(--text-primary)}.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(--text-primary)}.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}}.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}.select-field{display:flex;flex-direction:column;gap:6px}.select-field-label{font-size:11px;font-weight:600;color:var(--text-secondary, var(--text-secondary));letter-spacing:.01em}.select-field-wrapper{position:relative;display:inline-flex;align-items:center;width:100%}.select-field-input{appearance:none;-webkit-appearance:none;-moz-appearance:none;cursor:pointer;font-family:inherit;transition:all .2s ease}.select-field-chevron{position:absolute;right:10px;pointer-events:none;color:var(--text-secondary, var(--text-secondary));transition:color .2s ease}.select-field-input-default{box-sizing:border-box;width:100%;padding:8px 32px 8px 10px;border:1px solid var(--select-border);border-radius:6px;font-size:13px;color:var(--select-text);background:var(--select-bg)}.select-field-input-default:hover{border-color:var(--select-open-border)}.select-field-input-default:focus{border-color:var(--select-open-border);outline:none;box-shadow:var(--input-focus-shadow)}.select-field-input-default:disabled{opacity:.6;cursor:not-allowed;background:var(--input-disabled-bg)}.select-field-unit{display:inline-flex;width:auto}.select-field-input-unit{padding:4px 28px 4px 10px;border:1px solid var(--color-primary);border-radius:20px;font-size:11px;font-weight:600;color:#fff;background:var(--color-primary)}.select-field-input-unit:hover{border-color:var(--color-primary-hover);background:var(--color-primary-hover)}.select-field-input-unit:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 2px var(--focus-ring-primary-xl)}.select-field-unit .select-field-chevron{right:8px;color:#fff}.select-field-input-unit:disabled{opacity:.6;cursor:not-allowed}.select-field-input-compact{padding:4px 24px 4px 8px;border:1px solid var(--select-border);border-radius:4px;font-size:11px;color:var(--select-text);background:var(--select-bg)}.select-field-compact .select-field-chevron{right:6px}.select-field-compact{width:auto}.select-field-inline{display:inline-flex;flex-direction:row;align-items:center;gap:8px}.select-field-inline .select-field-label{margin-bottom:0}.select-field-inline .select-field-wrapper{width:auto}.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-primary-shadow-xs)}.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-primary-shadow-md)}@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}.cqc-container{margin-top:var(--spacing-md)}.cqc-card{padding:var(--spacing-md);background:var(--bg-surface);border-radius:var(--radius-md);border:1px solid var(--border-color)}.cqc-section{display:flex;flex-direction:column;gap:var(--spacing-sm)}.cqc-section-title{font-size:12px;font-weight:600;color:var(--text-primary);margin-bottom:4px}.cqc-select-wrapper{position:relative}.cqc-select{width:100%;padding:10px 12px 10px 32px;border:1px dashed var(--border-color);border-radius:var(--radius-md);background:var(--bg-surface);font-size:12px;color:var(--text-primary);cursor:pointer;appearance:none}.cqc-select-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);pointer-events:none;color:var(--text-muted)}.cqc-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px}.cqc-header-left{display:flex;align-items:center;gap:8px}.cqc-badge{width:22px;height:22px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center}.cqc-badge.numeric{background:var(--color-primary-light);color:var(--color-primary)}.cqc-badge.categorical{background:var(--color-purple-light);color:var(--color-purple)}.cqc-header-label{font-size:12px;font-weight:600;color:var(--text-primary)}.cqc-change-btn{padding:4px 8px;background:none;border:1px solid var(--border-color);border-radius:var(--radius-sm);font-size:10px;color:var(--text-secondary);cursor:pointer}.cqc-change-btn:hover{background:var(--bg-hover)}.cqc-options{display:flex;flex-direction:column;gap:6px}.cqc-option{display:flex;align-items:center;gap:10px;padding:10px 12px;background:var(--bg-primary);border-radius:var(--radius-md);border:1px solid var(--border-color);cursor:pointer}.cqc-option.selected{background:var(--color-primary-light);border-color:var(--color-primary)}.cqc-option input[type=radio]{accent-color:var(--color-primary)}.cqc-option-text{flex:1}.cqc-option-title{font-size:13px;font-weight:500;color:var(--text-primary)}.cqc-option-desc{font-size:11px;color:var(--text-secondary)}.cqc-hint{font-size:11px;color:var(--text-secondary);margin-bottom:4px}.cqc-priority-list{display:flex;flex-direction:column;gap:4px}.cqc-priority-item{display:flex;align-items:center;gap:8px;padding:8px 10px;background:var(--bg-primary);border-radius:var(--radius-sm);border:1px solid var(--border-color)}.cqc-priority-badge{width:24px;height:24px;border-radius:var(--radius-sm);color:var(--text-inverse);display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;flex-shrink:0}.cqc-priority-badge.rank-0{background:var(--color-danger)}.cqc-priority-badge.rank-1{background:var(--color-warning)}.cqc-priority-badge.rank-2{background:var(--color-success)}.cqc-priority-name{flex:1;font-size:13px;font-weight:500;color:var(--text-primary)}.cqc-priority-actions{display:flex;gap:2px}.cqc-move-btn{width:24px;height:24px;border:none;background:transparent;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer}.cqc-move-btn:hover{background:var(--bg-hover)}.cqc-move-btn:focus-visible{outline:2px solid var(--focus-ring, var(--color-primary));outline-offset:1px}.cqc-move-btn:disabled{opacity:.35;cursor:default}.cqc-empty{padding:16px;background:var(--color-warning-light);border:1px solid color-mix(in srgb,var(--color-warning) 24%,transparent);border-radius:var(--radius-md);text-align:center;display:flex;flex-direction:column;align-items:center}.cqc-empty-icon{color:var(--color-warning);margin-bottom:8px}.cqc-empty-title{font-size:12px;font-weight:600;color:var(--color-warning-dark);margin-bottom:4px}.cqc-empty-desc{font-size:11px;color:var(--color-warning-dark);line-height:1.5}@media(max-width:480px){.cqc-card{padding:var(--spacing-sm)}.cqc-header-label,.cqc-option-title,.cqc-priority-name{font-size:12px}}.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-text);color:var(--validation-error-text)}.validation-message-warning{background:var(--validation-warning-bg);border:1px solid var(--validation-warning-text);color:var(--validation-warning-text)}.validation-message-success{background:var(--validation-success-bg);border:1px solid var(--validation-success-text);color:var(--validation-success-text)}.validation-message-info{background:var(--validation-info-bg);border:1px solid var(--validation-info-text);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)}.service-rule-card{position:relative}.service-rule-card .timing-rule-remove{position:absolute;top:8px;right:8px}.service-rule-condition{display:flex;align-items:center;justify-content:center;gap:6px;flex-wrap:wrap}.timing-unit-label{font-size:13px;font-weight:500;color:var(--color-gray-500);white-space:nowrap}.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)}:root{--color-primary: #3b82f6;--color-primary-hover: #2563eb;--color-primary-light: #eff6ff;--color-primary-dark: #1d4ed8;--color-primary-dark-contrast: #1a3a7a;--color-success: #16a34a;--color-success-hover: #15803d;--color-success-light: #dcfce7;--color-success-dark: #064a19;--color-warning: #f59e0b;--color-warning-hover: #d97706;--color-warning-light: #fef3c7;--color-warning-dark: #7a3e00;--color-danger: #dc2626;--color-danger-hover: #b91c1c;--color-danger-light: #fee2e2;--color-danger-dark: #7d1010;--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: #334155;--color-gray-500: #334155;--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: #64748b;--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);--chart-grid: var(--color-gray-200);--chart-grid-subtle: var(--color-gray-100);--chart-axis: var(--color-gray-600);--chart-axis-strong: var(--color-gray-700);--chart-text: var(--color-gray-800);--chart-text-muted: var(--color-gray-600);--chart-text-subtle: var(--color-gray-400);--chart-tooltip-bg: rgba(255, 255, 255, .98);--chart-tooltip-border: var(--color-gray-200);--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);--clause-agent-bg: #eff6ff;--clause-agent-text: #1d4ed8;--clause-agent-border: #bfdbfe;--clause-attr-bg: #f5f3ff;--clause-attr-text: #7c3aed;--clause-attr-border: #ddd6fe;--clause-value-bg: #ecfdf5;--clause-value-text: #047857;--clause-value-border: #a7f3d0;--clause-logic-bg: #f8fafc;--clause-logic-text: #64748b;--clause-token-radius: 6px;--clause-token-padding: 2px 8px;--clause-row-gap: 6px;--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-dark);--badge-success-border: var(--color-success-dark);--badge-warning-bg: var(--color-warning-light);--badge-warning-text: var(--color-warning-dark);--badge-warning-border: var(--color-warning-dark);--badge-danger-bg: var(--color-danger-light);--badge-danger-text: var(--color-danger-dark);--badge-danger-border: var(--color-danger-dark);--badge-info-bg: var(--color-primary-light);--badge-info-text: var(--color-primary-dark-contrast);--badge-info-border: var(--color-primary-dark-contrast);--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-dark);--toast-success-border: var(--color-success-dark);--toast-warning-bg: var(--color-warning-light);--toast-warning-text: var(--color-warning-dark);--toast-warning-border: var(--color-warning-dark);--toast-error-bg: var(--color-danger-light);--toast-error-text: var(--color-danger-dark);--toast-error-border: var(--color-danger-dark);--toast-info-bg: var(--color-primary-light);--toast-info-text: var(--color-primary-dark-contrast);--toast-info-border: var(--color-primary-dark-contrast);--alert-success-bg: var(--color-success-light);--alert-success-text: var(--color-success-dark);--alert-success-border: var(--color-success-dark);--alert-warning-bg: var(--color-warning-light);--alert-warning-text: var(--color-warning-dark);--alert-warning-border: var(--color-warning-dark);--alert-error-bg: var(--color-danger-light);--alert-error-text: var(--color-danger-dark);--alert-error-border: var(--color-danger-dark);--validation-error-text: var(--color-danger-dark);--validation-error-bg: var(--color-danger-light);--validation-warning-text: var(--color-warning-dark);--validation-warning-bg: var(--color-warning-light);--validation-success-text: var(--color-success-dark);--validation-success-bg: var(--color-success-light);--validation-info-text: var(--color-primary-dark-contrast);--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-dark);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-primary-shadow-md)}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-600);--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)}.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)}