@import "https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap";
:root{--color-primary:#000;--color-primary-light:#1a1a1a;--color-primary-dark:#000;--color-primary-rgb:0,0,0;--color-secondary:#a0062f;--color-secondary-light:#c41040;--color-secondary-dark:#7a0424;--color-secondary-rgb:160,6,47;--color-accent:#fff;--color-accent-muted:#f5f5f7;--color-success:#22c55e;--color-success-light:#dcfce7;--color-warning:#f59e0b;--color-warning-light:#fef3c7;--color-error:#ef4444;--color-error-light:#fee2e2;--color-info:#3b82f6;--color-info-light:#dbeafe;--color-gray-50:#f9fafb;--color-gray-100:#f3f4f6;--color-gray-200:#e5e7eb;--color-gray-300:#d1d5db;--color-gray-400:#9ca3af;--color-gray-500:#6b7280;--color-gray-600:#4b5563;--color-gray-700:#374151;--color-gray-800:#1f2937;--color-gray-900:#111827;--color-text-primary:var(--color-gray-900);--color-text-secondary:var(--color-gray-600);--color-text-muted:var(--color-gray-400);--color-text-inverse:var(--color-accent);--color-bg-primary:var(--color-accent);--color-bg-secondary:var(--color-gray-50);--color-bg-tertiary:var(--color-gray-100);--color-border:var(--color-gray-200);--color-border-focus:var(--color-secondary);--font-family:"Poppins",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--font-family-mono:"SF Mono","Fira Code",monospace;--font-size-xs:.75rem;--font-size-sm:.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--font-size-4xl:2.25rem;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--line-height-tight:1.25;--line-height-normal:1.5;--line-height-relaxed:1.75;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--radius-sm:.25rem;--radius-md:.5rem;--radius-lg:.75rem;--radius-xl:1rem;--radius-full:9999px;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;--shadow-xl:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;--transition-fast:.15s ease;--transition-normal:.25s ease;--transition-slow:.35s ease;--z-dropdown:100;--z-modal:200;--z-tooltip:300;--header-height:64px;--footer-height:48px;--sidebar-width:280px;--max-content-width:1200px;--wizard-max-width:1200px}
.btn{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-3)var(--space-5);font-family:var(--font-family);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);line-height:var(--line-height-tight);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);border:1px solid #0000;text-decoration:none;display:inline-flex}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background-color:var(--color-primary);color:var(--color-text-inverse);border-color:var(--color-primary)}.btn-primary:hover:not(:disabled){background-color:var(--color-primary-light);border-color:var(--color-primary-light)}.btn-secondary{background-color:var(--color-secondary);color:var(--color-text-inverse);border-color:var(--color-secondary)}.btn-secondary:hover:not(:disabled){background-color:var(--color-secondary-light);border-color:var(--color-secondary-light)}.btn-outline{color:var(--color-primary);border-color:var(--color-primary);background-color:#0000}.btn-outline:hover:not(:disabled){background-color:var(--color-primary);color:var(--color-text-inverse)}.btn-ghost{color:var(--color-text-secondary);background-color:#0000;border-color:#0000}.btn-ghost:hover:not(:disabled){background-color:var(--color-gray-100);color:var(--color-text-primary)}.btn-danger{color:#fff;background-color:#dc2626;border-color:#dc2626}.btn-danger:hover:not(:disabled){background-color:#b91c1c;border-color:#b91c1c}.btn-lg{padding:var(--space-4)var(--space-6);font-size:var(--font-size-base)}.btn-sm{padding:var(--space-2)var(--space-3);font-size:var(--font-size-xs)}.btn-full{width:100%}.form-group{gap:var(--space-2);flex-direction:column;display:flex}.form-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.form-label-required:after{content:" *";color:var(--color-error)}.form-hint{font-size:var(--font-size-xs);color:var(--color-text-muted)}.form-input,.form-select,.form-textarea{width:100%;padding:var(--space-3)var(--space-4);font-family:var(--font-family);font-size:var(--font-size-base);color:var(--color-text-primary);background-color:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.form-select{appearance:none;padding-right:var(--space-10);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='%236b7280' d='M1.41 0L6 4.58 10.59 0 12 1.41l-6 6-6-6z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--space-3)center}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--color-border-focus);box-shadow:0 0 0 3px rgba(var(--color-secondary-rgb),.15);outline:none}.form-input:disabled,.form-select:disabled,.form-textarea:disabled{background-color:var(--color-gray-100);cursor:not-allowed}textarea.form-input,textarea.form-textarea{resize:vertical;min-height:4.5em}.form-input-error{border-color:var(--color-error)}.form-input-error:focus{box-shadow:0 0 0 3px #ef444426}.form-error{font-size:var(--font-size-xs);color:var(--color-error)}.form-input-with-unit{align-items:stretch;display:flex}.form-input-with-unit .form-input{border-right:none;border-top-right-radius:0;border-bottom-right-radius:0;flex:1;min-width:0}.form-input-unit{min-width:50px;padding:0 var(--space-3);background-color:var(--color-gray-100);border:1px solid var(--color-border);border-top-right-radius:var(--radius-md);border-bottom-right-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);white-space:nowrap;border-left:none;justify-content:center;align-items:center;display:flex}.toggle{align-items:center;gap:var(--space-3);cursor:pointer;display:flex}.toggle-input{opacity:0;width:0;height:0;position:absolute}.toggle-switch{background-color:var(--color-gray-300);border-radius:var(--radius-full);width:44px;height:24px;transition:background-color var(--transition-fast);position:relative}.toggle-switch:after{content:"";border-radius:var(--radius-full);width:20px;height:20px;transition:transform var(--transition-fast);box-shadow:var(--shadow-sm);background-color:#fff;position:absolute;top:2px;left:2px}.toggle-input:checked+.toggle-switch{background-color:var(--color-secondary)}.toggle-input:checked+.toggle-switch:after{transform:translate(20px)}.toggle-input:focus+.toggle-switch{box-shadow:0 0 0 3px rgba(var(--color-secondary-rgb),.15)}.toggle-label{font-size:var(--font-size-sm);color:var(--color-text-primary)}.checkbox{align-items:center;gap:var(--space-2);cursor:pointer;display:flex}.checkbox-input{width:18px;height:18px;accent-color:var(--color-secondary)}.checkbox-label{font-size:var(--font-size-sm);color:var(--color-text-primary)}.card{background-color:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-6);box-shadow:var(--shadow-sm)}.card-header{margin-bottom:var(--space-4);justify-content:space-between;align-items:flex-start;display:flex}.card-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0}.card-subtitle{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-top:var(--space-1)}.card-body{color:var(--color-text-primary)}.card-footer{margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--color-border)}.card-selected{border-color:var(--color-secondary);box-shadow:0 0 0 2px rgba(var(--color-secondary-rgb),.2)}.alert{gap:var(--space-3);padding:var(--space-4);border-radius:var(--radius-md);font-size:var(--font-size-sm);display:flex}.alert-icon{flex-shrink:0;width:20px;height:20px}.alert-content{flex:1}.alert-title{font-weight:var(--font-weight-semibold);margin-bottom:var(--space-1)}.alert-info{background-color:var(--color-info-light);color:var(--color-info)}.alert-success{background-color:var(--color-success-light);color:var(--color-success)}.alert-warning{background-color:var(--color-warning-light);color:var(--color-warning)}.alert-error{background-color:var(--color-error-light);color:var(--color-error)}.badge{padding:var(--space-1)var(--space-2);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);border-radius:var(--radius-full);align-items:center;display:inline-flex}.badge-primary{background-color:var(--color-primary);color:var(--color-text-inverse)}.badge-secondary{background-color:var(--color-secondary);color:var(--color-text-inverse)}.badge-success{background-color:var(--color-success-light);color:var(--color-success)}.badge-warning{background-color:var(--color-warning-light);color:var(--color-warning)}.badge-error{background-color:var(--color-error-light);color:var(--color-error)}.badge-gray{background-color:var(--color-gray-100);color:var(--color-gray-600)}.table{border-collapse:collapse;width:100%;font-size:var(--font-size-sm)}.table th,.table td{padding:var(--space-3)var(--space-4);text-align:left;border-bottom:1px solid var(--color-border)}.table th{font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);background-color:var(--color-gray-50)}.table tbody tr:hover{background-color:var(--color-gray-50)}.table-compact th,.table-compact td{padding:var(--space-2)var(--space-3)}.sr-only{clip:rect(0,0,0,0);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.text-center{text-align:center}.text-right{text-align:right}.text-muted{color:var(--color-text-muted)}.text-error{color:var(--color-error)}.text-success{color:var(--color-success)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-2{gap:var(--space-2)}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}.mt-2{margin-top:var(--space-2)}.mt-4{margin-top:var(--space-4)}.mt-6{margin-top:var(--space-6)}.mb-2{margin-bottom:var(--space-2)}.mb-4{margin-bottom:var(--space-4)}.mb-6{margin-bottom:var(--space-6)}.w-full{width:100%}.modal-backdrop{z-index:var(--z-modal);padding:var(--space-4);background-color:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{background-color:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);flex-direction:column;width:100%;max-height:90vh;display:flex}.modal--sm{max-width:400px}.modal--md{max-width:560px}.modal--lg{max-width:720px}.modal-header{padding:var(--space-5)var(--space-6);border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;display:flex}.modal-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0}.modal-close{font-size:var(--font-size-2xl);color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;padding:0;line-height:1}.modal-close:hover{color:var(--color-text-primary)}.modal-body{padding:var(--space-6);flex:1;overflow-y:auto}.modal-footer{justify-content:flex-end;align-items:center;gap:var(--space-3);padding:var(--space-4)var(--space-6);border-top:1px solid var(--color-border);display:flex}@media (max-width:640px){.modal-backdrop{align-items:stretch;padding:0}.modal{border-radius:0;max-width:none;height:100%;max-height:none}}.empty-state{text-align:center;padding:var(--space-12)var(--space-6);justify-content:center;align-items:center;gap:var(--space-3);flex-direction:column;display:flex}.empty-state-icon{color:var(--color-text-muted);margin-bottom:var(--space-2);font-size:2.5rem}.empty-state-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0}.empty-state-description{font-size:var(--font-size-sm);color:var(--color-text-secondary);max-width:400px;margin:0}.empty-state-action{margin-top:var(--space-4)}.scenario-seq-display{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-secondary);font-family:var(--font-mono,monospace);padding:var(--space-2)0}.sign-in-gate{padding:var(--space-8);text-align:center;justify-content:center;align-items:center;gap:var(--space-4);flex-direction:column;flex:1;display:flex}.tag-input{cursor:text;flex-wrap:wrap;align-items:center;gap:4px;max-width:200px;min-height:28px;display:flex;position:relative}.tag-chip{padding:2px var(--space-2);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);background-color:var(--color-gray-100);color:var(--color-gray-600);border-radius:var(--radius-full);white-space:nowrap;transition:background-color var(--transition-fast);align-items:center;gap:2px;display:inline-flex}.tag-chip:hover{background-color:var(--color-gray-200)}.tag-chip-remove{color:var(--color-gray-400);cursor:pointer;border-radius:var(--radius-full);background:0 0;border:none;justify-content:center;align-items:center;width:14px;height:14px;margin-left:2px;padding:0;font-size:14px;line-height:1;display:inline-flex}.tag-chip-remove:hover{color:var(--color-error);background-color:var(--color-error-light)}.tag-input-field{font-family:var(--font-family);font-size:var(--font-size-xs);color:var(--color-text-primary);background:0 0;border:none;outline:none;width:auto;min-width:50px;padding:2px 0}.tag-input-field::placeholder{color:var(--color-text-muted)}.tag-dropdown{z-index:var(--z-dropdown);background-color:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-md);max-height:160px;margin-top:4px;position:absolute;top:100%;left:0;right:0;overflow-y:auto}.tag-dropdown-item{padding:var(--space-2)var(--space-3);font-size:var(--font-size-xs);color:var(--color-text-primary);cursor:pointer;transition:background-color var(--transition-fast)}.tag-dropdown-item:hover,.tag-dropdown-item.selected{background-color:var(--color-gray-100)}.tag-filter{display:inline-block;position:relative}.tag-filter-trigger{align-items:center;gap:var(--space-2);padding:var(--space-2)var(--space-3);font-family:var(--font-family);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);background-color:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);display:inline-flex}.tag-filter-trigger:hover{border-color:var(--color-secondary-light);color:var(--color-text-primary)}.tag-filter-trigger--active{border-color:var(--color-secondary);color:var(--color-secondary)}.tag-filter-clear{border-radius:var(--radius-full);width:16px;height:16px;color:var(--color-text-muted);cursor:pointer;justify-content:center;align-items:center;font-size:14px;line-height:1;display:inline-flex}.tag-filter-clear:hover{color:var(--color-error);background-color:var(--color-error-light)}.tag-filter-chevron{opacity:.5;flex-shrink:0}.tag-filter-panel{z-index:var(--z-dropdown);margin-top:var(--space-1);background-color:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-md);min-width:220px;box-shadow:var(--shadow-lg);position:absolute;top:100%;left:0}.tag-filter-search{padding:var(--space-2)var(--space-3);border-bottom:1px solid var(--color-border)}.tag-filter-search input{border:1px solid var(--color-border);border-radius:var(--radius-sm);width:100%;padding:var(--space-2)var(--space-3);font-family:var(--font-family);font-size:var(--font-size-xs);color:var(--color-text-primary);outline:none}.tag-filter-search input:focus{border-color:var(--color-border-focus)}.tag-filter-options{max-height:260px;padding:var(--space-1)0;overflow-y:auto}.tag-filter-option{align-items:center;gap:var(--space-2);padding:var(--space-2)var(--space-3);cursor:pointer;font-size:var(--font-size-sm);color:var(--color-text-primary);transition:background-color var(--transition-fast);display:flex}.tag-filter-option:hover{background-color:var(--color-gray-50)}.tag-filter-option input[type=checkbox]{width:16px;height:16px;accent-color:var(--color-secondary);flex-shrink:0}.tag-filter-option-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.tag-filter-count{font-size:var(--font-size-xs);color:var(--color-text-muted);text-align:right;flex-shrink:0;min-width:18px}.tag-filter-empty{padding:var(--space-4);text-align:center;font-size:var(--font-size-xs);color:var(--color-text-muted)}.scenario-card-tags{padding:0 var(--space-4)var(--space-3)}.scenario-toolbar-tags{margin-top:var(--space-1)}.scenario-toolbar-tags .tag-input,.project-detail-tags .tag-input{max-width:none}.avatar{border-radius:var(--radius-full);font-weight:var(--font-weight-medium);text-transform:uppercase;-webkit-user-select:none;user-select:none;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex;overflow:hidden}.avatar--sm{width:28px;height:28px;font-size:11px}.avatar--md{width:36px;height:36px;font-size:var(--font-size-sm)}.avatar--lg{width:40px;height:40px;font-size:var(--font-size-sm)}.avatar img{object-fit:cover;width:100%;height:100%}.avatar-initials{color:#fff;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.avatar-group{align-items:center;display:inline-flex}.avatar-group .avatar{border:2px solid var(--color-bg-primary)}.avatar-group .avatar+.avatar{margin-left:-8px}.avatar-group--sm .avatar+.avatar{margin-left:-6px}.avatar-group-overflow{border-radius:var(--radius-full);background-color:var(--color-gray-200);color:var(--color-gray-600);font-size:10px;font-weight:var(--font-weight-medium);border:2px solid var(--color-bg-primary);justify-content:center;align-items:center;margin-left:-8px;display:inline-flex}.avatar-group--sm .avatar-group-overflow{width:28px;height:28px;margin-left:-6px}.avatar-group--md .avatar-group-overflow{width:36px;height:36px;font-size:var(--font-size-sm)}.assignee-select{align-items:center;display:inline-flex;position:relative}.assignee-select-trigger{align-items:center;gap:var(--space-2);cursor:pointer;padding:var(--space-1)var(--space-2);border-radius:var(--radius-md);transition:all var(--transition-fast);font-family:var(--font-family);color:var(--color-text-secondary);font-size:var(--font-size-xs);background:0 0;border:1px solid #0000;display:inline-flex}.assignee-select-trigger:hover{background-color:var(--color-gray-100);border-color:var(--color-border)}.assignee-select-dropdown{z-index:var(--z-dropdown);background-color:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-md);min-width:240px;max-height:280px;margin-top:4px;position:absolute;top:100%;left:0;overflow-y:auto}.assignee-select-search{padding:var(--space-2)var(--space-3);border-bottom:1px solid var(--color-border)}.assignee-select-search input{border:1px solid var(--color-border);border-radius:var(--radius-sm);width:100%;padding:var(--space-2)var(--space-3);font-family:var(--font-family);font-size:var(--font-size-xs);color:var(--color-text-primary);outline:none}.assignee-select-search input:focus{border-color:var(--color-border-focus)}.assignee-select-item{align-items:center;gap:var(--space-3);padding:var(--space-2)var(--space-3);cursor:pointer;transition:background-color var(--transition-fast);display:flex}.assignee-select-item:hover{background-color:var(--color-gray-100)}.assignee-select-item-info{flex:1;min-width:0}.assignee-select-item-name{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.assignee-select-item-email{font-size:var(--font-size-xs);color:var(--color-text-muted)}.assignee-select-check{width:16px;height:16px;color:var(--color-secondary);flex-shrink:0}.assignee-select-clear{margin-left:var(--space-1);font-size:var(--font-size-xs);color:var(--color-text-muted);line-height:1}.assignee-select-clear:hover{color:var(--color-text-primary)}.assignee-select-empty{padding:var(--space-4);text-align:center;font-size:var(--font-size-xs);color:var(--color-text-muted)}.assignment-status{padding:3px var(--space-3);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);border-radius:var(--radius-full);text-transform:capitalize;white-space:nowrap;align-items:center;display:inline-flex}.assignment-status--pending{background-color:var(--color-gray-100);color:var(--color-gray-600)}.assignment-status--in_progress{background-color:var(--color-info-light);color:var(--color-info)}.assignment-status--completed{background-color:var(--color-success-light);color:var(--color-success)}.assignment-status--waiting{color:#92400e;background-color:#fef3c7}.assignment-status--cancelled{color:#991b1b;background-color:#fee2e2}.assignment-status--clickable{cursor:pointer;transition:opacity var(--transition-fast)}.assignment-status--clickable:hover{opacity:.8}.status-select{justify-content:flex-end;display:flex;position:relative}.status-select-row{align-items:center;gap:var(--space-2);display:inline-flex}.status-select-trigger{cursor:pointer;justify-content:space-between;gap:var(--space-1);min-width:90px;font-family:var(--font-family);border:none}.status-select-trigger:disabled{cursor:not-allowed;opacity:.5}.status-select-chevron{flex-shrink:0}.status-select-dropdown{margin-top:var(--space-1);border:1px solid var(--color-border);border-radius:var(--radius-md);min-width:220px;box-shadow:var(--shadow-lg);z-index:var(--z-dropdown);padding:var(--space-1);background-color:#fff;position:absolute;top:100%;right:0}.status-select-option{padding:var(--space-2)var(--space-3);border-radius:var(--radius-sm);cursor:pointer;transition:background var(--transition-fast)}.status-select-option:hover,.status-select-option--active{background:var(--color-gray-50)}.status-select-option-header{justify-content:space-between;align-items:center;margin-bottom:2px;display:flex}.status-select-check{color:var(--color-success)}.status-select-option-desc{color:var(--color-text-tertiary);margin-left:2px;font-size:11px}.status-history-btn{border-radius:var(--radius-full);width:28px;height:28px;color:var(--color-text-tertiary);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:inline-flex}.status-history-btn:hover{background:var(--color-gray-100);color:var(--color-text-secondary)}.status-history-table{border-collapse:collapse;width:100%;font-size:var(--font-size-sm)}.status-history-table th{text-align:left;font-weight:var(--font-weight-medium);color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.05em;padding:0 var(--space-3)var(--space-2)0;border-bottom:1px solid var(--color-border);font-size:11px}.status-history-table td{text-align:left;padding:var(--space-2)var(--space-3)var(--space-2)0;color:var(--color-text-secondary);white-space:nowrap}.status-history-table tbody tr:not(:last-child) td{border-bottom:1px solid var(--color-gray-50)}.status-history-loading,.status-history-empty{color:var(--color-text-tertiary);font-size:var(--font-size-sm);margin:0}.assignments-page{padding:var(--space-8);max-width:1000px}.assignments-header{margin-bottom:var(--space-6)}.assignments-title{font-size:var(--font-size-3xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0}.assignments-group{margin-bottom:var(--space-6)}.assignments-group-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em;margin:0 0 var(--space-3)}.assignment-card{align-items:center;gap:var(--space-4);padding:var(--space-4)var(--space-5);background-color:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-md);margin-bottom:var(--space-2);color:inherit;transition:all var(--transition-fast);cursor:pointer;text-decoration:none;display:flex}.assignment-card:hover{border-color:var(--color-secondary-light);box-shadow:var(--shadow-sm);text-decoration:none}.assignment-card-info{flex:1;min-width:0}.assignment-card-name{font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.assignment-card-context{font-size:var(--font-size-xs);color:var(--color-text-muted);margin-top:var(--space-1)}.search-input-wrapper{align-items:center;gap:var(--space-3);display:flex;position:relative}.search-input-icon{left:var(--space-3);color:var(--color-text-muted);pointer-events:none;z-index:1;position:absolute}.search-input{flex:1;padding-left:var(--space-8)!important}.search-submit-btn{flex-shrink:0}.search-results{margin-top:var(--space-4);gap:var(--space-2);flex-direction:column;display:flex}.search-results-empty{text-align:center;color:var(--color-text-muted);font-size:var(--font-size-sm);padding:var(--space-6)0}.search-result-item{align-items:flex-start;gap:var(--space-3);padding:var(--space-3)var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-primary);cursor:pointer;transition:all var(--transition-fast);text-align:left;width:100%;font-family:var(--font-family);display:flex}.search-result-item:hover{border-color:var(--color-secondary-light);box-shadow:var(--shadow-sm)}.search-result-type{flex-shrink:0;margin-top:2px}.search-result-info{gap:var(--space-1);flex-direction:column;min-width:0;display:flex}.search-result-name{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.search-result-context{font-size:var(--font-size-xs);color:var(--color-text-muted);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.search-result-field{font-weight:var(--font-weight-medium);color:var(--color-text-secondary)}.search-result-highlight{background-color:rgba(var(--color-secondary-rgb),.2);color:var(--color-text-primary);border-radius:2px;padding:0 1px}.search-suggestions{margin-top:var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-md);background-color:var(--color-bg-primary);box-shadow:var(--shadow-md);overflow:hidden}.search-suggestion-item{align-items:center;gap:var(--space-2);padding:var(--space-2)var(--space-3);cursor:pointer;text-align:left;width:100%;font-family:var(--font-family);font-size:var(--font-size-sm);color:var(--color-text-primary);transition:background-color var(--transition-fast);background:0 0;border:none;display:flex}.search-suggestion-item:hover,.search-suggestion-active{background-color:var(--color-gray-100)}.search-deep-toggle{align-items:flex-start;gap:var(--space-3);margin-top:var(--space-3);padding:var(--space-3)var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:border-color var(--transition-fast);display:flex}.search-deep-toggle:hover{border-color:var(--color-secondary-light)}.search-deep-toggle .checkbox-input{flex-shrink:0;margin-top:2px}.search-deep-text{gap:var(--space-1);flex-direction:column;flex:1;display:flex}.search-deep-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.search-deep-hint{font-size:var(--font-size-xs);color:var(--color-text-muted);line-height:var(--line-height-normal)}.search-history{margin-top:var(--space-4)}.search-history-header{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-2)}.search-history-list{gap:var(--space-1);flex-direction:column;display:flex}.search-history-item{align-items:center;gap:var(--space-2);padding:var(--space-2)var(--space-3);border-radius:var(--radius-md);cursor:pointer;transition:background-color var(--transition-fast);text-align:left;width:100%;font-family:var(--font-family);background:0 0;border:none;display:flex}.search-history-item:hover{background-color:var(--color-gray-100)}.search-history-icon{color:var(--color-text-muted);flex-shrink:0}.search-history-term{font-size:var(--font-size-sm);color:var(--color-text-primary);text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.search-history-remove{width:20px;height:20px;color:var(--color-text-muted);border-radius:var(--radius-full);cursor:pointer;opacity:0;transition:all var(--transition-fast);flex-shrink:0;justify-content:center;align-items:center;font-size:16px;line-height:1;display:inline-flex}.search-history-item:hover .search-history-remove{opacity:1}.search-history-remove:hover{color:var(--color-error);background-color:var(--color-error-light)}[data-sonner-toaster]{font-family:var(--font-family);--normal-bg:var(--color-bg-primary);--normal-text:var(--color-text-primary);--normal-border:var(--color-border);z-index:calc(var(--z-modal) + 10)}[data-sonner-toast] [data-content]{font-size:var(--font-size-base)}.audit-history-btn{align-items:center;gap:var(--space-1);color:var(--color-text-secondary);display:inline-flex}.audit-history-btn:hover{color:var(--color-text-primary)}.audit-history-btn-label{font-size:var(--font-size-sm)}.audit-trail-empty{text-align:center;color:var(--color-text-muted);padding:var(--space-8)var(--space-4);font-size:var(--font-size-sm)}.audit-trail-timeline{flex-direction:column;display:flex}.audit-entry{gap:var(--space-3);display:flex}.audit-entry-timeline{flex-direction:column;flex-shrink:0;align-items:center;width:16px;padding-top:6px;display:flex}.audit-entry-dot{background-color:var(--color-gray-300);border-radius:50%;flex-shrink:0;width:8px;height:8px}.audit-entry-line{background-color:var(--color-gray-200);flex:1;width:2px;min-height:16px}.audit-entry:last-child .audit-entry-line{background-color:#0000}.audit-entry-content{padding-bottom:var(--space-4);flex:1;min-width:0}.audit-entry-header{justify-content:space-between;align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.audit-entry-meta{align-items:center;gap:var(--space-2);display:flex}.audit-action-badge{padding:1px var(--space-2);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);white-space:nowrap;line-height:1.6;display:inline-block}.audit-entry-user{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.audit-entry-time{align-items:center;gap:var(--space-2);font-size:var(--font-size-xs);color:var(--color-text-muted);white-space:nowrap;display:flex}.audit-entry-relative{font-weight:var(--font-weight-medium);color:var(--color-text-secondary)}.audit-entry-toggle{align-items:center;gap:var(--space-1);margin-top:var(--space-1);font-size:var(--font-size-xs);color:var(--color-info);cursor:pointer;background:0 0;border:none;padding:0;display:inline-flex}.audit-entry-toggle:hover{text-decoration:underline}.audit-entry-chevron{transition:transform var(--transition-fast);font-size:10px;display:inline-block}.audit-entry-chevron--open{transform:rotate(180deg)}.audit-entry-toggle--extended{font-size:var(--font-size-xs);color:var(--color-text-tertiary);margin-top:var(--space-2)}.audit-changes{margin-top:var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--font-size-xs);overflow:hidden}.audit-change-row{align-items:baseline;gap:var(--space-3);padding:var(--space-2)var(--space-3);border-bottom:1px solid var(--color-border);display:flex}.audit-change-row:last-child{border-bottom:none}.audit-change-field{font-family:var(--font-family-mono);color:var(--color-text-secondary);flex-shrink:0;min-width:120px}.audit-change-values{align-items:baseline;gap:var(--space-2);min-width:0;display:flex}.audit-change-old{color:var(--color-error);word-break:break-word;text-decoration:line-through}.audit-change-arrow{color:var(--color-text-muted);flex-shrink:0}.audit-change-new{color:var(--color-success);font-weight:var(--font-weight-medium);word-break:break-word}.audit-context{gap:var(--space-1)var(--space-3);padding:var(--space-2)var(--space-3);margin-bottom:var(--space-2);background:var(--color-gray-50);border-radius:var(--radius-sm);font-size:var(--font-size-xs);color:var(--color-text-secondary);flex-wrap:wrap;display:flex}.audit-context-label{font-weight:var(--font-weight-medium);color:var(--color-text-tertiary)}.audit-context-value{color:var(--color-text-secondary)}.audit-filters{gap:var(--space-2);margin-bottom:var(--space-4);flex-direction:column;display:flex}.audit-filters-row{align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.audit-filter-chips{gap:var(--space-1);flex-wrap:wrap;display:flex}.audit-filter-chip{padding:var(--space-2)var(--space-3);border-radius:var(--radius-full);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);border:1px solid var(--color-border);background:var(--color-bg-primary);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast);line-height:1}.audit-filter-chip:hover{border-color:var(--color-gray-400)}.audit-filter-chip--active{border-width:1px}.audit-filter-search{width:100%;padding:var(--space-2)var(--space-3);border-radius:var(--radius-md);border:1px solid var(--color-border);font-size:var(--font-size-sm);font-family:var(--font-family);color:var(--color-text-primary)}.audit-filter-search:focus{border-color:var(--color-border-focus);outline:none}.audit-filter-search::placeholder{color:var(--color-text-muted)}.audit-results-info{align-items:center;gap:var(--space-2);font-size:var(--font-size-xs);color:var(--color-text-muted);margin-bottom:var(--space-3);display:flex}.audit-results-clear{font-size:var(--font-size-xs);color:var(--color-info);cursor:pointer;background:0 0;border:none;padding:0}.audit-results-clear:hover{text-decoration:underline}.audit-pagination{justify-content:center;align-items:center;gap:var(--space-3);padding-top:var(--space-4);border-top:1px solid var(--color-border);margin-top:var(--space-2);display:flex}.audit-pagination-btn{padding:var(--space-1)var(--space-3);border-radius:var(--radius-sm);border:1px solid var(--color-border);background:var(--color-bg-primary);font-size:var(--font-size-xs);font-family:var(--font-family);color:var(--color-text-secondary);cursor:pointer}.audit-pagination-btn:hover:not(:disabled){border-color:var(--color-gray-400);color:var(--color-text-primary)}.audit-pagination-btn:disabled{opacity:.4;cursor:default}.audit-pagination-info{font-size:var(--font-size-xs);color:var(--color-text-muted)}@media (max-width:640px){.audit-entry-header{align-items:flex-start;gap:var(--space-1);flex-direction:column}.audit-change-row{gap:var(--space-1);flex-direction:column}.audit-change-field{min-width:auto}.audit-history-btn-label{display:none}.audit-filters-row{flex-direction:column;align-items:stretch}}.audit-log-page{max-width:960px;padding:var(--space-6)var(--space-4);margin:0 auto}.audit-log-page-header{margin-bottom:var(--space-6)}.audit-log-page-header h1{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:0}.audit-log-filters{gap:var(--space-3);margin-bottom:var(--space-6);padding:var(--space-4);background:var(--color-bg-secondary);border-radius:var(--radius-lg);border:1px solid var(--color-border);flex-direction:column;display:flex}.audit-log-filter-section{gap:var(--space-2);flex-direction:column;display:flex}.audit-log-filter-label{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em}.audit-log-filter-row{gap:var(--space-3);flex-wrap:wrap;align-items:flex-end;display:flex}.audit-log-filter-field{gap:var(--space-1);flex-direction:column;min-width:140px;display:flex}.audit-log-filter-field--grow{flex:1;min-width:200px}.audit-log-date-input{padding:var(--space-2)var(--space-3);border-radius:var(--radius-md);border:1px solid var(--color-border);font-size:var(--font-size-sm);font-family:var(--font-family);color:var(--color-text-primary);background:var(--color-bg-primary)}.audit-log-date-input:focus{border-color:var(--color-border-focus);outline:none}.multiselect-dropdown{position:relative}.multiselect-dropdown-trigger{justify-content:space-between;align-items:center;gap:var(--space-2);width:100%;padding:var(--space-2)var(--space-3);border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-bg-primary);font-size:var(--font-size-sm);font-family:var(--font-family);color:var(--color-text-primary);cursor:pointer;text-align:left;display:flex}.multiselect-dropdown-trigger:hover{border-color:var(--color-gray-400)}.multiselect-dropdown-text{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.multiselect-dropdown-chevron{color:var(--color-text-muted);transition:transform var(--transition-fast);flex-shrink:0;font-size:10px}.multiselect-dropdown-chevron--open{transform:rotate(180deg)}.multiselect-dropdown-panel{background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-md);min-width:100%;max-height:280px;box-shadow:var(--shadow-md);z-index:20;padding:var(--space-1)0;position:absolute;top:calc(100% + 4px);left:0;overflow-y:auto}.multiselect-dropdown-item{align-items:center;gap:var(--space-2);padding:var(--space-2)var(--space-3);cursor:pointer;font-size:var(--font-size-sm);white-space:nowrap;display:flex}.multiselect-dropdown-item:hover{background:var(--color-gray-50)}.multiselect-dropdown-item input[type=checkbox]{accent-color:var(--color-info);flex-shrink:0}@media (max-width:640px){.audit-log-page{padding:var(--space-4)var(--space-3)}.audit-log-filter-row{flex-direction:column;align-items:stretch}.audit-log-filter-field{min-width:auto}}.sidebar-nav-item--btn{cursor:pointer;width:100%;font-family:var(--font-family);font-size:var(--font-size-sm);font-weight:var(--font-weight-normal);line-height:var(--line-height-normal);letter-spacing:normal;text-align:left;color:var(--color-text-secondary);background:0 0;border:none}.sidebar-nav-item--btn:disabled{opacity:.5;cursor:not-allowed}.sidebar-nav-item--danger{margin-top:var(--space-2);color:var(--color-danger,#dc2626)}.sidebar-nav-item--danger:hover{color:var(--color-danger-dark,#b91c1c)}.sidebar-section{padding-bottom:var(--space-3);margin-bottom:var(--space-3);border-bottom:1px solid var(--color-border)}.sidebar-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.sidebar-section-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-2)}.sidebar-action-group{gap:var(--space-1);margin-left:calc(-1*var(--sidebar-panel-padding,var(--space-5,20px)));margin-right:calc(-1*var(--sidebar-panel-padding,var(--space-5,20px)));flex-direction:column;display:flex}.sidebar-action-group--collapsed{margin-left:calc(-1*var(--space-2));margin-right:calc(-1*var(--space-2))}.sidebar-action-group--collapsed .sidebar-nav-item{padding:var(--space-3)var(--space-2);justify-content:center}.sidebar-panel{--sidebar-panel-padding:var(--space-5,20px);width:100%;padding:var(--sidebar-panel-padding);background-color:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-lg);font-size:var(--font-size-base);transition:width var(--transition-fast);flex-shrink:0;position:relative}.sidebar-panel--collapsed{--sidebar-panel-padding:var(--space-2);width:64px;padding:var(--space-3)var(--sidebar-panel-padding);overflow:hidden}.sidebar-panel-collapse-btn{top:var(--space-2);right:var(--space-2);border-radius:var(--radius-sm);width:24px;height:24px;color:var(--color-text-muted);cursor:pointer;z-index:1;transition:all var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:flex;position:absolute}.sidebar-panel-collapse-btn:hover{background-color:var(--color-gray-100);color:var(--color-text-primary)}.sidebar-panel--collapsed .sidebar-panel-collapse-btn{margin:0 auto var(--space-2);position:static}.sidebar-panel--collapsed~.pricing-pane{display:none}.pricing-pane{background:var(--color-bg-primary);border:2px solid var(--color-secondary);border-radius:var(--radius-lg);overflow:hidden}.pricing-pane-header{padding:var(--space-4);background:var(--color-secondary);color:var(--color-text-inverse);justify-content:space-between;align-items:center;display:flex}.pricing-pane-header--toggle{cursor:pointer;width:100%;font:inherit;text-align:left;border:none}.pricing-pane-header-right{align-items:center;gap:var(--space-2);display:flex}.pricing-pane-chevron{font-size:var(--font-size-xs);transition:transform var(--transition-fast);display:inline-block}.pricing-pane-chevron--expanded{transform:rotate(90deg)}.pricing-pane-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);margin:0}.pricing-pane-badge{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-inverse);border-radius:var(--radius-sm);text-transform:uppercase;letter-spacing:.05em;background:#fff3;padding:2px 8px}.pricing-pane-content{padding:var(--space-4)}.pricing-pane-empty{padding:var(--space-6)var(--space-4);text-align:center;color:var(--color-text-muted);font-size:var(--font-size-sm)}.pricing-pane-line{padding:var(--space-2)0;justify-content:space-between;align-items:baseline;gap:var(--space-2);display:flex}.pricing-pane-label{font-size:var(--font-size-sm);color:var(--color-text-secondary);flex:1;min-width:0}.pricing-pane-value{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);white-space:nowrap}.pricing-pane-value-code{font-size:var(--font-size-xs);color:var(--color-text-muted);font-weight:var(--font-weight-normal);font-family:var(--font-family-mono)}.pricing-pane-section-title{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;margin-top:var(--space-2);margin-bottom:var(--space-1)}.pricing-pane-line--adder{padding-left:var(--space-2)}.pricing-pane-line--adder .pricing-pane-label{font-size:var(--font-size-xs)}.pricing-pane-line--adder .pricing-pane-value{font-size:var(--font-size-xs);color:var(--color-text-secondary)}.pricing-pane-line--subtotal{margin-top:var(--space-2);font-weight:var(--font-weight-medium)}.pricing-pane-line--discount .pricing-pane-label{color:var(--color-success,#16a34a);font-style:italic}.pricing-pane-value--discount{color:var(--color-success,#16a34a)}.pricing-pane-line--override .pricing-pane-label{font-style:italic}.pricing-pane-line--total{padding-top:var(--space-3)}.pricing-pane-line--total .pricing-pane-label{font-size:var(--font-size-base);font-weight:var(--font-weight-bold);color:var(--color-text-primary)}.pricing-pane-line--total .pricing-pane-value{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-secondary)}.pricing-pane-divider{background:var(--color-border);height:1px;margin:var(--space-2)0}.pricing-pane-divider--bold{background:var(--color-text-primary);height:2px;margin:var(--space-3)0}@media (max-width:1024px){.sidebar-action-group{flex-flow:wrap}.sidebar-action-group .sidebar-nav-item--btn{flex:1;justify-content:center;width:auto;min-width:0}.sidebar-panel--collapsed{width:100%}}.customer-picker{gap:var(--space-3);flex-direction:column;display:flex}.customer-picker-search-wrapper{align-items:center;display:flex;position:relative}.customer-picker-search-icon{left:var(--space-3);color:var(--color-text-muted);pointer-events:none;position:absolute}.customer-picker-search{padding-left:2.25rem;padding-right:2.25rem}.customer-picker-search-clear{right:var(--space-2);border-radius:var(--radius-full);background:var(--color-gray-200);width:24px;height:24px;color:var(--color-text-secondary);font-size:var(--font-size-base);cursor:pointer;transition:background var(--transition-fast);border:none;justify-content:center;align-items:center;display:flex;position:absolute}.customer-picker-search-clear:hover{background:var(--color-gray-300)}.customer-picker-meta{font-size:var(--font-size-xs);color:var(--color-text-muted);font-weight:var(--font-weight-medium);text-transform:uppercase;letter-spacing:.05em}.customer-picker-list{flex-direction:column;gap:2px;max-height:380px;display:flex;overflow-y:auto}.customer-picker-row{align-items:center;gap:var(--space-3);width:100%;padding:var(--space-3)var(--space-3);border-radius:var(--radius-md);background:var(--color-bg-secondary);text-align:left;cursor:pointer;transition:all var(--transition-fast);font-family:inherit;font-size:var(--font-size-sm);color:var(--color-text-primary);border:1px solid #0000;display:flex}.customer-picker-row:hover{background:var(--color-gray-100);border-color:var(--color-gray-300)}.customer-picker-row:active{background:var(--color-gray-200)}.customer-picker-row--selected{background:var(--color-bg-primary);border-color:var(--color-secondary);box-shadow:0 0 0 1px var(--color-secondary)}.customer-picker-row--selected:hover{background:var(--color-bg-primary);border-color:var(--color-secondary)}.customer-picker-avatar{border-radius:var(--radius-full);background:var(--color-gray-800);width:36px;height:36px;color:var(--color-text-inverse);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);flex-shrink:0;justify-content:center;align-items:center;display:flex}.customer-picker-row--selected .customer-picker-avatar{background:var(--color-secondary)}.customer-picker-info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.customer-picker-company{font-weight:var(--font-weight-medium);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.customer-picker-detail{font-size:var(--font-size-xs);color:var(--color-text-secondary);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.customer-picker-check{color:var(--color-secondary);flex-shrink:0}.customer-picker-empty{align-items:center;gap:var(--space-3);padding:var(--space-8)var(--space-4);color:var(--color-text-muted);text-align:center;flex-direction:column;display:flex}.customer-picker-empty p{font-size:var(--font-size-sm);margin:0}.customer-suggest{align-items:center;gap:var(--space-2);margin-top:var(--space-2);padding:var(--space-2)var(--space-3);background:var(--color-gray-50);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--font-size-sm);flex-wrap:wrap;display:flex}.customer-suggest-label{color:var(--color-text-secondary);white-space:nowrap}.customer-suggest-item{border:1px solid var(--color-secondary);border-radius:var(--radius-full);padding:2px var(--space-3);font-family:inherit;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-secondary);cursor:pointer;transition:all var(--transition-fast);background:0 0}.customer-suggest-item:hover{background:var(--color-secondary);color:var(--color-text-inverse)}.customer-suggest-dismiss{border-radius:var(--radius-full);background:var(--color-gray-200);width:20px;height:20px;color:var(--color-text-secondary);font-size:var(--font-size-base);cursor:pointer;transition:background var(--transition-fast);border:none;justify-content:center;align-items:center;margin-left:auto;padding:0;line-height:1;display:flex}.customer-suggest-dismiss:hover{background:var(--color-gray-300)}
.wizard{padding:var(--space-6);max-width:var(--wizard-max-width);flex-direction:column;flex:1;width:100%;margin:0 auto;display:flex}@media (max-width:768px){.wizard{padding:var(--space-4)}}.wizard-progress{margin-bottom:var(--space-8)}.wizard-progress-bar{justify-content:space-between;align-items:center;display:flex;position:relative}.wizard-progress-bar:before{content:"";background-color:var(--color-gray-200);z-index:0;height:2px;position:absolute;top:50%;left:0;right:0;transform:translateY(-50%)}.wizard-progress-fill{background-color:var(--color-secondary);height:2px;transition:width var(--transition-normal);z-index:1;position:absolute;top:50%;left:0;transform:translateY(-50%)}.wizard-step-indicator{align-items:center;gap:var(--space-2);z-index:2;flex-direction:column;display:flex;position:relative}.wizard-step-dot{border-radius:var(--radius-full);background-color:var(--color-bg-primary);border:2px solid var(--color-gray-300);width:32px;height:32px;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-muted);transition:all var(--transition-fast);justify-content:center;align-items:center;display:flex}.wizard-step-indicator.completed .wizard-step-dot{background-color:var(--color-secondary);border-color:var(--color-secondary);color:var(--color-text-inverse)}.wizard-step-indicator.active .wizard-step-dot{border-color:var(--color-secondary);color:var(--color-secondary);box-shadow:0 0 0 4px rgba(var(--color-secondary-rgb),.15)}.wizard-step-label{font-size:var(--font-size-xs);color:var(--color-text-muted);text-align:center;white-space:nowrap;text-overflow:ellipsis;max-width:80px;overflow:hidden}.wizard-step-indicator.active .wizard-step-label,.wizard-step-indicator.completed .wizard-step-label{color:var(--color-text-primary)}@media (max-width:768px){.wizard-progress-bar{display:none}.wizard-progress-mobile{padding:var(--space-3)var(--space-4);background-color:var(--color-gray-50);border-radius:var(--radius-md);justify-content:space-between;align-items:center;display:flex}.wizard-progress-mobile-text{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.wizard-progress-mobile-bar{background-color:var(--color-gray-200);border-radius:var(--radius-full);height:4px;margin-left:var(--space-4);flex:1;overflow:hidden}.wizard-progress-mobile-fill{background-color:var(--color-secondary);border-radius:var(--radius-full);height:100%;transition:width var(--transition-normal)}}@media (min-width:769px){.wizard-progress-mobile{display:none}}.configurator-page-layout{gap:var(--space-4);width:100%;display:flex}@media (max-width:1024px){.configurator-page-layout{flex-direction:column}}.configurator-sidebar-column{top:var(--space-4);align-self:flex-start;gap:var(--space-4);width:280px;max-height:calc(100vh - var(--header-height,64px) - var(--space-8));transition:width var(--transition-fast);flex-direction:column;flex-shrink:0;display:flex;position:sticky;overflow:hidden}.configurator-sidebar-column>.pricing-pane{flex-direction:column;flex:1;min-height:0;display:flex}.configurator-sidebar-column>.pricing-pane .pricing-pane-content{flex:1;min-height:0;overflow-y:auto}.configurator-sidebar-column:has(.sidebar-panel--collapsed){width:64px}@media (max-width:1024px){.configurator-sidebar-column{width:100%;max-height:none;position:static}}.scenario-panel-id{align-items:center;gap:var(--space-2);margin-bottom:var(--space-2);display:flex}.scenario-panel-badge{background-color:var(--color-gray-100);color:var(--color-secondary);font-size:var(--font-size-base);font-weight:var(--font-weight-bold);font-family:var(--font-family-mono);padding:var(--space-1)var(--space-3);border-radius:var(--radius-sm);letter-spacing:.02em;display:inline-block}.scenario-panel-badge--unsaved{background-color:var(--color-gray-50);color:var(--color-text-muted);font-family:var(--font-family);font-weight:var(--font-weight-medium)}.scenario-panel-dirty{color:var(--color-warning);font-weight:var(--font-weight-bold);font-size:var(--font-size-lg)}.scenario-panel-name-row{align-items:center;gap:var(--space-2);display:flex}.scenario-panel-name{color:var(--color-text-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-lg);text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.scenario-panel-edit-btn{border-radius:var(--radius-sm);width:28px;height:28px;color:var(--color-text-muted);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:flex}.scenario-panel-edit-btn:hover{background-color:var(--color-gray-100);color:var(--color-text-primary)}.scenario-panel-name--editable{cursor:pointer;border-radius:var(--radius-sm);padding:1px var(--space-1);margin:-1px calc(-1*var(--space-1));transition:background-color var(--transition-fast)}.scenario-panel-name--editable:hover{background-color:var(--color-gray-50)}.scenario-panel-name-input{min-width:0;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);background-color:var(--color-bg-primary);border:1px solid var(--color-border-focus,var(--color-secondary));border-radius:var(--radius-sm);padding:1px var(--space-1);box-shadow:0 0 0 2px rgba(var(--color-secondary-rgb),.15);outline:none;flex:1;font-family:inherit}.scenario-panel-description{color:var(--color-text-secondary);font-size:var(--font-size-sm);margin-top:var(--space-1);line-height:1.4}.scenario-panel-description--empty{color:var(--color-text-muted);font-style:italic}.scenario-panel-project{align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);margin-top:var(--space-2);color:var(--color-text-muted);display:flex}.scenario-panel-project-link{color:var(--color-secondary);text-decoration:none}.scenario-panel-project-link:hover{text-decoration:underline}.sidebar-panel--collapsed .scenario-panel-badge{font-size:var(--font-size-xs);padding:var(--space-1)}.scenario-panel-saved-at{font-size:var(--font-size-xs);color:var(--color-text-muted);margin-top:var(--space-1);margin-bottom:var(--space-1)}.scenario-panel-autosaved{font-size:var(--font-size-xs);color:var(--color-success,#16a34a);font-weight:var(--font-weight-medium);animation:3s ease-out forwards autosave-fade}.scenario-panel-autosaving{font-size:var(--font-size-xs);color:var(--color-text-muted);font-style:italic}@keyframes autosave-fade{0%{opacity:1}70%{opacity:1}to{opacity:0}}.scenario-panel-customer{align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);color:var(--color-text-primary);display:flex}.scenario-panel-customer-link{color:var(--color-secondary);font-weight:var(--font-weight-medium);text-decoration:none}.scenario-panel-customer-link:hover{text-decoration:underline}.scenario-panel-customer-name{font-weight:var(--font-weight-medium)}.scenario-panel-customer-email{font-size:var(--font-size-xs);color:var(--color-text-muted);margin-top:var(--space-1);padding-left:calc(16px + var(--space-2))}@media (max-width:1024px){.scenario-panel{order:-1;width:100%;max-height:none;position:static}}.wizard-step{flex-direction:column;flex:1;display:flex}.wizard-step-header{margin-bottom:var(--space-6)}.wizard-step-title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:0 0 var(--space-2)0}.wizard-step-description{font-size:var(--font-size-base);color:var(--color-text-secondary);margin:0}.vannx-sticky-header .wizard-step-description,.vannefold-sticky-header .wizard-step-description{white-space:nowrap}.wizard-step-content{flex:1}.wizard-step-section{margin-bottom:var(--space-6)}.wizard-step-section-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-3)}.wizard-navigation{padding-top:var(--space-6);margin-top:var(--space-6);border-top:1px solid var(--color-border);justify-content:space-between;align-items:center;display:flex}.wizard-nav-back{align-items:center;gap:var(--space-2);display:flex}.wizard-nav-forward{align-items:center;gap:var(--space-3);display:flex}.form-grid{gap:var(--space-4);display:grid}.form-grid-2{grid-template-columns:repeat(2,1fr)}.form-grid-3{grid-template-columns:repeat(3,1fr)}@media (max-width:640px){.form-grid-2,.form-grid-3{grid-template-columns:1fr}}.selection-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(200px,1fr));display:grid}.selection-card{padding:var(--space-4);border:2px solid var(--color-border);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);background-color:var(--color-bg-primary)}.selection-card:hover{border-color:var(--color-gray-300);background-color:var(--color-gray-50)}.selection-card.selected{border-color:var(--color-secondary);background-color:rgba(var(--color-secondary-rgb),.05)}.selection-card-title{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--space-1)}.selection-card-description{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.idk-toggle{align-items:center;gap:var(--space-2);padding:var(--space-2)var(--space-3);margin-top:var(--space-2);background-color:var(--color-gray-50);border-radius:var(--radius-md);font-size:var(--font-size-sm);cursor:pointer;display:flex}.idk-toggle:hover{background-color:var(--color-gray-100)}.idk-toggle.active{background-color:var(--color-info-light);color:var(--color-info)}.idk-default-value{align-items:center;gap:var(--space-2);padding:var(--space-3);background-color:var(--color-info-light);border-radius:var(--radius-md);font-size:var(--font-size-sm);color:var(--color-info);margin-top:var(--space-2);display:flex}.idk-default-value strong{font-weight:var(--font-weight-semibold)}.results-summary{gap:var(--space-4);margin-bottom:var(--space-6);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));display:grid}.results-metric{padding:var(--space-4);background-color:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-lg)}.results-metric-label{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-bottom:var(--space-1)}.results-metric-value{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary)}.results-metric-unit{font-size:var(--font-size-sm);font-weight:var(--font-weight-normal);color:var(--color-text-muted);margin-left:var(--space-1)}.results-highlight{background-color:var(--color-primary);color:var(--color-text-inverse)}.results-highlight .results-metric-label{color:#fffc}.results-highlight .results-metric-value{color:var(--color-text-inverse)}.results-highlight .results-metric-unit{color:#fffc}.process-steps{overflow-x:auto}.process-steps .table{min-width:800px}.step-number{background-color:var(--color-secondary);width:24px;height:24px;color:var(--color-text-inverse);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);justify-content:center;align-items:center;display:inline-flex}.membrane-card{gap:var(--space-3);flex-direction:column;display:flex}.membrane-card-header{justify-content:space-between;align-items:flex-start;display:flex}.membrane-card-vendor{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.05em;color:var(--color-secondary)}.membrane-card-name{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.membrane-card-specs{gap:var(--space-2);grid-template-columns:repeat(2,1fr);display:grid}.membrane-spec{font-size:var(--font-size-sm)}.membrane-spec-label{color:var(--color-text-muted)}.membrane-spec-value{font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.pump-calc-slider-row{align-items:center;gap:var(--space-3);display:flex}.pump-calc-slider-row .form-label{white-space:nowrap;min-width:100px;margin:0}.pump-calc-slider{cursor:pointer;appearance:none;background:var(--color-gray-300);border-radius:var(--radius-full);outline:none;flex:1;height:6px}.pump-calc-slider::-webkit-slider-thumb{appearance:none;border-radius:var(--radius-full);background:var(--color-gray-600);cursor:pointer;border:none;width:18px;height:18px}.pump-calc-slider::-moz-range-thumb{border-radius:var(--radius-full);background:var(--color-gray-600);cursor:pointer;border:none;width:18px;height:18px}.pump-calc-slider::-moz-range-track{background:var(--color-gray-300);border-radius:var(--radius-full);border:none;height:6px}.pump-calc-number-unit{align-items:center;gap:var(--space-1);display:flex}.pump-calc-number{width:70px;padding:var(--space-1)var(--space-2);font-size:var(--font-size-sm);border:1px solid var(--color-border);border-radius:var(--radius-sm);text-align:right;font-family:var(--font-family);color:var(--color-text-primary);background-color:var(--color-bg-primary)}.pump-calc-number:focus{border-color:var(--color-border-focus);box-shadow:0 0 0 3px rgba(var(--color-secondary-rgb),.15);outline:none}.pump-calc-number.form-input-error{border-color:var(--color-error)}.pump-calc-unit{font-size:var(--font-size-xs);color:var(--color-text-muted);min-width:35px}.pump-calc-computed{margin-top:var(--space-1);margin-left:calc(100px + var(--space-3));font-size:var(--font-size-xs);color:var(--color-text-muted)}.pump-calc-computed strong{color:var(--color-text-primary);font-weight:var(--font-weight-semibold)}.pump-calc-risk{border-radius:var(--radius-lg);padding:var(--space-6);text-align:center}@media (max-width:640px){.pump-calc-slider-row{flex-wrap:wrap}.pump-calc-slider-row .form-label{width:100%;min-width:auto}.pump-calc-computed{margin-left:0}}.vannx-sticky-header{z-index:10;background-color:var(--color-bg-secondary);margin:calc(-1*var(--space-8))calc(-1*var(--space-8))0;padding:var(--space-8)var(--space-8)var(--space-4);position:sticky;top:0}.vannx-sticky-inner{gap:var(--space-6);display:flex}.vannx-sticky-main{flex:1;min-width:0}.vannx-sticky-side{flex-shrink:0;width:400px}.vannx-sticky-header .wizard-step-header{margin-bottom:var(--space-4)}@media (max-width:1024px){.vannx-sticky-side{display:none}}.cfg-product-code{padding:var(--space-4)var(--space-6);background-color:var(--color-gray-50);border:2px solid var(--color-secondary);border-radius:var(--radius-lg);text-align:left;position:relative}.cfg-product-code-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted);flex-shrink:0;width:100px}.cfg-product-code-label-link{cursor:pointer}.cfg-product-code-label-link:hover{color:var(--color-secondary)}.cfg-product-code-value{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-secondary);font-family:var(--font-family-mono);letter-spacing:.02em}.cfg-product-code-incomplete{color:var(--color-text-muted);font-style:italic}.cfg-product-description-row{align-items:baseline;gap:var(--space-2);margin-top:var(--space-2);display:flex}.cfg-product-description{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:1.4}.cfg-hardware-codes{margin-top:var(--space-3);gap:var(--space-1);flex-direction:column;display:flex}.cfg-hardware-code-row{align-items:baseline;gap:var(--space-3);display:flex}.cfg-hardware-code-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted);flex-shrink:0;width:100px}.cfg-hardware-code-value{font-size:var(--font-size-2xl);font-family:var(--font-family-mono);font-weight:var(--font-weight-bold);color:var(--color-secondary);letter-spacing:.02em}.vannx-configuration-summary{gap:var(--space-1);display:grid}.vannx-config-item{padding:var(--space-2)0;border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;display:flex}.vannx-config-item:last-child{border-bottom:none}.vannx-config-label{font-size:var(--font-size-sm);color:var(--color-text-secondary);font-weight:var(--font-weight-medium)}.vannx-config-value{font-size:var(--font-size-sm);color:var(--color-text-primary);font-weight:var(--font-weight-semibold);text-align:right}@media (max-width:640px){.cfg-product-code-value{font-size:var(--font-size-lg)}}.vannefold-sticky-header{z-index:10;background-color:var(--color-bg-secondary);margin:calc(-1*var(--space-8))calc(-1*var(--space-8))0;padding:var(--space-8)var(--space-8)var(--space-4);position:sticky;top:0}.vannefold-sticky-inner{gap:var(--space-6);display:flex}.vannefold-sticky-main{flex:1;min-width:0}.vannefold-sticky-side{flex-shrink:0;width:400px}.vannefold-sticky-header .wizard-step-header{margin-bottom:var(--space-4)}@media (max-width:1024px){.vannefold-sticky-side{display:none}}.vannefold-configuration-summary{gap:var(--space-1);display:grid}.vannefold-config-item{padding:var(--space-2)0;border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;display:flex}.vannefold-config-item:last-child{border-bottom:none}.vannefold-config-label{font-size:var(--font-size-sm);color:var(--color-text-secondary);font-weight:var(--font-weight-medium)}.vannefold-config-value{font-size:var(--font-size-sm);color:var(--color-text-primary);font-weight:var(--font-weight-semibold);text-align:right}.product-code-display-row,.product-code-edit-row{align-items:baseline;gap:var(--space-3);display:flex}.product-code-edit-input{font-family:var(--font-family-mono);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);letter-spacing:.02em;text-align:center;color:var(--color-text-primary);background-color:var(--color-bg-primary);border:2px solid var(--color-secondary);border-radius:var(--radius-md);padding:var(--space-2)var(--space-3);text-transform:uppercase;outline:none;width:100%;max-width:400px}.product-code-edit-input:focus{box-shadow:0 0 0 3px rgba(var(--color-secondary-rgb),.2)}.product-code-edit-input::placeholder{color:var(--color-text-muted);text-transform:none;font-style:italic}.product-code-edit-btn{border-radius:var(--radius-md);color:var(--color-text-muted);cursor:pointer;font-size:var(--font-size-lg);transition:all var(--transition-fast);vertical-align:middle;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:2px;display:inline-flex}.product-code-edit-btn:hover{background-color:var(--color-gray-100);color:var(--color-text-primary)}.product-code-edit-confirm{color:var(--color-success,#16a34a);font-weight:var(--font-weight-bold)}.product-code-edit-confirm:hover{color:var(--color-success,#16a34a);background-color:#16a34a1a}.product-code-edit-cancel{color:var(--color-error)}.product-code-edit-cancel:hover{background-color:rgba(var(--color-error-rgb,220,38,38),.1);color:var(--color-error)}.product-code-pdf-btn{top:var(--space-3);right:var(--space-3);padding:var(--space-2);border-radius:var(--radius-md);color:var(--color-error,#dc2626);cursor:pointer;transition:all var(--transition-fast);z-index:1;background:0 0;border:none;justify-content:center;align-items:center;display:inline-flex;position:absolute}.product-code-pdf-btn:hover{color:var(--color-error,#b91c1c);background-color:#dc26261a}.product-code-edit-errors{margin-top:var(--space-2);font-size:var(--font-size-sm);color:var(--color-error);text-align:center;line-height:1.4}@media (max-width:640px){.product-code-edit-input{font-size:var(--font-size-lg);max-width:100%}}.vannefold-ascii-diagram,.vannx-ascii-diagram{background:var(--bg-secondary,#f8f9fa);border:1px solid var(--border-color,#e2e8f0);border-radius:var(--radius-md,8px);padding:var(--space-4,16px)var(--space-5,20px);white-space:pre;color:var(--text-primary,#1a1a2e);margin:0;font-family:Courier New,Courier,monospace;font-size:14px;line-height:1.3;overflow-x:auto}@media (max-width:640px){.vannefold-ascii-diagram,.vannx-ascii-diagram{padding:var(--space-3,12px);font-size:11px}}.configurator-two-column{gap:var(--space-6);align-items:flex-start;display:flex}.configurator-main-column{flex:1;min-width:0}.configurator-pricing-column{width:400px;top:var(--vannx-sticky-header-height,var(--space-4));flex-shrink:0;align-self:flex-start;position:sticky}.diagram-copy-btn{padding:var(--space-1);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-muted);cursor:pointer;transition:all var(--transition-fast);background:0 0;justify-content:center;align-items:center;display:inline-flex}.diagram-copy-btn:hover{color:var(--color-text-primary);border-color:var(--color-text-muted);background-color:var(--color-gray-50)}@media (max-width:1200px){.configurator-pricing-column{width:340px}}@media (max-width:1024px){.configurator-two-column{flex-direction:column}.configurator-pricing-column{order:-1;width:100%;position:static}}.customer-typeahead-dropdown{z-index:50;background:var(--color-bg,#fff);border:1px solid var(--color-border);border-radius:var(--radius-md,6px);max-height:240px;margin-top:2px;position:absolute;top:100%;left:0;right:0;overflow-y:auto;box-shadow:0 4px 12px #0000001f}.customer-typeahead-option{width:100%;padding:var(--space-2)var(--space-3);text-align:left;cursor:pointer;font-size:var(--font-size-sm);color:var(--color-text);background:0 0;border:none;flex-direction:column;gap:1px;display:flex}.customer-typeahead-option:hover{background:var(--color-bg-muted,#f5f5f5)}.customer-typeahead-option-selected{background:var(--color-bg-muted,#f0f0f0)}.customer-typeahead-option+.customer-typeahead-option{border-top:1px solid var(--color-border-light,#eee)}.customer-typeahead-company{font-weight:var(--font-weight-medium,500)}.customer-typeahead-contact{font-size:var(--font-size-xs,.75rem);color:var(--color-text-muted,#666)}.customer-typeahead-email{font-size:var(--font-size-xs,.75rem);color:var(--color-text-muted,#888)}
.layout{flex-direction:column;height:100vh;display:flex;overflow:hidden}.layout-main{flex-direction:column;flex:1;display:flex}.calculator-shell{flex:1;min-height:0;display:flex;overflow:hidden}.calculator-content{flex:1;min-width:0;overflow-y:auto}.calculator-shell--dark .calculator-content{background-color:var(--color-gray-900)}.calculator-loading{color:var(--color-text-muted);font-size:var(--font-size-lg);flex:1;justify-content:center;align-items:center;display:flex}.calculator-sidebar{width:var(--sidebar-width);background-color:var(--color-bg-primary);border-right:1px solid var(--color-border);transition:width var(--transition-normal);flex-direction:column;flex-shrink:0;display:flex;overflow-y:hidden}.calculator-sidebar--collapsed{width:64px}.sidebar-header{padding:var(--space-4);border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;display:flex}.sidebar-home-link{align-items:center;gap:var(--space-2);color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);padding:var(--space-2)var(--space-3);border-radius:var(--radius-md);transition:background-color var(--transition-fast),color var(--transition-fast);text-decoration:none;display:flex}.sidebar-home-link:hover{background-color:var(--color-bg-tertiary);color:var(--color-text-primary);text-decoration:none}.sidebar-collapse-btn{cursor:pointer;padding:var(--space-2);color:var(--color-text-muted);border-radius:var(--radius-md);transition:background-color var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;display:flex}.sidebar-collapse-btn:hover{background-color:var(--color-bg-tertiary)}.sidebar-nav{padding:var(--space-3)0;gap:var(--space-1);flex-direction:column;display:flex}.sidebar-nav-label{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;padding:var(--space-2)var(--space-4);margin-top:var(--space-2)}.sidebar-nav-item{align-items:center;gap:var(--space-3);padding:var(--space-3)var(--space-4);color:var(--color-text-secondary);font-size:var(--font-size-sm);transition:background-color var(--transition-fast),color var(--transition-fast);text-decoration:none;display:flex}.sidebar-nav-item:hover{background-color:var(--color-bg-tertiary);color:var(--color-text-primary);text-decoration:none}.sidebar-nav-item--active{background-color:rgba(var(--color-secondary-rgb),.1);color:var(--color-secondary);font-weight:var(--font-weight-medium)}.sidebar-nav-item--active:hover{background-color:rgba(var(--color-secondary-rgb),.15)}.sidebar-nav-icon{font-size:var(--font-size-lg);text-align:center;flex-shrink:0;width:24px}.sidebar-nav-text{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.calculator-sidebar--collapsed .sidebar-nav-text,.calculator-sidebar--collapsed .sidebar-home-link span,.calculator-sidebar--collapsed .sidebar-nav-label{display:none}.calculator-sidebar--collapsed .sidebar-home-link{padding:var(--space-2);justify-content:center}.sidebar-footer{padding:var(--space-3)0;border-top:1px solid var(--color-border);margin-top:auto}.build-info-trigger{width:100%;padding:var(--space-2)var(--space-4);cursor:pointer;font-family:var(--font-family-mono);font-size:var(--font-size-xs);color:var(--color-text-muted);text-align:left;transition:color var(--transition-fast);background:0 0;border:none;display:block}.build-info-trigger:hover{color:var(--color-text-secondary)}.calculator-sidebar--collapsed .build-info-trigger{text-align:center;padding:var(--space-2)}.build-info-list{gap:var(--space-3);flex-direction:column;margin:0;padding:0;display:flex}.build-info-row{padding:var(--space-2)0;border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;display:flex}.build-info-row:last-child{border-bottom:none}.build-info-row dt{font-size:var(--font-size-sm);color:var(--color-text-secondary);font-weight:var(--font-weight-medium)}.build-info-row dd{font-size:var(--font-size-sm);color:var(--color-text-primary);font-family:var(--font-family-mono);margin:0}.build-info-link{color:var(--color-secondary);text-decoration:none}.build-info-link:hover{text-decoration:underline}.build-info-env{padding:var(--space-1)var(--space-2);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);font-family:var(--font-family);display:inline-block}.build-info-env--production{background-color:var(--color-success-light);color:#166534}.build-info-env--preview{background-color:var(--color-warning-light);color:#92400e}.build-info-env--development{background-color:var(--color-info-light);color:#1e40af}.build-info-release-notes{margin-top:var(--space-4);padding-top:var(--space-3);border-top:1px solid var(--color-border);justify-content:space-between;align-items:center;display:flex}.build-info-release-notes-link{font-size:var(--font-size-sm);color:var(--color-text-muted);cursor:default}.build-info-coming-soon{font-size:var(--font-size-xs);color:var(--color-text-muted);font-style:italic}.landing-page{padding:var(--space-10)var(--space-6);max-width:var(--max-content-width);flex:1;width:100%;margin:0 auto}.landing-header{text-align:center;margin-bottom:var(--space-10)}.landing-title{font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin-bottom:var(--space-3);justify-content:center;align-items:center;display:flex}.landing-alpha{color:var(--color-secondary);vertical-align:baseline;font-size:1.4em;line-height:1;position:relative;top:-.08em}.landing-subtitle-alpha{color:var(--color-secondary);font-size:1.15em}.landing-gear{width:.72em;height:.72em;position:relative;top:.02em}.landing-subtitle{font-size:var(--font-size-lg);color:var(--color-text-secondary);margin-bottom:0}.calculator-grid{gap:var(--space-6);grid-template-columns:repeat(auto-fill,minmax(300px,1fr));display:grid}.calculator-card{background-color:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-6);color:inherit;transition:transform var(--transition-fast),box-shadow var(--transition-fast),border-color var(--transition-fast);gap:var(--space-3);flex-direction:column;height:100%;text-decoration:none;display:flex}.calculator-card:hover{box-shadow:var(--shadow-lg);border-color:var(--color-secondary-light);text-decoration:none;transform:translateY(-2px)}.calculator-card-icon{margin-right:var(--space-3);font-size:2rem}.calculator-card-name{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.calculator-card-description{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:var(--line-height-relaxed);flex:1;margin-bottom:0}.calculator-card-category{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-secondary);background-color:rgba(var(--color-secondary-rgb),.1);padding:var(--space-1)var(--space-2);border-radius:var(--radius-full);align-self:flex-start;display:inline-block}.header-hamburger{cursor:pointer;padding:var(--space-2);color:var(--color-text-inverse);font-size:var(--font-size-xl);background:0 0;border:none;line-height:1;display:none}@media (max-width:768px){.calculator-sidebar{top:var(--header-height);z-index:var(--z-dropdown);transition:transform var(--transition-normal);position:fixed;bottom:0;left:0;transform:translate(-100%)}.calculator-sidebar--open{transform:translate(0)}.calculator-sidebar--collapsed{width:var(--sidebar-width)}.sidebar-overlay{inset:0;top:var(--header-height);z-index:calc(var(--z-dropdown) - 1);background-color:#0006;display:none;position:fixed}.sidebar-overlay--visible{display:block}.header-hamburger{align-items:center;display:flex}.calculator-grid{grid-template-columns:1fr}.landing-page{padding:var(--space-6)var(--space-4)}.landing-title{font-size:var(--font-size-2xl)}}
.projects-page{padding:var(--space-8);max-width:1400px}.projects-sticky-header{z-index:10;background-color:var(--color-bg-secondary);padding-bottom:var(--space-4);margin:calc(-1*var(--space-8))calc(-1*var(--space-8))0;padding:var(--space-8)var(--space-8)var(--space-4);position:sticky;top:0}.projects-header{justify-content:space-between;align-items:center;display:flex}.projects-title{font-size:var(--font-size-3xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0}.list-filters{align-items:center;gap:var(--space-3);margin-bottom:var(--space-4);display:flex}.list-filter-search{max-width:280px;padding:var(--space-2)var(--space-3);font-family:var(--font-family);font-size:var(--font-size-sm);color:var(--color-text-primary);background-color:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:border-color var(--transition-fast);flex:1}.list-filter-search:focus{border-color:var(--color-border-focus);box-shadow:0 0 0 3px rgba(var(--color-secondary-rgb),.15);outline:none}.list-filter-search::placeholder{color:var(--color-text-muted)}.projects-page .table th,.projects-page .table td{vertical-align:top}.projects-page .table th:nth-child(5),.projects-page .table td:nth-child(5){text-align:right}.projects-table-row{cursor:pointer;transition:background-color var(--transition-fast)}.projects-table-row:hover{background-color:var(--color-gray-100)}.projects-table-name{font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.projects-table-desc{font-size:var(--font-size-xs);color:var(--color-text-muted);margin-top:var(--space-1);min-width:200px}.project-detail{padding:var(--space-8);max-width:1000px}.project-detail-header{margin-bottom:var(--space-6)}.project-detail-back{align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-bottom:var(--space-4);text-decoration:none;display:inline-flex}.project-detail-back:hover{color:var(--color-text-primary);text-decoration:none}.project-detail-title-row{justify-content:space-between;align-items:center;gap:var(--space-4);display:flex}.project-detail-tags{margin-top:var(--space-3)}.project-detail-title{font-size:var(--font-size-3xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0}.project-detail-description{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-top:var(--space-2)}.scenario-list{gap:var(--space-3);flex-direction:column;display:flex}.scenario-list-header{margin-bottom:var(--space-2);justify-content:space-between;align-items:center;display:flex}.scenario-list-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0}.scenario-card{align-items:center;gap:var(--space-4);width:100%;padding:var(--space-4)var(--space-5);background-color:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-md);color:inherit;text-align:left;cursor:pointer;transition:all var(--transition-fast);display:flex}.scenario-card:hover{border-color:var(--color-secondary-light);box-shadow:var(--shadow-sm)}.scenario-card-link{align-items:center;gap:var(--space-4);min-width:0;color:inherit;flex:1;text-decoration:none;display:flex}.scenario-card-link:hover{text-decoration:none}.scenario-card-icon{color:var(--color-text-muted);flex-shrink:0}.scenario-card-info{flex:1;min-width:0}.scenario-card-name{font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.scenario-card-desc{font-size:var(--font-size-xs);color:var(--color-text-secondary);margin-top:var(--space-1)}.scenario-card-meta{font-size:var(--font-size-xs);color:var(--color-text-muted);margin-top:var(--space-1)}.scenario-card-edit{border-radius:var(--radius-sm);width:32px;height:32px;color:var(--color-text-muted);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;display:flex}.scenario-card-edit:hover{background-color:var(--color-gray-100);color:var(--color-text-primary)}.project-detail-assignees{align-items:center;gap:var(--space-3);margin-top:var(--space-3);display:flex}.project-detail-assignees-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);white-space:nowrap}.scenario-card-assignees{align-items:center;gap:var(--space-2);flex-shrink:0;display:flex}.scenario-card-inherited{color:var(--color-text-muted);font-size:10px;font-style:italic}.favorite-toggle{border-radius:var(--radius-sm);width:32px;height:32px;color:var(--color-text-muted);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;display:flex}.favorite-toggle:hover{background-color:var(--color-gray-100);color:#f59e0b}.favorite-toggle--active{color:#f59e0b}.favorite-cell{text-align:center;width:40px}.favorites-sort-btn{flex-shrink:0}.favorites-page{padding:var(--space-8);max-width:1000px}.favorites-header{margin-bottom:var(--space-6)}.favorites-title{font-size:var(--font-size-3xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0}.favorites-section{margin-bottom:var(--space-6)}.favorites-section-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em;margin:0 0 var(--space-3)}.favorite-card{align-items:center;gap:var(--space-4);padding:var(--space-4)var(--space-5);background-color:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-md);margin-bottom:var(--space-2);cursor:pointer;transition:all var(--transition-fast);display:flex}.favorite-card:hover{border-color:var(--color-secondary-light);box-shadow:var(--shadow-sm)}.favorite-card-info{flex:1;min-width:0}.favorite-card-name{font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.favorite-card-desc{font-size:var(--font-size-xs);color:var(--color-text-secondary);margin-top:var(--space-1)}.favorite-card-meta{font-size:var(--font-size-xs);color:var(--color-text-muted);margin-top:var(--space-1)}@media (max-width:640px){.favorites-page,.projects-page,.project-detail{padding:var(--space-6)var(--space-4)}.projects-sticky-header{margin:calc(-1*var(--space-6))calc(-1*var(--space-4))0;padding:var(--space-6)var(--space-4)var(--space-3)}.projects-header{align-items:stretch;gap:var(--space-3);flex-direction:column}.list-filters{flex-direction:column;align-items:stretch}.list-filter-search{max-width:none}.project-detail-title-row{flex-direction:column;align-items:stretch}}.load-scenario-search{margin-bottom:var(--space-4);position:relative}.load-scenario-search-icon{left:var(--space-3);color:var(--color-text-muted);pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.load-scenario-search-input{width:100%;padding:var(--space-2)var(--space-3)var(--space-2)calc(var(--space-3) + 24px);font-size:var(--font-size-base);color:var(--color-text-primary);background-color:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:border-color var(--transition-fast),box-shadow var(--transition-fast);outline:none;font-family:inherit}.load-scenario-search-input:focus{border-color:var(--color-secondary);box-shadow:0 0 0 3px rgba(var(--color-secondary-rgb),.15)}.load-scenario-search-input::placeholder{color:var(--color-text-muted)}.load-scenario-list{gap:var(--space-2);flex-direction:column;max-height:400px;display:flex;overflow-y:auto}.load-scenario-row{align-items:flex-start;gap:var(--space-3);width:100%;padding:var(--space-3)var(--space-4);background-color:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);text-align:left;color:inherit;display:flex}.load-scenario-row:hover{border-color:var(--color-secondary-light);background-color:var(--color-gray-50);box-shadow:var(--shadow-sm)}.load-scenario-row:disabled{opacity:.5;cursor:not-allowed}.load-scenario-badge{background-color:var(--color-gray-100);color:var(--color-secondary);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);font-family:var(--font-family-mono);padding:var(--space-1)var(--space-2);border-radius:var(--radius-sm);letter-spacing:.02em;white-space:nowrap;flex-shrink:0;margin-top:2px;display:inline-block}.load-scenario-details{flex:1;min-width:0}.load-scenario-name{font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:var(--color-text-primary);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.load-scenario-meta{align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);color:var(--color-text-muted);margin-top:var(--space-1);display:flex}.load-scenario-project{color:var(--color-secondary);font-weight:var(--font-weight-medium)}.load-scenario-project:after{content:"·";margin-left:var(--space-2);color:var(--color-text-muted)}.load-scenario-date{white-space:nowrap}.load-scenario-tags{gap:var(--space-1);margin-top:var(--space-1);flex-wrap:wrap;display:flex}.load-scenario-tag{font-size:var(--font-size-xs);color:var(--color-text-secondary);background-color:var(--color-gray-100);padding:1px var(--space-2);border-radius:var(--radius-full);display:inline-block}.load-scenario-toolbar{align-items:center;gap:var(--space-3);margin-bottom:var(--space-4);display:flex}.load-scenario-toolbar .list-filter-search{flex:1}.load-scenario-description{font-size:var(--font-size-xs);color:var(--color-text-muted);margin-top:var(--space-1);white-space:nowrap;text-overflow:ellipsis;max-width:100%;overflow:hidden}.load-scenario-selected{border-color:var(--color-secondary);background-color:rgba(var(--color-secondary-rgb),.04)}.load-scenario-checkbox{border:2px solid var(--color-border);border-radius:var(--radius-sm);width:20px;height:20px;font-size:var(--font-size-xs);color:var(--color-bg-primary);background-color:var(--color-bg-primary);transition:all var(--transition-fast);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.load-scenario-checkbox--checked{border-color:var(--color-secondary);background-color:var(--color-secondary);color:var(--color-text-inverse)}.load-scenario-section-label{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em;padding-bottom:var(--space-2);margin-bottom:var(--space-1);border-bottom:1px solid var(--color-border)}.load-scenario-recent-section{gap:var(--space-3);margin-bottom:var(--space-2);flex-direction:column;display:flex}.load-scenario-recent-section .scenario-card{background-color:var(--color-gray-50)}.compare-scenario-container{gap:var(--space-4);flex-direction:column;display:flex}.compare-scenario-headers{gap:var(--space-4);grid-template-columns:1fr 1fr;display:grid}.compare-scenario-header{align-items:center;gap:var(--space-2);padding:var(--space-3)var(--space-4);border-radius:var(--radius-md);border:1px solid var(--color-border);display:flex}.compare-scenario-header--a{background-color:#22c55e0f;border-color:#22c55e33}.compare-scenario-header--b{background-color:#3b82f60f;border-color:#3b82f633}.compare-scenario-name{font-weight:var(--font-weight-medium);color:var(--color-text-primary);white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.compare-scenario-filter{align-items:center;display:flex}.compare-scenario-filter-label{align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);color:var(--color-text-secondary);cursor:pointer;display:flex}.compare-scenario-filter-label input[type=checkbox]{accent-color:var(--color-secondary)}.compare-scenario-table-wrapper{border:1px solid var(--color-border);border-radius:var(--radius-md);max-height:400px;overflow-y:auto}.compare-scenario-table{border-collapse:collapse;width:100%;font-size:var(--font-size-sm)}.compare-scenario-table thead{z-index:1;position:sticky;top:0}.compare-scenario-table th{background-color:var(--color-gray-50);padding:var(--space-2)var(--space-3);text-align:left;font-weight:var(--font-weight-semibold);font-size:var(--font-size-xs);color:var(--color-text-secondary);border-bottom:1px solid var(--color-border)}.compare-scenario-th-key{width:35%}.compare-scenario-th-val{width:32.5%}.compare-scenario-table td{padding:var(--space-2)var(--space-3);border-bottom:1px solid var(--color-gray-100);vertical-align:top;word-break:break-word}.compare-scenario-cell-key{font-weight:var(--font-weight-medium);color:var(--color-text-secondary);font-size:var(--font-size-xs)}.compare-scenario-cell-val,.compare-scenario-row--diff .compare-scenario-cell-key{color:var(--color-text-primary)}.compare-scenario-val--a{font-weight:var(--font-weight-semibold);background-color:#22c55e14}.compare-scenario-val--b{font-weight:var(--font-weight-semibold);background-color:#3b82f614}
.settings-shell{min-height:100%;display:flex}.settings-sidebar{border-right:1px solid var(--color-border);width:240px;padding:var(--space-4)0;flex-shrink:0;align-self:flex-start;position:sticky;top:0}.settings-sidebar-title{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;padding:var(--space-2)var(--space-4);margin-bottom:var(--space-1)}.settings-content{flex:1;min-width:0}.settings-page{padding:var(--space-8);max-width:900px}.settings-header{margin-bottom:var(--space-8)}.settings-title{font-size:var(--font-size-3xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0}.settings-section{margin-bottom:var(--space-8)}.settings-section-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0 0 var(--space-4);padding-bottom:var(--space-2);border-bottom:1px solid var(--color-border)}.settings-section-description{font-size:var(--font-size-sm);color:var(--color-text-muted);margin:0 0 var(--space-4)}.settings-alerts:not(:empty){margin-bottom:var(--space-4)}.settings-profile{align-items:center;gap:var(--space-4);padding:var(--space-5);background-color:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-lg);display:flex}.settings-profile-avatar{border-radius:var(--radius-full);object-fit:cover;width:48px;height:48px}.settings-profile-info{flex:1}.settings-profile-name{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.settings-profile-email{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.settings-profile-list{border:1px solid var(--color-border);border-radius:var(--radius-lg);flex-direction:column;display:flex;overflow:hidden}.settings-profile-list-item{padding:var(--space-3)var(--space-4);color:inherit;justify-content:space-between;align-items:center;text-decoration:none;display:flex}.settings-profile-list-item+.settings-profile-list-item{border-top:1px solid var(--color-border)}.settings-profile-list-item--link{cursor:pointer;transition:background-color var(--transition-fast)}.settings-profile-list-item--link:hover{background-color:var(--color-bg-tertiary)}.settings-profile-list-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.settings-profile-list-value{align-items:center;gap:var(--space-2);display:flex}.settings-profile-list-arrow{font-size:var(--font-size-lg);color:var(--color-text-muted);line-height:1}.settings-member-table{border-collapse:collapse;width:100%}.settings-member-table th{text-align:left;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;padding:var(--space-2)var(--space-3);border-bottom:1px solid var(--color-border)}.settings-member-row td{padding:var(--space-3);border-bottom:1px solid var(--color-border);vertical-align:middle}.settings-member-info{align-items:center;gap:var(--space-3);display:flex}.settings-member-avatar{border-radius:var(--radius-full);object-fit:cover;flex-shrink:0;width:32px;height:32px}.settings-member-name{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.settings-member-email{font-size:var(--font-size-xs);color:var(--color-text-secondary)}.settings-member-actions{gap:var(--space-2);align-items:center;display:flex}.role-badge{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);border-radius:var(--radius-full);align-items:center;padding:2px 8px;line-height:1.4;display:inline-flex}.role-badge--owner{color:#7c3aed;background-color:#8b5cf61f}.role-badge--admin{color:#2563eb;background-color:#3b82f61f}.role-badge--member{background-color:var(--color-gray-100);color:var(--color-text-secondary)}.status-badge{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);border-radius:var(--radius-full);align-items:center;padding:2px 8px;line-height:1.4;display:inline-flex}.status-badge--active{color:#16a34a;background-color:#22c55e1f}.status-badge--deactivated{color:#dc2626;background-color:#ef44441f}.users-filter-bar{align-items:center;gap:var(--space-3);margin-bottom:var(--space-4);flex-wrap:wrap;display:flex}.users-filter-search{min-width:180px;max-width:280px;padding:var(--space-2)var(--space-3);font-family:var(--font-family);font-size:var(--font-size-sm);color:var(--color-text-primary);background-color:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-md);flex:1}.users-filter-search:focus{border-color:var(--color-border-focus);box-shadow:0 0 0 3px rgba(var(--color-secondary-rgb),.15);outline:none}.users-filter-dropdown{position:relative}.users-filter-trigger{align-items:center;gap:var(--space-2);padding:var(--space-2)var(--space-3);font-family:var(--font-family);font-size:var(--font-size-sm);color:var(--color-text-secondary);background-color:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;white-space:nowrap;transition:border-color var(--transition-fast);display:inline-flex}.users-filter-trigger:hover{border-color:var(--color-border-focus)}.users-filter-trigger--active{border-color:rgba(var(--color-secondary-rgb),.5);color:var(--color-text-primary)}.users-filter-chevron{font-size:10px;line-height:1}.users-filter-menu{background-color:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-md);min-width:160px;box-shadow:var(--shadow-md);z-index:20;padding:var(--space-2)0;position:absolute;top:calc(100% + 4px);left:0}.users-filter-option{align-items:center;gap:var(--space-2);padding:var(--space-2)var(--space-3);font-size:var(--font-size-sm);color:var(--color-text-primary);cursor:pointer;transition:background-color var(--transition-fast);display:flex}.users-filter-option:hover{background-color:var(--color-bg-tertiary)}.users-filter-option input[type=checkbox]{accent-color:var(--color-secondary)}.users-filter-clear{width:100%;padding:var(--space-2)var(--space-3);font-family:var(--font-family);font-size:var(--font-size-xs);color:var(--color-text-muted);border:none;border-top:1px solid var(--color-border);cursor:pointer;text-align:left;margin-top:var(--space-1);background:0 0;display:block}.users-filter-clear:hover{color:var(--color-text-primary)}.users-filter-toggle{align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);color:var(--color-text-secondary);cursor:pointer;white-space:nowrap;-webkit-user-select:none;user-select:none;display:inline-flex}.users-filter-toggle input[type=checkbox]{accent-color:var(--color-secondary)}.users-filter-clear-all{font-family:var(--font-family);font-size:var(--font-size-sm);color:var(--color-text-muted);cursor:pointer;padding:var(--space-2)0;text-underline-offset:2px;background:0 0;border:none;text-decoration:underline}.users-filter-clear-all:hover{color:var(--color-text-primary)}.users-pagination{padding:var(--space-3)0;margin-top:var(--space-2);border-top:1px solid var(--color-border);justify-content:space-between;align-items:center;display:flex}.users-pagination-info{font-size:var(--font-size-sm);color:var(--color-text-muted)}.users-pagination-controls{align-items:center;gap:var(--space-3);display:flex}.users-pagination-page{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.settings-invite-row{gap:var(--space-3);margin-bottom:var(--space-4);display:flex}.settings-invite-input{max-width:320px;padding:var(--space-2)var(--space-3);font-family:var(--font-family);font-size:var(--font-size-sm);color:var(--color-text-primary);background-color:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-md);flex:1}.settings-invite-input:focus{border-color:var(--color-border-focus);box-shadow:0 0 0 3px rgba(var(--color-secondary-rgb),.15);outline:none}.settings-add-member{margin-bottom:var(--space-4);max-width:500px;position:relative}.settings-add-member-input-wrap{position:relative}.settings-add-member-dropdown{min-width:auto;margin-top:4px;position:absolute;top:100%;left:0;right:0}.settings-placeholder{padding:var(--space-8);border:2px dashed var(--color-border);border-radius:var(--radius-lg);text-align:center;color:var(--color-text-muted);font-size:var(--font-size-sm)}.settings-create-team{gap:var(--space-3);margin-bottom:var(--space-6);max-width:400px;display:flex}.settings-create-team .form-input{flex:1}.settings-team-list{gap:var(--space-3);flex-direction:column;display:flex}.settings-team-card{border:1px solid var(--color-border);border-radius:var(--radius-lg);background-color:var(--color-bg-primary);overflow:hidden}.settings-team-card--expanded{border-color:rgba(var(--color-secondary-rgb),.3)}.settings-team-card-header{width:100%;padding:var(--space-4)var(--space-5);cursor:pointer;font-family:var(--font-family);text-align:left;transition:background-color var(--transition-fast);background:0 0;border:none;justify-content:space-between;align-items:center;display:flex}.settings-team-card-header:hover{background-color:var(--color-bg-tertiary)}.settings-team-card-info{flex-direction:column;gap:2px;display:flex}.settings-team-card-name{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.settings-team-card-meta{font-size:var(--font-size-xs);color:var(--color-text-muted)}.settings-team-card-right{align-items:center;gap:var(--space-3);display:flex}.settings-team-card-chevron{font-size:var(--font-size-sm);color:var(--color-text-muted);transition:transform var(--transition-fast)}.settings-team-card-chevron--open{transform:rotate(180deg)}.settings-team-card-body{padding:0 var(--space-5)var(--space-5);border-top:1px solid var(--color-border)}.settings-team-card-body .settings-add-member{margin-top:var(--space-4)}.settings-team-loading{padding:var(--space-6)0;text-align:center;font-size:var(--font-size-sm);color:var(--color-text-muted)}.sidebar-footer{padding:var(--space-3)0;border-top:1px solid var(--color-border);margin-top:auto}.calculator-sidebar--collapsed .sidebar-footer{padding:var(--space-3)0}.settings-member-row--clickable{cursor:pointer;transition:background-color var(--transition-fast)}.settings-member-row--clickable:hover{background-color:var(--color-bg-tertiary)}.settings-back-link{font-size:var(--font-size-sm);color:var(--color-text-muted);margin-bottom:var(--space-4);transition:color var(--transition-fast);text-decoration:none;display:inline-block}.settings-back-link:hover{color:var(--color-text-primary)}.team-detail-header{padding:var(--space-5);background-color:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-lg);margin-bottom:var(--space-8);justify-content:space-between;align-items:flex-start;display:flex}.team-detail-header-name{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.team-detail-header-slug{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-top:2px}.team-detail-header-description{color:var(--color-text-muted);font-size:var(--font-size-sm);margin-top:var(--space-1)}.user-detail-header{align-items:center;gap:var(--space-4);padding:var(--space-5);background-color:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-lg);margin-bottom:var(--space-8);display:flex}.user-detail-header-info{flex:1;min-width:0}.user-detail-header-name{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.user-detail-header-you{color:var(--color-text-muted);font-weight:400;font-size:var(--font-size-sm);margin-left:var(--space-2)}.user-detail-header-email{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-top:2px}.user-detail-header-badges{gap:var(--space-2);margin-top:var(--space-2);display:flex}.user-detail-header-actions{flex-shrink:0}.user-detail-meta{gap:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(220px,1fr));display:grid}.user-detail-meta-item{padding:var(--space-3);background-color:var(--color-bg-secondary);border-radius:var(--radius-md);flex-direction:column;gap:2px;display:flex}.user-detail-meta-label{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em}.user-detail-meta-value{font-size:var(--font-size-sm);color:var(--color-text-primary)}.security-badge{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);border-radius:var(--radius-full);align-items:center;padding:2px 8px;line-height:1.4;display:inline-flex}.security-badge--enabled{color:#16a34a;background-color:#22c55e1f}.security-badge--disabled{color:#dc2626;background-color:#ef44441f}@media (max-width:768px){.settings-shell{flex-direction:column}.settings-sidebar{border-right:none;border-bottom:1px solid var(--color-border);width:100%;padding:var(--space-2)0;position:static}.settings-sidebar nav{gap:var(--space-1);padding:0 var(--space-2);display:flex;overflow-x:auto}.settings-sidebar .sidebar-nav-item{white-space:nowrap;padding:var(--space-2)var(--space-3);font-size:var(--font-size-xs)}.settings-sidebar-title{display:none}}@media (max-width:640px){.settings-page{padding:var(--space-6)var(--space-4)}.settings-invite-row{flex-direction:column}.settings-invite-input{max-width:none}.settings-member-table{font-size:var(--font-size-sm)}.user-detail-header{text-align:center;flex-direction:column}.user-detail-header-badges{justify-content:center}.user-detail-meta{grid-template-columns:1fr}}.pricing-family-tabs{gap:var(--space-1);margin-bottom:var(--space-4);border-bottom:2px solid var(--color-border);display:flex}.pricing-family-tab{padding:var(--space-2)var(--space-4);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium,500);color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-2px;transition:color .15s,border-color .15s}.pricing-family-tab:hover{color:var(--color-text)}.pricing-family-tab--active{color:var(--color-primary,#2d1b48);border-bottom-color:var(--color-primary,#2d1b48)}.pricing-base-price-row{justify-content:space-between;align-items:center;gap:var(--space-4);display:flex}.pricing-base-price-label{font-weight:var(--font-weight-medium,500)}.pricing-base-price-value{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold,700);color:var(--color-secondary,#265384)}.pricing-adder-table{border-collapse:collapse;width:100%;font-size:var(--font-size-sm)}.pricing-adder-table th,.pricing-adder-table td{padding:var(--space-2)var(--space-3);text-align:left;border-bottom:1px solid var(--color-border)}.pricing-adder-table th{font-weight:var(--font-weight-semibold,600);color:var(--color-text-muted);font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.03em}.pricing-adder-table code{background:var(--color-surface,#f8f9fa);border-radius:var(--radius-sm,4px);font-size:var(--font-size-xs);padding:1px 4px}.pricing-override-row--disabled{opacity:.5}.pricing-match-type-badge{background:var(--color-surface,#f8f9fa);border:1px solid var(--color-border);border-radius:var(--radius-sm,4px);margin-left:var(--space-1);vertical-align:middle;padding:0 4px;font-size:10px;display:inline-block}.customers-toolbar{justify-content:space-between;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4);flex-wrap:wrap;display:flex}.customers-table{border-collapse:collapse;width:100%;font-size:var(--font-size-sm)}.customers-table th,.customers-table td{padding:var(--space-2)var(--space-3);text-align:left;border-bottom:1px solid var(--color-border)}.customers-table th{font-weight:var(--font-weight-semibold,600);color:var(--color-text-muted);font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.03em}.customers-table code{background:var(--color-surface,#f8f9fa);border-radius:var(--radius-sm,4px);font-size:var(--font-size-xs);padding:1px 4px}.customers-contact{flex-direction:column;gap:1px;display:flex}.customers-contact-name{font-weight:var(--font-weight-medium,500);color:var(--color-text-primary)}.customers-contact-email{font-size:var(--font-size-xs);color:var(--color-text-muted)}.customers-tier-badge{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium,500);border-radius:var(--radius-full);align-items:center;padding:2px 8px;line-height:1.4;display:inline-flex}.customers-tier-badge--gold{color:#a16207;background-color:#eab30826}.customers-tier-badge--silver{color:#475569;background-color:#94a3b833}.customers-tier-badge--bronze{color:#92400e;background-color:#b453091f}.customers-tier-badge--default{background-color:var(--color-gray-100);color:var(--color-text-secondary)}.customers-tier-badge--none{color:var(--color-text-muted)}.customers-pricing-count{min-width:24px;height:24px;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium,500);background:var(--color-surface,#f8f9fa);border-radius:var(--radius-full);color:var(--color-text-secondary);justify-content:center;align-items:center;padding:0 6px;display:inline-flex}.customers-summary{margin-top:var(--space-4);font-size:var(--font-size-sm);color:var(--color-text-muted)}.settings-subtitle{font-size:var(--font-size-sm);color:var(--color-text-muted);margin:var(--space-1)0 0}.settings-message{align-items:center;gap:var(--space-3);padding:var(--space-3)var(--space-4);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);animation:.3s ease-out slideDown;display:flex}.settings-message.success{color:#15803d;background-color:#22c55e1a;border:1px solid #22c55e4d}.settings-message.error{color:#b91c1c;background-color:#ef44441a;border:1px solid #ef44444d}.message-icon{font-size:var(--font-size-lg);flex-shrink:0}.message-text{flex:1}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.settings-sections{gap:var(--space-6);margin-bottom:var(--space-6);flex-direction:column;display:flex}.settings-section{border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-5);background:#fff;transition:box-shadow .2s;box-shadow:0 1px 3px #0000000d}.settings-section:hover{box-shadow:0 4px 6px #00000014}.setting-header{margin-bottom:var(--space-4)}.setting-title-group{align-items:center;gap:var(--space-3);margin-bottom:var(--space-2);display:flex}.setting-title-group h2{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0}.scope-indicator{padding:2px var(--space-3);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.5px;display:inline-block}.scope-indicator.orange{color:#c2410c;background-color:#fff7ed;border:1px solid #fed7aa}.scope-indicator.green{color:#15803d;background-color:#f0fdf4;border:1px solid #bbf7d0}.setting-description{font-size:var(--font-size-sm);color:var(--color-text-muted);margin:0}.setting-controls{gap:var(--space-4);flex-direction:column;display:flex}.toggle-group{align-items:center;display:flex}.toggle-label{align-items:center;gap:var(--space-2);cursor:pointer;-webkit-user-select:none;user-select:none;display:flex}.toggle-label-text{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);min-width:80px}.toggle-with-labels{align-items:center;gap:var(--space-2);display:flex}.toggle-option-label{font-size:var(--font-size-sm);color:var(--color-text-secondary);text-align:center;-webkit-user-select:none;user-select:none;min-width:100px}.toggle-button{background-color:var(--color-gray-300);cursor:pointer;border:none;border-radius:14px;outline:none;width:52px;height:28px;transition:background-color .25s;position:relative}.toggle-button:hover{background-color:var(--color-gray-400)}.toggle-button:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.toggle-button.active{background-color:var(--color-primary)}.toggle-button.active:hover{background-color:var(--color-primary-dark,#241537)}.toggle-button:disabled{opacity:.5;cursor:not-allowed}.toggle-slider{background-color:#fff;border-radius:50%;width:24px;height:24px;transition:transform .25s;position:absolute;top:2px;left:2px;box-shadow:0 2px 4px #0003}.toggle-button.active .toggle-slider{transform:translate(24px)}.toggle-status{font-size:var(--font-size-sm);color:var(--color-text-muted);min-width:60px}.scope-group{gap:var(--space-3);flex-direction:column;display:flex}.scope-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary)}.radio-group{gap:var(--space-4);display:flex}.radio-label{gap:var(--space-1);cursor:pointer;-webkit-user-select:none;user-select:none;flex-direction:column;display:flex}.radio-label input[type=radio]{margin-right:var(--space-2);accent-color:var(--color-primary)}.radio-text{font-size:var(--font-size-sm);color:var(--color-text-primary);font-weight:var(--font-weight-medium);align-items:center;display:flex}.radio-hint{font-size:var(--font-size-xs);color:var(--color-text-muted);margin-left:calc(var(--space-2) + 16px)}.radio-label input[type=radio]:disabled~.radio-text,.radio-label input[type=radio]:disabled~.radio-hint{opacity:.5;cursor:not-allowed}.settings-actions{align-items:center;gap:var(--space-3);padding-top:var(--space-6);border-top:1px solid var(--color-border);flex-direction:column;display:flex}.btn-reset{align-items:center;gap:var(--space-2);padding:var(--space-3)var(--space-4);background-color:var(--color-gray-100);color:var(--color-text-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all .2s;display:flex}.btn-reset:hover{background-color:var(--color-gray-200);border-color:var(--color-gray-400);color:var(--color-text-primary)}.btn-reset:active{transform:scale(.98)}.btn-reset:disabled{opacity:.5;cursor:not-allowed}.btn-icon{font-size:var(--font-size-lg)}.reset-hint{font-size:var(--font-size-xs);color:var(--color-text-muted);text-align:center;margin:0}.settings-content .skeleton{animation:2s cubic-bezier(.4,0,.6,1) infinite pulse}.skeleton-title{background-color:var(--color-gray-200);border-radius:var(--radius-sm);width:200px;height:24px;margin-bottom:var(--space-4)}.skeleton-control{background-color:var(--color-gray-200);border-radius:var(--radius-md);height:40px;margin-bottom:var(--space-4)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@media (max-width:640px){.settings-section{padding:var(--space-4)}.radio-group{gap:var(--space-3);flex-direction:column}.toggle-label{flex-wrap:wrap}.toggle-label-text{width:100%;min-width:auto}}
@keyframes landingFadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.landing{color:#fff;background:linear-gradient(135deg,#000 0%,#1a1a1a 50%,#2a0a14 100%);min-height:100vh}.landing-nav{z-index:100;padding:var(--space-4)var(--space-6);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0000004d;justify-content:space-between;align-items:center;display:flex;position:fixed;top:0;left:0;right:0}.landing-nav-brand{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:#fff;letter-spacing:-.02em;text-decoration:none}.landing-nav-brand:hover{opacity:.9;text-decoration:none}.landing-nav-alpha{color:var(--color-secondary);font-size:1.4em;line-height:1;position:relative;top:-.05em}.landing-nav-signin{color:#fff;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);padding:var(--space-2)var(--space-4);border-radius:var(--radius-md);transition:background var(--transition-fast),border-color var(--transition-fast);border:1px solid #ffffff4d;text-decoration:none}.landing-nav-signin:hover{background:#ffffff1a;border-color:#ffffff80;text-decoration:none}.landing-hero{text-align:center;min-height:100vh;padding:var(--space-16)var(--space-6);flex-direction:column;justify-content:center;align-items:center;display:flex}.landing-hero-logo{font-size:clamp(3rem,8vw,5rem);font-weight:var(--font-weight-bold);color:#fff;letter-spacing:-.02em;justify-content:center;align-items:center;margin:0;animation:1.5s ease-out both landingFadeIn;display:flex}.landing-hero-alpha{color:var(--color-secondary);font-size:1.4em;line-height:1;position:relative;top:-.08em}.landing-hero-gear{color:#fff;width:.72em;height:.72em;position:relative;top:.06em}.landing-hero-tagline{color:#fff9;margin:var(--space-4)0 var(--space-8);letter-spacing:.02em;font-size:clamp(1rem,2.5vw,1.25rem);animation:.8s ease-out .5s both landingFadeIn}.landing-hero-tagline-alpha{color:var(--color-secondary);font-size:1.15em}.landing-hero-cta{padding:var(--space-3)var(--space-8);background:var(--color-secondary);color:#fff;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);border-radius:var(--radius-lg);transition:background var(--transition-fast),transform var(--transition-fast);text-decoration:none;animation:.8s ease-out .8s both landingFadeIn;display:inline-block}.landing-hero-cta:hover{background:var(--color-secondary-light);text-decoration:none;transform:translateY(-1px)}.landing-features{padding:var(--space-16)var(--space-6);max-width:var(--max-content-width);margin:0 auto}.landing-features-heading{text-align:center;font-size:clamp(1.5rem,3vw,2rem);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-12);color:#ffffffe6}.landing-features-grid{gap:var(--space-6);grid-template-columns:repeat(auto-fit,minmax(260px,1fr));display:grid}.landing-feature-card{border-radius:var(--radius-xl);padding:var(--space-6);transition:background var(--transition-fast),border-color var(--transition-fast);background:#ffffff0d;border:1px solid #ffffff1a}.landing-feature-card:hover{background:#ffffff14;border-color:#fff3}.landing-feature-card .calculator-card-inner{color:#fff}.landing-feature-card .calculator-card-icon{color:var(--color-secondary)}.landing-feature-card .calculator-card-category{color:#ffffff80}.landing-feature-card .calculator-card-name{color:#fff}.landing-feature-card .calculator-card-description{color:#fff9}.landing .footer{background:0 0;border-top:1px solid #ffffff1a}.landing .footer-copyright,.landing .footer-version,.landing .footer-link{color:#fff6}.landing .footer-link:hover{color:var(--color-secondary)}@media (max-width:640px){.landing-nav{padding:var(--space-3)var(--space-4)}.landing-hero{padding:var(--space-16)var(--space-4)}.landing-features{padding:var(--space-12)var(--space-4)}.landing-features-grid{grid-template-columns:1fr}}
.help-layout{height:100vh;overflow:hidden}.help-main{background-color:var(--color-bg-primary);flex:1;overflow:hidden}.help-shell{height:100%;display:flex}.help-sidebar{border-right:1px solid var(--color-border);background-color:var(--color-bg-primary);flex-shrink:0;width:240px;overflow-y:auto}.help-sidebar-inner{padding:var(--space-6)var(--space-4)var(--space-12)}.help-nav-group{margin-bottom:var(--space-5)}.help-nav-group:last-child{margin-bottom:0}.help-nav-group-label{font-size:11px;font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-muted);padding:0 var(--space-3);margin-bottom:var(--space-2)}.help-nav-list{margin:0;padding:0;list-style:none}.help-nav-list li{margin:0}.help-nav-link{padding:var(--space-1)var(--space-3);font-size:var(--font-size-sm);font-weight:var(--font-weight-normal);color:var(--color-text-secondary);border-radius:var(--radius-md);transition:color var(--transition-fast),background-color var(--transition-fast),border-color var(--transition-fast);border-left:2px solid #0000;text-decoration:none;display:block}.help-nav-link:hover{color:var(--color-text-primary);background-color:var(--color-bg-secondary);text-decoration:none}.help-nav-link--active{color:var(--color-secondary);font-weight:var(--font-weight-medium);background-color:var(--color-bg-secondary);border-left-color:var(--color-secondary)}.help-content{flex:1;min-width:0;overflow-y:auto}.help-guide{max-width:760px;padding:var(--space-8)var(--space-8)var(--space-16);margin:0 auto}.help-guide-header{margin-bottom:var(--space-8)}.help-guide-title{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin-bottom:var(--space-4)}.help-guide-intro{color:var(--color-text-secondary);font-size:var(--font-size-base);line-height:var(--line-height-relaxed)}.help-guide-intro p{margin-bottom:0}.help-sections{gap:var(--space-8);flex-direction:column;display:flex}.help-section{scroll-margin-top:var(--space-4)}.help-section-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--space-4);padding-bottom:var(--space-2);border-bottom:1px solid var(--color-border);position:relative}.help-section-anchor{left:calc(-1*var(--space-5));color:var(--color-text-muted);opacity:0;transition:opacity var(--transition-fast);text-decoration:none;position:absolute}.help-section-title:hover .help-section-anchor{opacity:1}.help-section-anchor:hover{color:var(--color-secondary);text-decoration:none}.help-section-body{color:var(--color-text-secondary);font-size:var(--font-size-sm);line-height:var(--line-height-relaxed)}.help-section-body p{margin-bottom:var(--space-3)}.help-section-body h3{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-top:var(--space-5);margin-bottom:var(--space-2)}.help-section-body ul,.help-section-body ol{margin-bottom:var(--space-3);padding-left:var(--space-5)}.help-section-body li{margin-bottom:var(--space-2)}.help-section-body code{font-family:var(--font-family-mono);background-color:var(--color-bg-tertiary);padding:var(--space-1)var(--space-2);border-radius:var(--radius-sm);color:var(--color-secondary);font-size:.85em}.help-group{gap:var(--space-8);flex-direction:column;display:flex}.help-group-header{font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-muted);padding-bottom:var(--space-2);border-bottom:2px solid var(--color-border)}.help-codeblock{background-color:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-md);margin-bottom:var(--space-3);overflow:hidden}.help-codeblock-label{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-muted);padding:var(--space-2)var(--space-4);border-bottom:1px solid var(--color-border);background-color:var(--color-bg-secondary)}.help-codeblock-pre{padding:var(--space-3)var(--space-4);font-family:var(--font-family-mono);font-size:var(--font-size-sm);line-height:var(--line-height-relaxed);color:var(--color-text-primary);margin:0;overflow-x:auto}.help-callout{border-left:3px solid var(--color-secondary);border-radius:var(--radius-md);background-color:var(--color-bg-secondary);padding:var(--space-3)var(--space-4);margin-bottom:var(--space-3)}.help-callout--tip{border-left-color:var(--color-secondary)}.help-callout--note{border-left-color:var(--color-info,#3b82f6)}.help-callout--warning{border-left-color:var(--color-warning,#f59e0b)}.help-callout-header{align-items:center;gap:var(--space-2);margin-bottom:var(--space-2);display:flex}.help-callout-icon{font-size:var(--font-size-base);line-height:1}.help-callout-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.help-callout-body{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:var(--line-height-relaxed)}.help-callout-body p:last-child{margin-bottom:0}.help-reftable-wrap{margin-bottom:var(--space-3);overflow-x:auto}.help-reftable{border-collapse:collapse;width:100%;font-size:var(--font-size-sm)}.help-reftable th{text-align:left;font-weight:var(--font-weight-semibold);color:var(--color-text-muted);font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.04em;padding:var(--space-2)var(--space-3);border-bottom:2px solid var(--color-border)}.help-reftable td{padding:var(--space-2)var(--space-3);border-bottom:1px solid var(--color-border);color:var(--color-text-secondary)}.help-reftable td code{font-family:var(--font-family-mono);background-color:var(--color-bg-tertiary);padding:var(--space-1)var(--space-2);border-radius:var(--radius-sm);color:var(--color-secondary);white-space:nowrap;font-size:.85em}.help-reftable tbody tr:hover{background-color:var(--color-bg-secondary)}.help-glossary dt{font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-top:var(--space-3)}.help-glossary dt:first-child{margin-top:0}.help-glossary dd{color:var(--color-text-secondary);padding-left:var(--space-4);margin-left:0;margin-bottom:var(--space-2)}.help-steps{counter-reset:step;padding-left:0;list-style:none}.help-steps li{counter-increment:step;padding-left:var(--space-8);margin-bottom:var(--space-4);position:relative}.help-steps li:before{content:counter(step);background-color:var(--color-secondary);color:#fff;width:24px;height:24px;font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;left:0}.section-help-link{color:var(--color-text-muted);opacity:.6;transition:opacity var(--transition-fast),color var(--transition-fast);justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.section-help-link:hover{opacity:1;color:var(--color-secondary);text-decoration:none}.card-header-actions{align-items:center;gap:var(--space-2);display:flex}.configurator-help-link{color:var(--color-text-muted);opacity:.5;transition:opacity var(--transition-fast),color var(--transition-fast);margin-left:var(--space-2);justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.configurator-help-link:hover{opacity:1;color:var(--color-secondary);text-decoration:none}@media (max-width:768px){.help-shell{flex-direction:column}.help-sidebar{border-right:none;border-bottom:1px solid var(--color-border);width:100%;max-height:none;overflow-y:visible}.help-sidebar-inner{gap:var(--space-4);padding:var(--space-3)var(--space-4);-webkit-overflow-scrolling:touch;display:flex;overflow-x:auto}.help-nav-group{flex-shrink:0;margin-bottom:0}.help-nav-group-label{margin-bottom:var(--space-1);font-size:10px}.help-nav-link{white-space:nowrap;padding:var(--space-1)var(--space-2);font-size:var(--font-size-xs);border-bottom:2px solid #0000;border-left:none;border-radius:0}.help-nav-link--active{border-left-color:#0000;border-bottom-color:var(--color-secondary)}.help-content{overflow-y:auto}.help-guide{padding:var(--space-4)var(--space-4)var(--space-12)}.help-guide-title{font-size:var(--font-size-2xl)}}
*,:before,:after{box-sizing:border-box}*{margin:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}body{font-family:var(--font-family);font-size:var(--font-size-base);line-height:var(--line-height-normal);color:var(--color-text-primary);background-color:var(--color-bg-secondary);min-height:100vh}#root{flex-direction:column;min-height:100vh;display:flex}h1,h2,h3,h4,h5,h6{font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight)}h1{font-size:var(--font-size-4xl)}h2{font-size:var(--font-size-3xl)}h3{font-size:var(--font-size-2xl)}h4{font-size:var(--font-size-xl)}h5{font-size:var(--font-size-lg)}h6{font-size:var(--font-size-base)}p{margin-bottom:var(--space-4)}a{color:var(--color-secondary);text-decoration:none}a:hover{text-decoration:underline}ul,ol{padding-left:var(--space-6);margin-bottom:var(--space-4)}li{margin-bottom:var(--space-2)}code{font-family:var(--font-family-mono);background-color:var(--color-gray-100);padding:var(--space-1)var(--space-2);border-radius:var(--radius-sm);font-size:.9em}:focus-visible{outline:2px solid var(--color-secondary);outline-offset:2px}::selection{background-color:rgba(var(--color-secondary-rgb),.2)}