.form-field{gap:var(--spacing-xs);margin-bottom:var(--spacing-md);flex-direction:column;display:flex}.form-field label{font-size:var(--font-sm);font-weight:var(--font-weight-medium);color:var(--color-text);display:block}.form-field label .required{color:var(--color-danger);margin-left:var(--spacing-xs)}.form-field .error-message{font-size:var(--font-xs);color:var(--color-danger);margin-top:var(--spacing-xs);display:block}.form-field .help-text{font-size:var(--font-xs);color:var(--color-text-muted);margin-top:var(--spacing-xs);display:block}.form-group{margin-bottom:var(--spacing-md)}.form-group label{font-weight:var(--font-weight-medium);color:var(--color-text);margin-bottom:var(--spacing-xs);display:block}.form-input,.form-select,.form-textarea{width:100%;padding:var(--input-padding-y) var(--input-padding-x);font-family:var(--font-family-base);font-size:var(--font-md);line-height:var(--line-height-normal);color:var(--color-text);background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:border-color var(--transition-base), box-shadow var(--transition-base)}.form-input::placeholder,.form-textarea::placeholder{color:var(--color-text-muted);opacity:.7}.form-input-error,.form-select-error,.form-textarea-error{border-color:var(--color-border-error)}.form-input-error:focus,.form-select-error:focus,.form-textarea-error:focus{border-color:var(--color-border-error);box-shadow:0 0 0 3px var(--color-danger-light)}.form-input:disabled,.form-select:disabled,.form-textarea:disabled,.form-input-disabled,.form-select-disabled,.form-textarea-disabled{background-color:var(--color-bg-light);color:var(--color-text-muted);cursor:not-allowed;opacity:.6}.form-select{appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right var(--input-padding-x) center;padding-right:calc(var(--input-padding-x) * 2 + 16px);cursor:pointer;background-size:16px}.form-select:disabled{cursor:not-allowed}.form-textarea{resize:vertical;min-height:80px}.form-range{align-items:center;gap:var(--spacing-sm);display:flex}.form-range-input{appearance:none;background:var(--color-bg-light);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;width:100%;height:6px;transition:border-color var(--transition-base);outline:none;flex:1;padding:0}.form-range-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #007bff26}.form-range-input::-webkit-slider-thumb{appearance:none;background:var(--color-primary);border:2px solid var(--color-bg);cursor:pointer;border-radius:50%;width:18px;height:18px;box-shadow:0 1px 3px #0003}.form-range-input::-moz-range-thumb{background:var(--color-primary);border:2px solid var(--color-bg);cursor:pointer;border-radius:50%;width:18px;height:18px;box-shadow:0 1px 3px #0003}.form-range-input:disabled,.form-range-disabled .form-range-input{opacity:.6;cursor:not-allowed}.form-range-value{min-width:3.5rem;font-size:var(--font-sm);font-weight:var(--font-weight-medium);color:var(--color-text);text-align:right;font-variant-numeric:tabular-nums;flex:none}.form-range-suffix{color:var(--color-text-muted);font-weight:var(--font-weight-normal);margin-left:2px}.checkbox-wrapper{align-items:center;gap:var(--spacing-sm);cursor:pointer;-webkit-user-select:none;user-select:none;display:inline-flex}.checkbox-wrapper.checkbox-disabled{opacity:.6;cursor:not-allowed}.checkbox-input{cursor:pointer;width:18px;height:18px;accent-color:var(--color-primary)}.checkbox-input:disabled{cursor:not-allowed}.checkbox-label-text{font-size:var(--font-md);color:var(--color-text);line-height:var(--line-height-normal)}.checkbox-label{cursor:pointer;font-size:var(--font-md);margin:0 0 var(--spacing-sm) 0;line-height:var(--line-height-normal);-webkit-user-select:none;user-select:none;align-items:center;gap:0;display:flex}.checkbox-label.checkbox-inline{margin-right:var(--spacing-md);margin-bottom:var(--spacing-xs);display:inline-flex}.checkbox-label.checkbox-disabled{opacity:.6;cursor:not-allowed}.checkbox-label input[type=checkbox]{cursor:pointer;width:18px;height:18px;accent-color:var(--color-primary);flex-shrink:0;margin:0 5px 0 0;padding:0}.checkbox-label input[type=checkbox]:disabled{cursor:not-allowed}.radio-group{gap:var(--spacing-sm);flex-direction:column;display:flex}.radio-group.radio-inline{gap:var(--spacing-md);flex-flow:wrap}.radio-wrapper{align-items:center;gap:var(--spacing-sm);cursor:pointer;-webkit-user-select:none;user-select:none;display:inline-flex}.radio-wrapper.radio-disabled{opacity:.6;cursor:not-allowed}.radio-input{cursor:pointer;width:18px;height:18px;accent-color:var(--color-primary)}.radio-input:disabled{cursor:not-allowed}.radio-label-text{font-size:var(--font-md);color:var(--color-text);line-height:var(--line-height-normal)}.radio-group{flex-wrap:wrap;gap:1.5rem;width:100%;flex-direction:row!important;display:flex!important}.form-field .radio-group{flex-direction:row!important;display:flex!important}.radio-option{cursor:pointer;border:1px solid #e0e0e0;border-radius:4px;flex:none;align-items:center;gap:1rem;padding:.75rem 1rem;transition:all .2s;display:flex}.radio-option:hover:not(.disabled){background-color:#f5f5f5;border-color:#2196f3}.radio-option.checked{background-color:#e3f2fd;border-color:#2196f3}.radio-option.disabled{opacity:.5;cursor:not-allowed}.radio-option input[type=radio]{cursor:pointer;flex-shrink:0;margin-top:0;margin-right:.75rem}.radio-option.disabled input[type=radio]{cursor:not-allowed}.radio-label{flex-direction:column;flex:1;gap:.25rem;font-weight:400;line-height:1.5;display:inline-flex}.radio-description{color:#666;font-size:.875rem;line-height:1.4}.radio-group.error .radio-option{border-color:#f44336}.radio-error{color:#f44336;flex-basis:100%;width:100%;margin-top:.25rem;font-size:.875rem}.audit-editor .form-grid,.editor-section .form-grid{gap:var(--spacing-md);margin-bottom:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(250px,1fr));display:grid}.checkbox-list,.radio-list{gap:var(--spacing-sm);padding:var(--spacing-sm);border:1px solid var(--color-border);border-radius:var(--radius-md);flex-direction:column;max-height:300px;display:flex;overflow-y:auto}.checkbox-list .checkbox-label,.radio-list .radio-label{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-xs);cursor:pointer;border-radius:var(--radius-sm);transition:background-color var(--transition-base);display:flex}.checkbox-list .checkbox-label:hover,.radio-list .radio-label:hover{background-color:var(--color-bg-light)}.checkbox-list .checkbox-label input[type=checkbox],.radio-list .radio-label input[type=radio]{flex-shrink:0}.input-group{align-items:stretch;display:flex}.input-group .form-input{border-radius:0}.input-group .form-input:first-child{border-top-left-radius:var(--radius-md);border-bottom-left-radius:var(--radius-md)}.input-group .form-input:last-child{border-top-right-radius:var(--radius-md);border-bottom-right-radius:var(--radius-md)}.input-group-addon{padding:var(--input-padding-y) var(--input-padding-x);font-size:var(--font-md);font-weight:var(--font-weight-normal);line-height:var(--line-height-normal);color:var(--color-text);text-align:center;white-space:nowrap;background-color:var(--color-bg-light);border:1px solid var(--color-border);align-items:center;display:flex}.input-group-addon:first-child{border-top-left-radius:var(--radius-md);border-bottom-left-radius:var(--radius-md);border-right:0}.input-group-addon:last-child{border-top-right-radius:var(--radius-md);border-bottom-right-radius:var(--radius-md);border-left:0}.form-field.has-error .form-input,.form-field.has-error .form-select,.form-field.has-error .form-textarea{border-color:var(--color-border-error)}.form-field.has-success .form-input,.form-field.has-success .form-select,.form-field.has-success .form-textarea{border-color:var(--color-success)}@media (width<=768px){.audit-editor .form-grid,.editor-section .form-grid{grid-template-columns:1fr}}.draggable-list{-webkit-user-select:none;user-select:none;flex-direction:column;gap:.5rem;margin-bottom:1rem;display:flex}.draggable-list-item{cursor:move;background-color:#f9f9f9;border:1px solid #e0e0e0;border-radius:4px;align-items:center;gap:.5rem;padding:.5rem;transition:all .2s;display:flex}.draggable-list-item:hover{background-color:#f0f0f0;border-color:#ccc}.draggable-list-item[draggable=true]{-webkit-user-select:none;user-select:none}.drag-handle{color:#999;cursor:grab;-webkit-user-select:none;user-select:none;padding:0 .25rem;font-size:1.2rem;line-height:1}.drop-indicator{background-color:var(--color-primary);cursor:copy;-webkit-user-select:none;user-select:none;border-radius:2px;height:8px;margin:2px 0;animation:.5s ease-in-out infinite pulse;position:static}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.draggable-list-input{box-sizing:border-box;border:1px solid #ddd;border-radius:4px;flex:1;height:38px;padding:.5rem .6rem;font-size:.9rem;line-height:1.5}.draggable-list-input:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 2px #007bff1a}.draggable-list-item--level-2{padding-left:28px}.draggable-list-item--level-3{padding-left:56px}.add-item-row{gap:.5rem;margin-top:.5rem;display:flex}.add-item-input{box-sizing:border-box;border:1px solid #ddd;border-radius:4px;flex:1;height:38px;padding:.5rem .6rem;font-size:.9rem;line-height:1.5;transition:border-color .2s}.add-item-input:focus{border-color:var(--color-primary);outline:none}.string-list-input{flex-direction:column;gap:.5rem;display:flex}.string-list-items{flex-direction:column;gap:.35rem;display:flex}.string-list-item{background:#f8f9fa;border:1px solid #e9ecef;border-radius:4px;align-items:center;gap:.5rem;padding:.35rem .5rem;display:flex}.string-list-marker{color:#666;flex:none;font-size:.8rem;font-weight:600}.string-list-text{flex:1;font-size:.9rem}.string-list-empty{color:#999;margin:0;font-size:.85rem}.multiselect-dropdown{width:100%;position:relative}.multiselect-button{width:100%;padding:var(--input-padding-y) var(--input-padding-x);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;font-size:var(--font-md);font-family:var(--font-family-base);transition:border-color var(--transition-base), box-shadow var(--transition-base);text-align:left;justify-content:space-between;align-items:center;display:flex}.multiselect-button:hover:not(:disabled){border-color:var(--color-border-hover)}.multiselect-button-open{border-color:var(--color-border-focus)}.multiselect-button:disabled,.multiselect-button-disabled{background-color:var(--color-bg-light);color:var(--color-text-muted);cursor:not-allowed;opacity:.6}.multiselect-text{color:var(--color-text);text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.multiselect-button:disabled .multiselect-text,.multiselect-button-disabled .multiselect-text{color:var(--color-text-muted)}.multiselect-arrow{color:var(--color-text-light);font-size:var(--font-xs);margin-left:var(--spacing-sm);flex-shrink:0}.multiselect-menu{margin-top:var(--spacing-xs);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);z-index:var(--z-dropdown);flex-direction:column;max-height:300px;display:flex;position:absolute;top:100%;left:0;right:0;overflow:hidden}.multiselect-options{max-height:250px;overflow-y:auto}.multiselect-option{padding:var(--spacing-sm) var(--spacing-md);cursor:pointer;transition:background-color var(--transition-fast);-webkit-user-select:none;user-select:none;align-items:center;display:flex}.multiselect-option:hover{background-color:var(--color-bg-light)}.multiselect-option input[type=checkbox]{margin-right:var(--spacing-sm);cursor:pointer;width:16px;height:16px;accent-color:var(--color-primary);flex-shrink:0}.multiselect-label{font-size:var(--font-md);color:var(--color-text);cursor:pointer;-webkit-user-select:none;user-select:none;flex:1}.select-all-option{font-weight:var(--font-weight-medium);color:var(--color-primary);background-color:var(--color-bg-light)}.select-all-option:hover{background-color:var(--color-secondary-hover)}.select-all-option .multiselect-label{color:var(--color-primary)}.select-all-option--disabled{opacity:.4;cursor:not-allowed;pointer-events:none}.multiselect-divider{background-color:var(--color-border);height:1px;margin:0}.multiselect-search{padding:var(--spacing-sm) var(--spacing-md);border-bottom:1px solid var(--color-border)}.multiselect-search-input{width:100%;padding:var(--spacing-xs) var(--spacing-sm);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:var(--font-md);font-family:var(--font-family-base);background:var(--color-bg);color:var(--color-text);box-sizing:border-box;outline:none}.multiselect-search-input:focus{border-color:var(--color-border-focus)}.multiselect-no-results{padding:var(--spacing-sm) var(--spacing-md);color:var(--color-text-muted);font-size:var(--font-md);text-align:center;font-style:italic}.multiselect-error .multiselect-button{border-color:var(--color-border-error)}.multiselect-error .multiselect-button:focus{border-color:var(--color-border-error);box-shadow:0 0 0 3px var(--color-danger-light)}.multiselect-disabled{opacity:.6;cursor:not-allowed}.multiselect-options::-webkit-scrollbar{width:6px}.multiselect-options::-webkit-scrollbar-track{background:var(--color-bg-light);border-radius:var(--radius-sm)}.multiselect-options::-webkit-scrollbar-thumb{background:var(--color-border-hover);border-radius:var(--radius-sm)}.multiselect-options::-webkit-scrollbar-thumb:hover{background:var(--color-text-light)}@media (width<=768px){.multiselect-menu{max-height:250px}.multiselect-options{max-height:200px}}.btn{text-align:center;white-space:nowrap;cursor:pointer;border:none;border-radius:6px;justify-content:center;align-items:center;gap:.5rem;font-family:inherit;font-weight:500;line-height:1.5;text-decoration:none;transition:all .2s;display:inline-flex}.btn:focus{outline:none;box-shadow:0 0 0 3px #007bff40}.btn-sm{padding:.25rem .75rem;font-size:.875rem}.btn-md{padding:.5rem 1rem;font-size:.9rem}.btn-lg{padding:.75rem 1.5rem;font-size:1rem}.btn-primary{color:#fff;background-color:#007bff}.btn-primary:hover:not(:disabled){background-color:#0056b3;box-shadow:0 2px 4px #007bff4d}.btn-primary:active:not(:disabled){background-color:#004085}.btn-secondary{color:#333;background-color:#f8f9fa;border:1px solid #e0e0e0}.btn-secondary:hover:not(:disabled){background-color:#e9ecef;border-color:#d0d0d0}.btn-secondary:active:not(:disabled){background-color:#dee2e6}.btn-success{color:#fff;background-color:#28a745}.btn-success:hover:not(:disabled){background-color:#218838;box-shadow:0 2px 4px #28a7454d}.btn-success:active:not(:disabled){background-color:#1e7e34}.btn-danger{color:#fff;background-color:#dc3545}.btn-danger:hover:not(:disabled){background-color:#c82333;box-shadow:0 2px 4px #dc35454d}.btn-danger:active:not(:disabled){background-color:#bd2130}.btn-warning{color:#333;background-color:#ffc107}.btn-warning:hover:not(:disabled){background-color:#e0a800;box-shadow:0 2px 4px #ffc1074d}.btn-warning:active:not(:disabled){background-color:#d39e00}.btn-ghost{color:#007bff;background-color:#0000;border:1px solid #007bff}.btn-ghost:hover:not(:disabled){color:#fff;background-color:#007bff}.btn-ghost:active:not(:disabled){background-color:#0056b3}.btn:disabled,.btn-disabled{opacity:.5;cursor:not-allowed;box-shadow:none!important;transform:none!important}.btn-loading{pointer-events:none;opacity:.7;position:relative}.btn-spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:14px;height:14px;animation:.6s linear infinite btn-spin}.btn-secondary .btn-spinner,.btn-warning .btn-spinner{border-color:#333 #0003 #0003}@keyframes btn-spin{to{transform:rotate(360deg)}}.btn-icon{align-items:center;line-height:1;display:inline-flex}.btn-icon-left{margin-right:-.25rem}.btn-icon-right{margin-left:-.25rem}.btn-block{width:100%}.btn-group{gap:.5rem;display:inline-flex}.btn-group-vertical{flex-direction:column;gap:.5rem;display:flex}.keyvalue-editor{gap:var(--spacing-sm);flex-direction:column;display:flex}.keyvalue-empty{padding:var(--spacing-md);text-align:center;color:var(--color-text-muted);font-size:var(--font-sm);border:1px dashed var(--color-border);border-radius:var(--radius-md);background-color:var(--color-bg-light);font-style:italic}.keyvalue-list{gap:var(--spacing-xs);flex-direction:column;display:flex}.keyvalue-header{gap:var(--spacing-sm);padding:0 var(--spacing-xs) var(--spacing-xs);border-bottom:1px solid var(--color-border);margin-bottom:var(--spacing-xs);grid-template-columns:1fr 1fr auto;display:grid}.keyvalue-header-label{font-size:var(--font-xs);font-weight:var(--font-weight-medium);color:var(--color-text-light);text-transform:uppercase;letter-spacing:.5px}.keyvalue-header-spacer{width:32px}.keyvalue-row{gap:var(--spacing-sm);grid-template-columns:1fr 1fr auto;align-items:center;display:grid}.keyvalue-input{padding:var(--spacing-xs) var(--spacing-sm);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:var(--font-sm);font-family:var(--font-family-base);transition:border-color var(--transition-base), box-shadow var(--transition-base)}.keyvalue-input:focus{border-color:var(--color-border-focus);outline:none;box-shadow:0 0 0 2px #007bff1a}.keyvalue-input::placeholder{color:var(--color-text-muted);opacity:.7}.keyvalue-remove{border:1px solid var(--color-border);border-radius:var(--radius-sm);width:32px;height:32px;color:var(--color-danger);font-size:var(--font-md);font-weight:var(--font-weight-bold);cursor:pointer;transition:all var(--transition-base);background-color:#0000;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:flex}.keyvalue-remove:hover{background-color:var(--color-danger);color:var(--color-text-inverse);border-color:var(--color-danger)}.keyvalue-remove:focus{box-shadow:0 0 0 2px var(--color-danger-light);outline:none}.keyvalue-add{padding:var(--spacing-sm) var(--spacing-md);background-color:var(--color-bg-light);border:1px dashed var(--color-border);border-radius:var(--radius-sm);color:var(--color-primary);font-size:var(--font-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-base);align-self:flex-start}.keyvalue-add:hover:not(:disabled){background-color:var(--color-primary-light);border-color:var(--color-primary);border-style:solid}.keyvalue-add:focus{box-shadow:0 0 0 2px var(--color-primary-light);outline:none}.keyvalue-add:disabled{opacity:.5;cursor:not-allowed;color:var(--color-text-muted)}@media (width<=768px){.keyvalue-row{gap:var(--spacing-xs);padding:var(--spacing-sm);background-color:var(--color-bg-light);border-radius:var(--radius-sm);grid-template-columns:1fr;position:relative}.keyvalue-remove{top:var(--spacing-xs);right:var(--spacing-xs);width:24px;height:24px;font-size:var(--font-sm);position:absolute}.keyvalue-header{display:none}.keyvalue-input{width:100%}.keyvalue-add{text-align:center;width:100%}}.autocomplete-wrapper{width:100%;position:relative}.autocomplete-wrapper.autocomplete-disabled{opacity:.6;cursor:not-allowed}.autocomplete-input{width:100%;padding:var(--input-padding-y) var(--input-padding-x);font-family:var(--font-family-base);font-size:var(--font-md);line-height:var(--line-height-normal);color:var(--color-text);background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:border-color var(--transition-base), box-shadow var(--transition-base);box-sizing:border-box;height:38px}.autocomplete-input-with-clear{padding-right:2.5rem}.autocomplete-clear{color:#999;cursor:pointer;background:0 0;border:none;padding:.25rem .5rem;font-size:1.2rem;line-height:1;transition:color .2s;position:absolute;top:50%;right:.5rem;transform:translateY(-50%)}.autocomplete-clear:hover:not(:disabled){color:#333}.autocomplete-clear:disabled{cursor:not-allowed;opacity:.5}.autocomplete-input::placeholder{color:var(--color-text-muted);opacity:.7}.autocomplete-input:disabled,.autocomplete-input-disabled{background-color:var(--color-bg-light);color:var(--color-text-muted);cursor:not-allowed;opacity:.6}.autocomplete-input-error{border-color:var(--color-border-error)}.autocomplete-input-error:focus{border-color:var(--color-border-error);box-shadow:0 0 0 3px var(--color-danger-light)}.autocomplete-dropdown{background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:0 0 var(--radius-md) var(--radius-md);max-height:250px;box-shadow:var(--shadow-md);z-index:1000;border-top:none;margin:-1px 0 0;padding:0;list-style:none;position:absolute;top:100%;left:0;right:0;overflow-y:auto}.autocomplete-item{cursor:pointer;transition:background-color var(--transition-base);border-bottom:1px solid var(--color-bg-light);font-size:var(--font-md);color:var(--color-text);padding:.6rem .8rem}.autocomplete-item:last-child{border-bottom:none}.autocomplete-item:hover,.autocomplete-item-highlighted{background-color:var(--color-bg-light)}.autocomplete-item-selected{color:var(--color-primary);font-weight:var(--font-weight-medium);background-color:#e3f2fd}.autocomplete-item-selected:hover{background-color:#d1e7fd}.autocomplete-loading,.autocomplete-empty{text-align:center;color:var(--color-text-muted);font-size:var(--font-sm);padding:.8rem;font-style:italic}@media (width<=768px){.autocomplete-dropdown{max-height:200px}}.empty-state{text-align:center;padding:var(--spacing-xl);flex-direction:column;justify-content:center;align-items:center;display:flex}.empty-state-sm{padding:var(--spacing-md)}.empty-state-md{padding:var(--spacing-xl)}.empty-state-lg{padding:var(--spacing-2xl)}.empty-state-icon{margin-bottom:var(--spacing-md);opacity:.7;font-size:4rem;line-height:1}.empty-state-sm .empty-state-icon{margin-bottom:var(--spacing-sm);font-size:2rem}.empty-state-lg .empty-state-icon{margin-bottom:var(--spacing-lg);font-size:5rem}.empty-state-title{font-size:var(--font-xl);font-weight:var(--font-weight-semibold);color:var(--color-text);margin:0 0 var(--spacing-sm) 0;line-height:var(--line-height-tight)}.empty-state-sm .empty-state-title{font-size:var(--font-lg);margin-bottom:var(--spacing-xs)}.empty-state-lg .empty-state-title{font-size:var(--font-2xl);margin-bottom:var(--spacing-md)}.empty-state-message{font-size:var(--font-md);color:var(--color-text-light);margin:0 0 var(--spacing-lg) 0;line-height:var(--line-height-relaxed);max-width:500px}.empty-state-sm .empty-state-message{font-size:var(--font-sm);margin-bottom:var(--spacing-md);max-width:300px}.empty-state-lg .empty-state-message{font-size:var(--font-lg);margin-bottom:var(--spacing-xl);max-width:600px}.empty-state-action{margin-top:var(--spacing-sm)}.empty-state.empty-state-light{background-color:var(--color-bg-light);border-radius:var(--radius-lg);border:1px dashed var(--color-border)}@media (width<=768px){.empty-state{padding:var(--spacing-lg)}.empty-state-lg{padding:var(--spacing-xl)}.empty-state-icon{font-size:3rem}.empty-state-lg .empty-state-icon{font-size:4rem}.empty-state-title{font-size:var(--font-lg)}.empty-state-lg .empty-state-title{font-size:var(--font-xl)}.empty-state-message{font-size:var(--font-sm);max-width:100%}}.filter-editor{gap:var(--spacing-sm);flex-direction:column;display:flex}.filters-list{gap:var(--spacing-sm);margin-bottom:var(--spacing-sm);flex-direction:column;display:flex}.filter-item{background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--spacing-sm);transition:border-color var(--transition-base), box-shadow var(--transition-base)}.filter-item:hover{border-color:var(--color-border-hover)}.filter-row{gap:var(--spacing-sm);grid-template-columns:1.5fr 1fr 1.5fr auto;align-items:center;display:grid}.filter-field{position:relative}.filter-row .btn{flex-shrink:0}.filter-editor .empty-state{margin-bottom:var(--spacing-sm)}.filter-editor>.btn{align-self:flex-start}@media (width<=992px){.filter-row{grid-template-columns:1fr 1fr 1fr auto}}@media (width<=768px){.filter-row{gap:var(--spacing-xs);grid-template-columns:1fr}.filter-row .btn{justify-self:flex-start}}datalist{display:none}.checkbox-grid{grid-template-columns:repeat(auto-fill, minmax(var(--min-item-width,300px), 1fr));gap:.75rem;display:grid}.checkbox-grid-item{border:1px solid #e0e0e0;border-radius:6px;align-items:center;padding:.75rem 1rem;transition:background-color .2s,border-color .2s;display:flex}.checkbox-grid-item .checkbox-label.checkbox-inline{margin-bottom:0;margin-right:0}.checkbox-grid-item:hover{background-color:#f8f9fa;border-color:#667eea}.checkbox-grid-item-content{flex-direction:column;flex:1;display:flex}.checkbox-grid-item-name{color:#2c3e50;font-weight:500}.checkbox-grid-item-description{color:#7f8c8d;margin-top:.25rem;font-size:.9rem}.checkbox-grid-empty{text-align:center;color:#7f8c8d;padding:2rem;font-style:italic}@media (width<=768px){.checkbox-grid{grid-template-columns:1fr}}.code-editor-wrapper{background-color:#1e1e1e;border:1px solid #e0e0e0;border-radius:6px;overflow:hidden}.code-editor-wrapper.light{background-color:#fff}.editor-placeholder{color:#6c757d;pointer-events:none;-webkit-user-select:none;user-select:none;font-style:italic}.code-editor-wrapper .monaco-editor{width:100%!important}.form-group .code-editor-wrapper{margin-top:.5rem}@media (width<=768px){.code-editor-wrapper{min-height:300px}}.markdown-wysiwyg-editor{background:#fff;border:1px solid #ccc;border-radius:4px;flex-direction:column;display:flex;overflow:hidden}.editor-toolbar{background:#f5f5f5;border-bottom:1px solid #ccc;flex-wrap:wrap;align-items:center;gap:4px;padding:8px;display:flex}.editor-toolbar button{cursor:pointer;color:#333;background:0 0;border:1px solid #0000;border-radius:3px;justify-content:center;align-items:center;min-width:32px;height:32px;padding:6px 10px;font-family:inherit;font-size:14px;transition:all .2s;display:flex}.editor-toolbar button:hover{background:#e0e0e0;border-color:#bbb}.editor-toolbar button.is-active{background:#d0d0d0;border-color:#999;font-weight:600}.toolbar-divider{background:#ccc;width:1px;height:24px;margin:0 4px}.editor-insert-dropdown{cursor:pointer;color:#333;background:#fff;border:1px solid #ccc;border-radius:3px;max-width:200px;padding:6px 8px;font-family:inherit;font-size:13px;transition:all .2s}.editor-insert-dropdown:hover{background:#f5f5f5;border-color:#999}.editor-insert-dropdown:focus{border-color:#007bff;outline:none}.editor-content{flex:1;min-height:200px;padding:16px;overflow-y:auto}.editor-content .ProseMirror{outline:none;min-height:100%}.editor-content .ProseMirror h1{margin:.67em 0;font-size:2em;font-weight:700}.editor-content .ProseMirror h2{margin:.75em 0;font-size:1.5em;font-weight:700}.editor-content .ProseMirror h3{margin:.83em 0;font-size:1.17em;font-weight:700}.editor-content .ProseMirror p{margin:.5em 0}.editor-content .ProseMirror strong{font-weight:700}.editor-content .ProseMirror em{font-style:italic}.editor-content .ProseMirror code{background:#f0f0f0;border-radius:3px;padding:2px 6px;font-family:Courier New,monospace;font-size:.9em}.editor-content .ProseMirror pre{background:#f5f5f5;border:1px solid #ddd;border-radius:4px;margin:.5em 0;padding:12px;overflow-x:auto}.editor-content .ProseMirror pre code{background:0 0;padding:0;font-size:.95em}.editor-content .ProseMirror blockquote{color:#666;border-left:3px solid #ccc;margin:.5em 0;padding-left:16px}.editor-content .ProseMirror ul,.editor-content .ProseMirror ol{margin:.5em 0;padding-left:24px}.editor-content .ProseMirror li{margin:.25em 0}.editor-content .ProseMirror hr{border:none;border-top:2px solid #ddd;margin:1em 0}.editor-content .ProseMirror a{color:#06c;text-decoration:underline}.editor-content .ProseMirror p.is-editor-empty:first-child:before{content:attr(data-placeholder);float:left;color:#adb5bd;pointer-events:none;height:0}.editor-source{resize:none;background:#fff;border:none;outline:none;flex:1;padding:16px;font-family:Courier New,monospace;font-size:14px;line-height:1.6}.markdown-wysiwyg-editor--inline{background:0 0;border:none;border-radius:0;position:relative;overflow:visible}.markdown-wysiwyg-editor--inline .editor-toolbar{opacity:0;pointer-events:none;z-index:10;box-sizing:border-box;background:#fff;border:1px solid #e8e8e8;border-radius:6px;width:100%;transition:opacity .15s;position:absolute;bottom:100%;left:0;box-shadow:0 -4px 12px #0000001a}.markdown-wysiwyg-editor--inline:hover .editor-toolbar,.markdown-wysiwyg-editor--inline:focus-within .editor-toolbar{opacity:1;pointer-events:auto}.markdown-wysiwyg-editor--inline .editor-toolbar button:hover{color:#007bff;background:#007bff14;border-color:#007bff4d}.markdown-wysiwyg-editor--inline .editor-toolbar button.is-active{color:#007bff;background:#007bff26;border-color:#007bff66;font-weight:600}.markdown-wysiwyg-editor--inline .editor-insert-dropdown:hover,.markdown-wysiwyg-editor--inline .editor-insert-dropdown:focus{border-color:#007bff;box-shadow:0 0 0 2px #007bff26}.markdown-wysiwyg-editor--inline .toolbar-divider{background:#e0e0e0}.markdown-wysiwyg-editor--inline .editor-content{padding:0;overflow:visible}.markdown-wysiwyg-editor--inline .editor-content .ProseMirror{min-height:1.5em}.modal-overlay{background-color:var(--color-bg-overlay);z-index:var(--z-modal);padding:var(--spacing-md);animation:modal-fade-in var(--transition-base);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}@keyframes modal-fade-in{0%{opacity:0}to{opacity:1}}.modal-content{background-color:var(--color-bg);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);max-height:calc(100vh - 2 * var(--spacing-md));width:100%;animation:modal-slide-up var(--transition-base);flex-direction:column;display:flex}@keyframes modal-slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-sm{max-width:400px}.modal-md{max-width:600px}.modal-lg{max-width:800px}.modal-xl{max-width:1200px}.modal-header{padding:var(--spacing-lg);border-bottom:1px solid var(--color-border);background:#fff;flex-shrink:0;justify-content:space-between;align-items:center;display:flex}.modal-title{font-size:var(--font-xl);font-weight:var(--font-weight-semibold);color:var(--color-text);line-height:var(--line-height-tight);margin:0}.modal-close{font-size:var(--font-2xl);font-weight:var(--font-weight-bold);color:var(--color-text-light);cursor:pointer;border-radius:var(--radius-sm);width:32px;height:32px;transition:all var(--transition-base);margin-left:var(--spacing-md);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:flex}.modal-close:hover{background-color:var(--color-bg-light);color:var(--color-text)}.modal-body{padding:var(--spacing-lg);flex:1;overflow-y:auto}.modal-footer{justify-content:flex-end;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-lg);border-top:1px solid var(--color-border);flex-shrink:0;display:flex}@media (width<=768px){.modal-overlay{padding:0}.modal-content{border-radius:0;width:100%;max-width:100%;max-height:100vh}.modal-header,.modal-body{padding:var(--spacing-md)}.modal-footer{padding:var(--spacing-md);flex-direction:column}.modal-footer>*{width:100%}.modal-title{font-size:var(--font-lg)}}.html-editor{resize:vertical;background:#fff;border:1px solid #ccc;border-radius:4px;flex-direction:column;display:flex;overflow:auto}.html-editor--auto-height{resize:none;height:auto;overflow:visible}.html-editor--auto-height .html-editor-content{flex:none;height:auto;overflow:visible}.html-editor--auto-height .html-editor-content .ProseMirror{height:auto;min-height:0}.html-editor-toolbar{background:#f5f5f5;border-bottom:1px solid #ccc;flex-wrap:wrap;flex-shrink:0;align-items:center;gap:3px;padding:4px 6px;display:flex}.html-editor-toolbar button{cursor:pointer;color:#333;background:0 0;border:1px solid #0000;border-radius:3px;justify-content:center;align-items:center;min-width:28px;height:28px;padding:4px;font-family:inherit;font-size:16px;transition:all .2s;display:flex}.html-editor-toolbar button:hover{background:#e0e0e0;border-color:#bbb}.html-editor-toolbar button.is-active{background:#d0d0d0;border-color:#999;font-weight:600}.html-editor-divider{background:#ccc;width:1px;height:20px;margin:0 3px}.html-editor-content{flex:1;padding:10px 12px;overflow-y:auto}.html-editor-content .ProseMirror{outline:none;min-height:100%}.html-editor-content .ProseMirror p{margin:.35em 0}.html-editor--inline .html-editor-content .ProseMirror p{margin:0}.html-editor-content .ProseMirror strong{font-weight:700}.html-editor-content .ProseMirror em{font-style:italic}.html-editor-content .ProseMirror ul,.html-editor-content .ProseMirror ol{margin:.35em 0;padding-left:24px}.html-editor-content .ProseMirror li{margin:.2em 0}.html-editor-content .ProseMirror blockquote{border-left:none;margin:.35em 0;padding-left:1.5em}.html-editor-toolbar button:disabled{opacity:.35;cursor:default}.html-editor-toolbar button:disabled:hover{background:0 0;border-color:#0000}.html-editor-content .ProseMirror p.is-editor-empty:first-child:before{content:attr(data-placeholder);float:left;color:#adb5bd;pointer-events:none;height:0}.html-editor--inline{resize:none;background:0 0;border:none;border-radius:0;position:relative;overflow:visible}.html-editor--inline .html-editor-toolbar{opacity:0;pointer-events:none;z-index:10;box-sizing:border-box;background:#fff;border:1px solid #e8e8e8;border-radius:6px;width:100%;transition:opacity .15s;position:absolute;bottom:100%;left:0;box-shadow:0 -4px 12px #0000001a}.html-editor--inline:hover .html-editor-toolbar,.html-editor--inline:focus-within .html-editor-toolbar{opacity:1;pointer-events:auto}.html-editor--inline .html-editor-toolbar button:hover{color:#007bff;background:#007bff14;border-color:#007bff4d}.html-editor--inline .html-editor-toolbar button.is-active{color:#007bff;background:#007bff26;border-color:#007bff66;font-weight:600}.html-editor--inline .html-editor-divider{background:#e0e0e0}.html-editor--inline .html-editor-content{flex:none;padding:0;overflow:visible}.html-editor--inline .html-editor-content .ProseMirror{height:auto;min-height:1.5em}.html-editor--readonly{cursor:default;background:#f8f9fa}.html-editor--readonly .html-editor-content .ProseMirror{cursor:default;-webkit-user-select:text;user-select:text}.html-editor-ai-btn{color:#7c3aed!important}.html-editor-ai-btn:hover,.html-editor--inline .html-editor-ai-btn:hover{color:#7c3aed!important;background:#7c3aed14!important;border-color:#7c3aed4d!important}.ai-edit-instruction-phase{flex-direction:column;gap:10px;display:flex}.ai-edit-instruction-input{box-sizing:border-box;resize:vertical;color:#1e293b;border:1px solid #e2e8f0;border-radius:6px;outline:none;width:100%;padding:10px 12px;font-family:inherit;font-size:14px;transition:border-color .15s}.ai-edit-instruction-input:focus{border-color:#7c3aed;box-shadow:0 0 0 3px #7c3aed1a}.ai-edit-instruction-input:disabled{color:#94a3b8;background:#f8fafc}.ai-edit-error{color:#dc2626;background:#fef2f2;border:1px solid #fecaca;border-radius:4px;padding:6px 10px;font-size:13px}.ai-edit-preview-columns{gap:0;min-height:200px;display:flex}.ai-edit-column{flex-direction:column;flex:1;gap:6px;min-width:0;display:flex}.ai-edit-column-divider{background:#e2e8f0;flex-shrink:0;width:1px;margin:0 16px}.ai-edit-column-label{text-transform:uppercase;letter-spacing:.06em;color:#64748b;border-bottom:1px solid #e2e8f0;padding-bottom:4px;font-size:11px;font-weight:700}.ai-edit-word-count{color:#94a3b8;text-align:right;margin-top:4px;font-size:11px}.ai-edit-heading-preview{background:#f8f9fa;border:1px solid #e2e8f0;border-radius:6px;padding:10px 12px}.ai-edit-heading-input{box-sizing:border-box;color:#1e293b;border:1px solid #e2e8f0;border-radius:6px;outline:none;width:100%;padding:10px 12px;font-family:inherit;font-size:14px;transition:border-color .15s}.ai-edit-heading-input:focus{border-color:#7c3aed;box-shadow:0 0 0 3px #7c3aed1a}.file-upload-container{margin-bottom:1.5rem}.file-upload-label{color:#333;margin-bottom:.5rem;font-size:.95rem;font-weight:500;display:block}.file-upload-description{color:#666;margin:0 0 .75rem;font-size:.85rem;line-height:1.4}.file-upload-dropzone{text-align:center;cursor:pointer;background:#fafafa;border:2px dashed #d0d0d0;border-radius:8px;padding:2rem;transition:all .2s}.file-upload-dropzone:hover:not(.disabled){background:#f8f9ff;border-color:#667eea}.file-upload-dropzone.dragging{background:#e7f3ff;border-style:solid;border-color:#667eea}.file-upload-dropzone.disabled{opacity:.6;cursor:not-allowed;background:#f5f5f5}.dropzone-content{pointer-events:none}.dropzone-icon{opacity:.6;margin-bottom:1rem;font-size:3rem}.dropzone-text{color:#333;margin:0 0 .5rem;font-size:1rem;font-weight:500}.dropzone-hint{color:#999;margin:0;font-size:.85rem}.file-list{border-top:1px solid #e0e0e0;margin-top:1rem;padding-top:1rem}.file-item{background:#fff;border:1px solid #e0e0e0;border-radius:6px;justify-content:space-between;align-items:center;margin-bottom:.5rem;padding:.75rem;transition:all .2s;display:flex}.file-item:hover{background:#f8f9ff;border-color:#667eea}.file-info{flex:1;align-items:center;gap:.75rem;min-width:0;display:flex}.file-details{flex:1;min-width:0}.file-name{color:#333;text-overflow:ellipsis;white-space:nowrap;font-size:.9rem;font-weight:500;overflow:hidden}.file-size{color:#999;margin-top:.25rem;font-size:.8rem}.file-remove{color:#999;cursor:pointer;background:0 0;border:none;flex-shrink:0;padding:.25rem .5rem;font-size:1.2rem;transition:color .2s}.file-remove:hover:not(:disabled){color:#e53e3e}.file-remove:disabled{opacity:.5;cursor:not-allowed}@media (width<=768px){.file-upload-dropzone{padding:1.5rem}.dropzone-icon{font-size:2.5rem}.dropzone-text{font-size:.9rem}.file-item{padding:.6rem}.file-icon{font-size:1.25rem}}.sidebar,.gtm-sidebar{flex-direction:column;width:100%;display:flex;overflow-y:auto}.sidebar-section{border-bottom:1px solid #f0f0f0}.sidebar-header{background-color:#f8f9fa;border-bottom:1px solid #e0e0e0;padding:1rem 1.5rem;position:relative}.sidebar-header h2,.sidebar-title{color:#333;margin:0;font-size:1rem;font-weight:600;line-height:1.2}.sidebar-title{background-color:#f8f9fa;border-bottom:1px solid #e0e0e0;padding:1rem 1.5rem}.sidebar-actions{flex-direction:column;gap:.75rem;padding:1.5rem;display:flex}.sidebar-button{width:100%}.new-audit-button{position:absolute;top:50%;right:1.5rem;transform:translateY(-50%)}.sidebar-loading{color:#999;flex-direction:column;justify-content:center;align-items:center;padding:3rem 1.5rem;display:flex}.sidebar-spinner{border:3px solid #e0e0e0;border-top-color:#667eea;border-radius:50%;width:32px;height:32px;margin-bottom:1rem;animation:.8s linear infinite sidebar-spin}@keyframes sidebar-spin{to{transform:rotate(360deg)}}.sidebar-info{background-color:#f8f9fa;border-radius:6px;margin:1rem 1.5rem 1.5rem;padding:1rem}.info-item{flex-direction:column;margin-bottom:.75rem;display:flex}.info-item:last-child{margin-bottom:0}.info-label{color:#666;text-transform:uppercase;letter-spacing:.5px;margin-bottom:.25rem;font-size:.75rem}.info-value{color:#333;word-break:break-word;font-size:.9rem;font-weight:500}.audit-list{flex:1;padding:.5rem 0;overflow-y:auto}.no-audits{text-align:center;color:#6c757d;padding:2rem 1rem}.no-audits .hint{color:#6c757d;margin-top:.5rem;font-size:.85rem}.audit-item{cursor:pointer;color:inherit;border:1px solid #0000;border-radius:6px;justify-content:space-between;align-items:center;margin:.25rem .5rem;padding:.75rem 1rem;text-decoration:none;transition:all .2s;display:flex}.audit-item:hover{background-color:#f8f9fa;border-color:#e0e0e0}.audit-item.active{background-color:#e7f3ff;border-color:#007bff;border-left-width:3px}.audit-item.active:hover{background-color:#e7f3ff}.audit-info{flex:1;min-width:0}.audit-name{color:#333;white-space:nowrap;text-overflow:ellipsis;margin-bottom:.25rem;font-weight:500;overflow:hidden}.audit-domain{color:#6c757d;white-space:nowrap;text-overflow:ellipsis;font-size:.8rem;overflow:hidden}.delete-button{color:#dc3545;cursor:pointer;background-color:#0000;border:none;border-radius:4px;flex-shrink:0;width:24px;height:24px;font-size:1.2rem;line-height:1;transition:all .2s}.delete-button:hover{color:#fff;background-color:#dc3545}.sidebar-menu-item.active:hover{background-color:#e7f3ff}.menu-item-content h3{color:#333;white-space:nowrap;text-overflow:ellipsis;margin:0 0 .25rem;font-size:.95rem;font-weight:500;overflow:hidden}.menu-item-description,.menu-item-customer{color:#6c757d;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:.8rem;overflow:hidden}@media (width<=768px){.sidebar-header,.sidebar-title,.sidebar-actions,.domain-selector{padding:1rem}.sidebar-info{margin:1rem}.new-audit-button{right:1rem}.sidebar-search{padding:1rem}.sidebar-menu-item{padding:.75rem 1rem}}.chat-sidebar-tabs-fixed{background:#fff;flex-shrink:0}.chat-sidebar-content{flex:1;overflow:hidden auto}.chat-sidebar-content::-webkit-scrollbar{width:6px}.chat-sidebar-content::-webkit-scrollbar-track{background:0 0}.chat-sidebar-content::-webkit-scrollbar-thumb{background:0 0;border-radius:3px;transition:background .2s}.chat-sidebar-content:hover::-webkit-scrollbar-thumb{background:#ccc}.chat-sidebar-content::-webkit-scrollbar-thumb:hover{background:#999}.chat-sidebar-content{scrollbar-width:thin;scrollbar-color:transparent transparent}.chat-sidebar-content:hover{scrollbar-color:#ccc transparent}.chat-sidebar-tabs{padding:0 .75rem .25rem}.chat-sidebar-tabs .tab-navigation{gap:0}.chat-sidebar-tabs .tab-button{color:var(--text-secondary);background:0 0;border-bottom:2px solid #0000;flex:1;justify-content:center;padding:.625rem .75rem;font-size:.9rem}.chat-sidebar-tabs .tab-button.active{border-bottom-color:var(--primary-color);color:var(--text-primary);background:0 0}.chat-sidebar-tabs .tab-button:hover:not(.active){background:var(--hover-bg)}.sidebar-menu-item.no-icon{margin:.125rem .5rem;padding:.5rem .75rem;position:relative}.sidebar-menu-item.no-icon .menu-item-content{flex:1;padding-right:2rem}.sidebar-menu-item.no-icon:has(.conversation-streaming-indicator){padding-left:2rem}.conversation-streaming-indicator{justify-content:center;align-items:center;width:18px;height:18px;display:flex;position:absolute;top:50%;left:.5rem;transform:translateY(-50%)}.conversation-streaming-indicator .loading-spinner{border-width:2px!important;width:18px!important;height:18px!important}.gpt-avatar-inline{vertical-align:middle;border-radius:50%;width:20px;height:20px;margin-top:-2px;margin-right:.5rem;display:inline-block}.menu-item-domain{color:#6c757d;white-space:nowrap;text-overflow:ellipsis;margin:.125rem 0;font-size:.75rem;font-weight:500;overflow:hidden}.sidebar-menu-item.no-icon .menu-item-content h3{margin-bottom:.125rem}.sidebar-menu-item.no-icon .menu-item-content .menu-item-description{margin-top:.125rem}.chat-sidebar-content .no-tools-found{padding:1.5rem .75rem}.conversation-item-wrapper{position:relative}.conversation-menu-button{color:var(--text-secondary);cursor:pointer;opacity:0;z-index:2;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:.25rem;transition:opacity .2s,color .2s,background .2s;display:flex;position:absolute;top:50%;right:.5rem;transform:translateY(-50%)}.conversation-item-wrapper:hover .conversation-menu-button{opacity:1}.conversation-menu-button:hover{color:#fff;background:#667eea}.sidebar-menu-item.active .conversation-menu-button{opacity:1}.conversation-menu-dropdown{z-index:1000;background:#fff;border:1px solid #e0e0e0;border-radius:6px;min-width:150px;position:absolute;top:2.5rem;right:.5rem;overflow:hidden;box-shadow:0 2px 8px #0000001a}.conversation-menu-item{text-align:left;cursor:pointer;width:100%;color:var(--text-primary);background:0 0;border:none;padding:.75rem 1rem;font-size:.875rem;transition:background .15s;display:block}.conversation-menu-item:hover{background:#f5f5f5}.tool-activity-accordion{border:1px solid var(--border-color,#e0e0e0);background:var(--bg-secondary,#f8f9fa);border-radius:8px;width:100%;margin-bottom:12px;font-size:13px;overflow:hidden}.tool-activity-accordion.streaming{border-color:var(--color-primary,#007bff);box-shadow:0 0 0 1px #007bff1a}.accordion-header{cursor:pointer;width:100%;color:var(--text-secondary,#666);text-align:left;background:0 0;border:none;align-items:center;gap:8px;padding:10px 12px;font-size:13px;font-weight:500;transition:background-color .15s;display:flex}.accordion-header:hover{background:var(--bg-hover,#0000000a)}.accordion-header:focus{background:var(--bg-hover,#0000000a);outline:none}.accordion-icon{color:var(--text-muted,#999);text-align:center;width:12px;font-size:10px;transition:transform .2s}.accordion-icon.expanded{transform:rotate(0)}.accordion-title{flex:1}.accordion-active-indicator{align-items:center;display:flex}.tool-activity-accordion .accordion-content{border-top:1px solid var(--border-color,#e0e0e0);background:var(--bg-tertiary,#f5f5f5);flex-direction:column;gap:8px;max-height:400px;padding:8px;display:flex;overflow-y:auto}.tool-activity-accordion .accordion-content::-webkit-scrollbar{width:6px}.tool-activity-accordion .accordion-content::-webkit-scrollbar-track{background:0 0}.tool-activity-accordion .accordion-content::-webkit-scrollbar-thumb{background:var(--border-color,#ccc);border-radius:3px}.tool-activity-accordion .accordion-content::-webkit-scrollbar-thumb:hover{background:var(--text-muted,#999)}.activity-item{background:var(--activity-bg,#fff);border-left:3px solid #0000;border-radius:6px;padding:10px 12px;transition:border-color .2s}.activity-item.status-active{border-left-color:var(--color-primary,#007bff)}.activity-item.status-complete{border-left-color:var(--color-success,#28a745)}.activity-item.status-error{border-left-color:var(--color-danger,#dc3545)}.activity-item.activity-thinking{background:#f5f5f5}.activity-item.activity-reasoning{background:#f8f4ff}.activity-item.activity-web_search{background:#f0f7ff}.activity-item.activity-image_generation{background:#fff8f0}.activity-item.activity-code_execution{background:#f0fff4}.activity-item.activity-mcp_tool{background:#f5f0ff}.activity-header{color:var(--text-primary,#333);align-items:center;gap:6px;padding:4px 0;font-size:12px;font-weight:500;display:flex}.activity-header.clickable{cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:4px;margin:-4px;padding:4px}.activity-header.clickable:hover{background:#00000008}.activity-expand-icon{color:var(--text-muted,#999);text-align:center;width:12px;font-size:8px;transition:transform .15s}.activity-item.collapsed .activity-expand-icon,.activity-item.expanded .activity-expand-icon{transform:rotate(0)}.activity-icon{font-size:14px}.activity-title{flex:1}.activity-spinner{align-items:center;display:flex;transform:scale(.3)}.activity-status-icon{color:var(--color-success,#28a745);font-size:12px}.activity-timestamp{color:var(--text-muted,#999);margin-left:auto;font-size:11px;font-weight:400}.activity-item.collapsed .activity-content{display:none}.activity-item.expanded .activity-content{border-top:1px solid var(--border-color,#e8e8e8);margin-top:8px;padding-top:8px}.activity-content{color:var(--text-secondary,#666);max-height:200px;font-size:12px;overflow-y:auto}.activity-web_search .activity-content{max-height:350px}.activity-content::-webkit-scrollbar{width:4px}.activity-content::-webkit-scrollbar-track{background:0 0}.activity-content::-webkit-scrollbar-thumb{background:var(--border-color,#ddd);border-radius:2px}.activity-content pre{white-space:pre-wrap;word-wrap:break-word;color:var(--text-secondary,#555);margin:0;font-family:SF Mono,Monaco,Inconsolata,Fira Code,monospace;font-size:11px;line-height:1.5}.activity-thinking .thinking-text{color:var(--text-muted,#777);font-size:12px;font-style:italic}.activity-reasoning .reasoning-summary{border-top:1px dashed var(--border-color,#ddd);margin-top:8px;padding-top:8px;font-size:11px}.activity-reasoning .reasoning-summary strong{color:var(--text-primary,#333)}.activity-web-search .search-actions{flex-direction:column;gap:2px;margin-bottom:6px;display:flex}.activity-web-search .search-action-item{color:var(--text-muted,#777);font-size:11px}.activity-web-search .search-current-action{color:var(--color-primary,#007bff);background:#007bff1a;border-radius:4px;padding:4px 8px;font-size:11px}.activity-web-search .search-results-full{flex-direction:column;gap:12px;display:flex}.activity-web-search .search-result-item{border-bottom:1px solid var(--border-color,#e8e8e8);padding:8px 0;text-decoration:none;transition:background-color .15s;display:block}.activity-web-search .search-result-item:last-child{border-bottom:none;padding-bottom:0}.activity-web-search .search-result-item:first-child{padding-top:0}.activity-web-search .search-result-item:hover{background-color:#007bff0a}.activity-web-search .search-result-title{color:var(--color-primary,#06c);margin-bottom:2px;font-size:13px;font-weight:400;line-height:1.4}.activity-web-search .search-result-item:hover .search-result-title{text-decoration:underline}.activity-web-search .search-result-url{color:var(--text-muted,#666);word-break:break-all;font-size:11px;line-height:1.3}.activity-image-gen .image-gen-status{color:var(--text-muted,#777);font-size:11px;font-style:italic}.activity-image-gen .image-gen-complete{color:var(--color-success,#28a745);font-size:11px}.activity-image-gen .image-filename{color:var(--text-secondary,#666);background:#28a7451a;border-radius:3px;margin-left:6px;padding:1px 6px;font-size:10px;display:inline-block}.activity-code-exec .code-exec-input{background:#1e1e1e;border-left:3px solid #06c;border-radius:4px;max-height:300px;margin-bottom:6px;padding:8px;overflow-y:auto}.activity-code-exec .code-exec-input pre{color:#d4d4d4;white-space:pre-wrap;word-wrap:break-word;margin:0;font-family:Consolas,Monaco,Courier New,monospace;font-size:10px}.activity-code-exec .code-exec-output{background:#1e1e1e;border-left:3px solid #28a745;border-radius:4px;max-height:100px;margin-bottom:6px;padding:8px;overflow-y:auto}.activity-code-exec .code-exec-output pre{color:#d4d4d4;white-space:pre-wrap;word-wrap:break-word;margin:0;font-family:Consolas,Monaco,Courier New,monospace;font-size:10px}.activity-code-exec .code-exec-error{background:#2a1a1a;border-left:3px solid #dc3545;border-radius:4px;max-height:100px;margin-bottom:6px;padding:8px;overflow-y:auto}.activity-code-exec .code-exec-error pre{color:#ff6b6b;white-space:pre-wrap;word-wrap:break-word;margin:0;font-family:Consolas,Monaco,Courier New,monospace;font-size:10px}.activity-code-exec .code-exec-files{color:var(--color-success,#28a745);font-size:11px}.activity-code-exec .code-file-name{color:var(--text-secondary,#666);background:#28a7451a;border-radius:3px;margin-left:6px;padding:1px 6px;font-size:10px;display:inline-block}.activity-code-exec .code-exec-status{color:var(--text-muted,#777);font-size:11px;font-style:italic}.activity-mcp-tool .mcp-tool-action{color:var(--text-secondary,#555);padding:4px 0;font-size:12px}.activity-mcp-tool .mcp-tool-status{color:var(--text-muted,#777);font-size:11px;font-style:italic}.activity-mcp-tool .mcp-tool-complete{color:var(--color-success,#28a745);font-size:11px}.activity-mcp-tool .mcp-tool-error{color:var(--color-danger,#dc3545);font-size:11px}.activities-loading{color:var(--text-muted,#999);justify-content:center;align-items:center;gap:8px;padding:16px;font-size:12px;display:flex}.activities-error{color:var(--color-danger,#dc3545);text-align:center;background:#dc35451a;border:1px solid #dc35454d;border-radius:6px;padding:12px;font-size:12px}.activities-empty{text-align:center;color:var(--text-muted,#999);padding:16px;font-size:12px;font-style:italic}.message-list{background:#fff;flex:1;min-height:0;padding-bottom:2rem;overflow-y:auto}.message-list-inner{max-width:850px;margin:0 auto;padding:2rem}.message-list-empty{text-align:center;justify-content:center;align-items:center;height:100%;padding:2rem;display:flex}.message-list-empty h1{color:var(--text-primary);margin:0;font-size:2rem;font-weight:400}.message-bubble{margin-bottom:2rem;animation:.3s messageSlideIn}@keyframes messageSlideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.message-bubble.streaming{animation:none}.user-message{justify-content:flex-end;display:flex}.user-message .message-content-wrapper{max-width:70%}.user-message .message-text{color:#000;white-space:pre-wrap;word-wrap:break-word;background:#f4f4f4;border-radius:18px;padding:.875rem 1.125rem;line-height:1.6}.assistant-message{justify-content:flex-start;display:flex}.assistant-message .message-content-wrapper{width:100%;max-width:100%}.assistant-message .message-text{color:var(--text-primary);word-wrap:break-word;background:0 0;padding:0;line-height:1.7}.assistant-message .message-text h1,.assistant-message .message-text h2,.assistant-message .message-text h3,.assistant-message .message-text h4,.assistant-message .message-text h5,.assistant-message .message-text h6{margin-top:1.5rem;margin-bottom:.75rem;font-weight:600;line-height:1.3}.assistant-message .message-text h1{font-size:1.5rem}.assistant-message .message-text h2{font-size:1.3rem}.assistant-message .message-text h3{font-size:1.1rem}.assistant-message .message-text p{margin-bottom:1rem}.assistant-message .message-text p:last-child{margin-bottom:0}.assistant-message .message-text ul,.assistant-message .message-text ol{margin-bottom:1rem;padding-left:1.5rem}.assistant-message .message-text li{margin-bottom:.25rem}.assistant-message .message-text code{color:#c7254e;background:#f0f0f0;border:1px solid #e1e4e8;border-radius:4px;padding:.125rem .375rem;font-family:Consolas,Monaco,Courier New,monospace;font-size:.875em}.code-block-wrapper{margin:0;position:relative}.code-copy-button{z-index:10;color:#abb2bf;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff1a;border:1px solid #fff3;border-radius:6px;justify-content:center;align-items:center;padding:.375rem .5rem;transition:all .15s;display:flex;position:absolute;top:.5rem;right:.5rem}.code-copy-button:hover{color:#fff;background:#fff3;transform:scale(1.05)}.assistant-message .message-text pre{border-radius:8px;margin:0;overflow:hidden;box-shadow:0 2px 8px #0000001a}.assistant-message .message-text pre code{color:inherit;background:0 0;border:none;padding:0;font-size:.875rem}.assistant-message .message-text pre>div::-webkit-scrollbar{height:8px}.assistant-message .message-text pre>div::-webkit-scrollbar-track{background:#282c34;border-radius:4px}.assistant-message .message-text pre>div::-webkit-scrollbar-thumb{background:#4b5362;border-radius:4px}.assistant-message .message-text pre>div::-webkit-scrollbar-thumb:hover{background:#5c6370}.assistant-message .message-text blockquote{color:var(--text-secondary);border-left:3px solid #e0e0e0;margin-bottom:1rem;margin-left:0;padding-left:1rem}.table-wrapper{margin:1rem 0;position:relative}.table-copy-button{z-index:10;color:var(--text-secondary);cursor:pointer;background:#ffffffe6;border:1px solid #e0e0e0;border-radius:6px;justify-content:center;align-items:center;padding:.375rem .5rem;transition:all .15s;display:flex;position:absolute;top:.5rem;right:.5rem;box-shadow:0 2px 4px #0000001a}.table-copy-button:hover{color:var(--text-primary);background:#fff;transform:scale(1.05)}.table-scroll{border:1px solid #e0e0e0;border-radius:8px;max-height:600px;overflow-y:auto}.table-scroll::-webkit-scrollbar{width:8px}.table-scroll::-webkit-scrollbar-track{background:#f4f4f4;border-radius:4px}.table-scroll::-webkit-scrollbar-thumb{background:#d0d0d0;border-radius:4px}.table-scroll::-webkit-scrollbar-thumb:hover{background:#b0b0b0}.assistant-message .message-text table{border-collapse:collapse;table-layout:fixed;width:100%;min-width:100%;margin:0}.assistant-message .message-text th,.assistant-message .message-text td{text-align:left;word-wrap:break-word;overflow-wrap:break-word;border:1px solid #e0e0e0;padding:.75rem}.assistant-message .message-text th{z-index:1;background:#f4f4f4;font-weight:600;position:sticky;top:0}.assistant-message .message-text a{color:var(--color-primary);text-decoration:none}.assistant-message .message-text a:hover{text-decoration:underline}.message-avatar,.message-header{display:none}.message-content-wrapper{min-width:0}.message-attachments{flex-wrap:wrap;gap:.5rem;margin-bottom:.5rem;display:inline-flex}.user-message .message-attachments{justify-content:flex-end;width:100%}.message-attachment{border-radius:20px;max-width:300px;overflow:hidden}.message-attachment:has(.attachment-image){border-radius:var(--radius-md);border:1px solid var(--border-color)}.attachment-image{width:100%;height:auto;display:block}.attachment-file{background:#f7f7f8;border:1px solid #e5e5e5;border-radius:20px;align-items:center;gap:.5rem;padding:.5rem .875rem;transition:all .15s;display:inline-flex}.attachment-file:hover{background:#ececec}.attachment-icon{font-size:1rem}.attachment-name{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;max-width:180px;font-size:.8125rem;font-weight:500;overflow:hidden}.attachment-size{color:var(--text-secondary);font-size:.75rem}.attachment-download-icon{color:var(--text-secondary);flex-shrink:0;transition:color .15s}.attachment-file:hover .attachment-download-icon{color:var(--primary-color)}a.attachment-file{cursor:pointer;text-decoration:none}.message-reasoning{margin-top:1rem}.reasoning-content{background:var(--bg-primary);border-radius:var(--radius-md);border:1px solid var(--border-color);padding:1rem}.reasoning-content pre{white-space:pre-wrap;word-wrap:break-word;color:var(--text-primary);margin:0;font-family:Consolas,Monaco,Courier New,monospace;font-size:.875rem;line-height:1.6}.message-web-search{border:1px solid var(--border-color);border-radius:var(--radius-md);margin-top:1rem;overflow:hidden}.web-search-header{background:var(--bg-secondary);border-bottom:1px solid var(--border-color);align-items:center;gap:.5rem;padding:.75rem 1rem;display:flex}.web-search-icon{font-size:1.125rem}.web-search-title{color:var(--text-primary);font-size:.875rem;font-weight:600}.web-search-results{flex-direction:column;display:flex}.web-search-result{border-bottom:1px solid var(--border-color);padding:1rem;text-decoration:none;transition:background .2s}.web-search-result:last-child{border-bottom:none}.web-search-result:hover{background:var(--bg-secondary)}.result-title{color:var(--color-primary);margin-bottom:.25rem;font-size:.875rem;font-weight:600}.result-snippet{color:var(--text-secondary);margin-bottom:.25rem;font-size:.813rem;line-height:1.5}.result-source{color:var(--text-tertiary);font-size:.75rem}.message-actions{opacity:.7;gap:.375rem;margin-top:.75rem;transition:opacity .2s;display:flex}.message-bubble:hover .message-actions{opacity:1}.action-button{border:1px solid var(--border-color);cursor:pointer;color:var(--text-secondary);background:0 0;border-radius:8px;padding:.375rem .5rem;font-size:.875rem;transition:all .2s}.action-button:hover{background:var(--bg-secondary);border-color:var(--text-secondary)}.message-generated-images{background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:8px;margin-top:1rem;padding:1rem}.generated-images-header{color:var(--text-primary);align-items:center;gap:.5rem;margin-bottom:1rem;font-weight:500;display:flex}.generated-images-icon{font-size:1.25rem}.generated-images-title{font-size:.875rem;font-weight:600}.generated-image{background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 1px 3px #0000001a}.generated-image-wrapper{position:relative}.generated-image-content{object-fit:contain;width:100%;height:auto;max-height:400px;display:block}.generated-image-save-btn{color:var(--text-secondary);cursor:pointer;opacity:0;background:#fffffff2;border:1px solid #e0e0e0;border-radius:6px;justify-content:center;align-items:center;padding:.5rem;transition:all .15s;display:flex;position:absolute;top:.5rem;right:.5rem;box-shadow:0 2px 6px #00000026}.generated-image-wrapper:hover .generated-image-save-btn{opacity:1}.generated-image-save-btn:hover{color:var(--primary-color);background:#fff;transform:scale(1.05)}.generated-images{margin-top:1rem;margin-bottom:1rem}.generated-images-header{color:var(--text-secondary);margin-bottom:.75rem;font-size:.875rem;font-weight:600}.generated-images-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1rem;display:grid}.generated-image-item{background:#fff;border:1px solid #e5e5e5;border-radius:12px;position:relative;overflow:hidden}.generated-image-item:hover{box-shadow:0 4px 12px #0000001a}.generated-image-item.generated-image-loading{background:#f7f7f8;flex-direction:column;justify-content:center;align-items:center;gap:.75rem;min-height:200px;display:flex}.generated-image-item.generated-image-loading .loading-text{color:var(--text-secondary);font-size:.875rem;font-weight:500}.generated-image{background:#f5f5f5;width:100%;height:auto;display:block}.image-download-button{color:var(--text-secondary);cursor:pointer;opacity:0;background:#ffffffe6;border-radius:8px;justify-content:center;align-items:center;padding:.5rem;text-decoration:none;transition:all .2s;display:flex;position:absolute;top:.5rem;right:.5rem;box-shadow:0 2px 8px #00000026}.generated-image-item:hover .image-download-button{opacity:1}.image-download-button:hover{color:var(--primary-color);background:#fff}.message-generated-files,.generated-files{flex-direction:column;gap:.5rem;margin-top:.75rem;display:inline-flex}.generated-files-header{display:none}.files-icon{font-size:1.25rem}.files-title{font-size:.875rem;font-weight:600}.generated-files-list{flex-direction:column;gap:.5rem;display:inline-flex}.generated-file{cursor:pointer;color:var(--text-primary);background:#f7f7f8;border:1px solid #e5e5e5;border-radius:20px;align-items:center;gap:.5rem;width:fit-content;padding:.5rem .875rem;font-size:.875rem;text-decoration:none;transition:all .15s;display:inline-flex}.generated-file:hover{border-color:var(--primary-color);background:#ececec}.file-icon{flex-shrink:0;font-size:1rem}.file-name{text-overflow:ellipsis;white-space:nowrap;max-width:200px;font-size:.8125rem;font-weight:500;overflow:hidden}.file-download-icon{color:var(--text-secondary);flex-shrink:0;font-size:.875rem;transition:color .15s}.generated-file:hover .file-download-icon{color:var(--primary-color)}.message-reasoning-streaming{background:var(--bg-secondary);border-radius:var(--radius-md);border:1px solid var(--border-color);margin-top:1rem;overflow:hidden}.reasoning-streaming-header{background:var(--bg-tertiary);border-bottom:1px solid var(--border-color);align-items:center;gap:.5rem;padding:.75rem 1rem;font-size:.875rem;font-weight:600;display:flex}.reasoning-streaming-title{color:var(--text-primary)}.reasoning-streaming-content{max-height:300px;padding:1rem;overflow-y:auto}.reasoning-streaming-content pre{white-space:pre-wrap;word-wrap:break-word;color:var(--text-secondary);margin:0;font-family:Consolas,Monaco,Courier New,monospace;font-size:.813rem;line-height:1.6}.message-text .web-search-indicator{color:#2563eb;font-weight:500}.mcp-server-item{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:6px;align-items:flex-start;gap:8px;padding:8px 10px;transition:all .2s;display:flex}.mcp-server-item:hover{border-color:var(--color-border-hover);box-shadow:0 1px 4px #0000000d}.mcp-server-icon{flex-shrink:0;font-size:24px;line-height:1}.mcp-server-info{flex:1;align-items:center;min-width:0;display:flex}.mcp-server-info h4{color:var(--color-text-primary);margin:0;font-size:13px;font-weight:500}.mcp-server-description{color:var(--color-text-secondary);margin:0 0 4px;font-size:11px;line-height:1.3}.mcp-server-email,.mcp-server-expiry{color:var(--color-text-tertiary);align-items:center;gap:3px;margin:2px 0;font-size:10px;display:flex}.mcp-email-icon,.mcp-expiry-icon{opacity:.7;font-size:12px}.mcp-status-badge{text-transform:uppercase;letter-spacing:.3px;border-radius:10px;align-items:center;gap:3px;padding:1px 6px;font-size:9px;font-weight:500;display:inline-flex}.mcp-status-active{background:var(--color-success-bg);color:var(--color-success)}.mcp-status-inactive{background:var(--color-bg-tertiary);color:var(--color-text-tertiary)}.mcp-status-connecting{background:var(--color-info-bg);color:var(--color-info)}.mcp-status-expired{background:var(--color-warning-bg);color:var(--color-warning)}.mcp-server-warning{background:var(--color-warning-bg);border-left:3px solid var(--color-warning);color:var(--color-warning-dark);border-radius:4px;margin:4px 0;padding:8px 12px;font-size:12px;line-height:1.4}.mcp-token-expired-badge{background:var(--color-danger-bg);color:var(--color-danger);white-space:nowrap;border-radius:4px;margin-left:8px;padding:2px 6px;font-size:10px;font-weight:500;display:inline-block}.mcp-server-expired{border-color:var(--color-danger);background:rgba(var(--color-danger-rgb), .03)}.mcp-server-actions{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:4px;display:flex}.mcp-toggle-switch{cursor:pointer;width:36px;height:20px;display:inline-block;position:relative}.mcp-toggle-switch input{opacity:0;width:0;height:0}.mcp-toggle-slider{background-color:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:24px;transition:all .2s;position:absolute;inset:0}.mcp-toggle-slider:before{content:"";background-color:#fff;border-radius:50%;width:14px;height:14px;transition:all .2s;position:absolute;bottom:2px;left:2px;box-shadow:0 1px 2px #0003}.mcp-toggle-switch input:checked+.mcp-toggle-slider{background-color:var(--color-primary);border-color:var(--color-primary)}.mcp-toggle-switch input:checked+.mcp-toggle-slider:before{transform:translate(16px)}.mcp-toggle-switch input:disabled+.mcp-toggle-slider{opacity:.5;cursor:not-allowed}.mcp-disconnect-link{color:var(--color-danger);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:4px 8px;font-size:12px;font-weight:500;transition:all .2s}.mcp-disconnect-link:hover:not(:disabled){background:var(--color-danger-bg);color:var(--color-danger-dark)}.mcp-disconnect-link:disabled{opacity:.5;cursor:not-allowed}.mcp-server-connecting{opacity:.7}.mcp-server-connecting .mcp-status-badge{animation:1.5s ease-in-out infinite pulse}@media (width<=768px){.mcp-server-item{flex-direction:column}.mcp-server-actions{flex-direction:row;justify-content:space-between;width:100%}}.token-modal-overlay{z-index:10000;background:#00000080;justify-content:center;align-items:center;animation:.2s fadeIn;display:flex;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.token-modal{background:#fff;border-radius:12px;flex-direction:column;width:90%;max-width:500px;max-height:90vh;animation:.3s slideUp;display:flex;overflow:hidden;box-shadow:0 20px 60px #0000004d}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.token-modal-header{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;padding:1.5rem;display:flex}.token-modal-title{align-items:center;gap:.75rem;display:flex}.token-modal-icon{font-size:24px}.token-modal-title h3{color:var(--color-text-primary);margin:0;font-size:1.25rem;font-weight:600}.token-modal-close{color:var(--color-text-secondary);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;padding:0;font-size:24px;transition:all .2s;display:flex}.token-modal-close:hover{background:var(--color-bg-secondary);color:var(--color-text-primary)}.token-modal-body{padding:1.5rem;overflow-y:auto}.token-modal-message{color:var(--color-text-secondary);margin:0 0 1.5rem;font-size:.938rem;line-height:1.5}.token-input-group{margin-bottom:1.5rem}.token-input-group label{color:var(--color-text-primary);margin-bottom:.5rem;font-size:.875rem;font-weight:500;display:block}.token-input-group label .required{color:var(--color-danger)}.token-input-wrapper{align-items:center;display:flex;position:relative}.token-input-wrapper input{border:1px solid var(--color-border);border-radius:6px;flex:1;padding:.75rem 3rem .75rem .75rem;font-family:Courier New,monospace;font-size:.938rem;transition:all .2s}.token-input-wrapper input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(var(--color-primary-rgb), .1);outline:none}.token-toggle-visibility{cursor:pointer;opacity:.6;background:0 0;border:none;padding:.5rem;font-size:18px;transition:opacity .2s;position:absolute;right:.5rem}.token-toggle-visibility:hover{opacity:1}.token-scopes{margin-bottom:1.5rem}.token-scopes label{color:var(--color-text-primary);margin-bottom:.5rem;font-size:.875rem;font-weight:500;display:block}.token-scopes-list{flex-wrap:wrap;gap:.5rem;display:flex}.token-scope-badge{background:var(--color-bg-secondary);border:1px solid var(--color-border);color:var(--color-text-secondary);border-radius:12px;padding:.25rem .75rem;font-family:Courier New,monospace;font-size:.813rem;display:inline-block}.token-help-link{color:var(--color-primary);align-items:center;gap:.5rem;font-size:.875rem;text-decoration:none;transition:color .2s;display:inline-flex}.token-help-link:hover{color:var(--color-primary-dark);text-decoration:underline}.token-modal-footer{border-top:1px solid var(--color-border);background:var(--color-bg-secondary);justify-content:flex-end;align-items:center;gap:.75rem;padding:1.5rem;display:flex}@media (width<=640px){.token-modal{width:95%;max-height:95vh}.token-modal-header,.token-modal-body,.token-modal-footer{padding:1rem}.token-modal-footer{flex-direction:column-reverse}.token-modal-footer button{width:100%}}.settings-dropdown{z-index:1001;background:#fff;border:1px solid #e0e0e0;border-radius:12px;min-width:320px;max-width:500px;max-height:80vh;padding:.5rem;position:absolute;bottom:calc(100% + .5rem);left:0;overflow-y:auto;box-shadow:0 8px 24px #00000026}.settings-dropdown-section{border-bottom:1px solid #e0e0e0;padding:.5rem}.settings-dropdown-section:last-child{border-bottom:none}.settings-section-title{color:#333;text-transform:uppercase;letter-spacing:.3px;margin:0 0 .4rem;font-size:.75rem;font-weight:600}.settings-section-description{color:#666;margin:0 0 .5rem;font-size:.7rem;line-height:1.3}.settings-dropdown-checkbox{cursor:pointer;border-radius:6px;align-items:center;gap:.4rem;padding:.4rem .5rem;transition:background .2s;display:flex}.settings-dropdown-checkbox:hover{background:#f0f0f0}.settings-dropdown-checkbox input[type=checkbox]{cursor:pointer;margin:0}.settings-dropdown-checkbox span{color:#333;font-size:.813rem}.settings-dropdown-empty{text-align:center;color:#999;padding:.75rem .5rem;font-size:.75rem;font-style:italic}.settings-dropdown-select-group{padding:.5rem}.settings-dropdown-select-group label{color:#333;margin-bottom:.4rem;font-size:.75rem;font-weight:500;display:block}.settings-dropdown-select-group select{color:#333;cursor:pointer;background:#f8f9fa;border:1px solid #e0e0e0;border-radius:6px;width:100%;padding:.4rem;font-size:.75rem}.mcp-section{padding:.5rem}.mcp-loading{color:#666;justify-content:center;align-items:center;gap:.5rem;padding:.75rem;font-size:.75rem;display:flex}.mcp-empty{text-align:center;color:#999;padding:.75rem;font-size:.75rem}.mcp-servers-list{flex-direction:column;gap:.4rem;display:flex}.settings-menu-item{cursor:pointer;color:#333;border-radius:6px;justify-content:space-between;align-items:center;padding:.4rem .5rem;font-size:.813rem;transition:background .2s;display:flex}.settings-menu-item:hover,.settings-menu-item.active{background:#f0f0f0}.menu-item-arrow{color:#999;font-size:.7rem;transition:transform .2s}.mcp-submenu-panel{z-index:1002;background:#fff;border:1px solid #e0e0e0;border-radius:12px;flex-direction:column;min-width:320px;max-width:400px;max-height:80vh;display:flex;position:absolute;bottom:calc(100% + .5rem);left:calc(320px + .5rem);box-shadow:0 8px 24px #00000026}.mcp-submenu-header{border-bottom:1px solid #e0e0e0;flex-shrink:0;align-items:center;gap:.5rem;padding:.75rem;display:flex}.mcp-back-btn{cursor:pointer;color:#666;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:.25rem;font-size:1rem;transition:background .2s;display:flex}.mcp-back-btn:hover{color:#333;background:#f0f0f0}.mcp-submenu-header h3{color:#333;margin:0;font-size:.875rem;font-weight:600}.mcp-submenu-content{flex:1;padding:.75rem;overflow:hidden auto}.mcp-submenu-content::-webkit-scrollbar{width:6px}.mcp-submenu-content::-webkit-scrollbar-track{background:0 0}.mcp-submenu-content::-webkit-scrollbar-thumb{background:#e0e0e0;border-radius:3px}.mcp-submenu-content::-webkit-scrollbar-thumb:hover{background:#999}.settings-menu-item-button{cursor:pointer;color:#333;text-align:left;background:0 0;border:none;border-radius:6px;justify-content:flex-start;align-items:center;width:100%;padding:.4rem .5rem;font-size:.813rem;transition:background .2s;display:flex}.settings-menu-item-button:hover:not(:disabled){background:#f0f0f0}.settings-menu-item-button:disabled{opacity:.5;cursor:not-allowed}.mobile-only{display:none}@media (width<=768px){.mobile-only{display:flex}.settings-dropdown,.mcp-submenu-panel{width:calc(100% - 1rem);min-width:auto;left:0;right:0}}.message-input-container{background:#fff;flex-shrink:0;width:100%;max-width:850px;margin:0 auto;padding:1rem 2rem 2rem;position:relative}.active-features-badges{flex-wrap:wrap;gap:.5rem;padding:0 0 .75rem;display:flex}.feature-badge{color:#333;cursor:default;background:#f0f0f0;border-radius:20px;align-items:center;gap:.35rem;padding:.35rem .75rem;font-size:.813rem;transition:background .2s;display:inline-flex}.feature-badge:hover{background:#e5e5e5}.feature-icon{font-size:.875rem;line-height:1}.file-preview-list{z-index:100;background:0 0;flex-wrap:nowrap;gap:.5rem;margin-bottom:.75rem;padding:.5rem 0;display:flex;position:absolute;bottom:100%;left:2rem;right:2rem;overflow:auto hidden}.file-preview-list::-webkit-scrollbar{width:4px;height:4px}.file-preview-list::-webkit-scrollbar-track{background:0 0}.file-preview-list::-webkit-scrollbar-thumb{background:0 0;border-radius:2px;transition:background .2s}.file-preview-list:hover::-webkit-scrollbar-thumb{background:#0003}.file-preview-list:hover::-webkit-scrollbar-thumb:hover{background:#0006}.file-preview-list{scrollbar-width:thin;scrollbar-color:transparent transparent}.file-preview-list:hover{scrollbar-color:#0003 transparent}.file-preview{border:1px solid var(--border-color);border-radius:var(--radius-sm);background:var(--bg-secondary);flex-shrink:0;width:90px;position:relative;overflow:hidden}.preview-image{object-fit:cover;width:100%;height:60px;display:block}.preview-file{flex-direction:column;justify-content:center;align-items:center;gap:.2rem;height:60px;padding:.35rem;display:flex}.file-icon{font-size:1.5rem}.file-name{color:var(--text-primary);text-align:center;text-overflow:ellipsis;white-space:nowrap;width:100%;font-size:.65rem;overflow:hidden}.preview-info{background:var(--bg-primary);border-top:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:.2rem .35rem;display:flex}.file-size{color:var(--text-secondary);font-size:.65rem}.remove-file-btn{color:var(--color-danger);cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;padding:.125rem .25rem;font-size:.875rem;transition:background .2s}.remove-file-btn:hover:not(:disabled){background:var(--color-danger-bg)}.remove-file-btn:disabled{opacity:.5;cursor:not-allowed}.message-input-wrapper{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:24px;align-items:flex-end;gap:.5rem;padding:.75rem 1rem;transition:all .2s;display:flex;position:relative;box-shadow:0 1px 3px #0000000d}.message-input-wrapper:focus-within{border-color:var(--color-primary);box-shadow:0 2px 8px #0000001a}.settings-btn{width:32px;height:32px;color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:1.125rem;transition:all .15s;display:flex}.settings-btn:hover:not(:disabled){color:var(--text-primary);background:#0000000d}.settings-btn:disabled{opacity:.5;cursor:not-allowed}.attach-file-btn{width:32px;height:32px;color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:1.125rem;transition:all .15s;display:flex}.attach-file-btn:hover:not(:disabled){color:var(--text-primary);background:#0000000d}.attach-file-btn:disabled{opacity:.5;cursor:not-allowed}.message-input{min-height:36px;max-height:200px;color:var(--text-primary);resize:none;background:0 0;border:none;flex:1;padding:.5rem;font-family:inherit;font-size:.938rem;line-height:1.5;overflow-y:auto}.message-input::-webkit-scrollbar{display:none}.message-input{-ms-overflow-style:none;scrollbar-width:none}.message-input:focus{outline:none}.message-input::placeholder{color:var(--text-tertiary)}.send-button{background:var(--color-primary);color:#fff;cursor:pointer;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:1.25rem;font-weight:700;transition:all .2s;display:flex}.send-button:hover:not(:disabled){background:var(--color-primary-hover);transform:scale(1.05)}.send-button:disabled{background:var(--bg-secondary);color:var(--text-tertiary);cursor:not-allowed;opacity:.5}.send-button.stop{background:var(--color-danger)}.send-button.stop:hover{background:var(--color-danger-hover)}.message-input::-webkit-scrollbar{width:6px}.message-input::-webkit-scrollbar-track{background:0 0}.message-input::-webkit-scrollbar-thumb{background:var(--bg-secondary);border-radius:3px}.message-input::-webkit-scrollbar-thumb:hover{background:var(--border-color)}@media (width<=768px){.message-input-container{padding:.5rem .75rem .75rem;padding-bottom:calc(.75rem + env(safe-area-inset-bottom));max-width:100%}.message-input-wrapper{gap:.25rem;padding:.375rem .5rem}.message-input{min-height:20px;max-height:100px;padding:.125rem .25rem;font-size:.875rem;line-height:1.3}.attach-file-btn{display:none}.send-button,.settings-btn{flex-shrink:0;width:32px;height:32px}.file-preview-list{gap:.375rem;padding:.375rem}.file-preview{width:70px}.preview-image,.preview-file{height:45px}}.model-selector-container{flex-shrink:0;position:relative}.model-selector-button{border:1px solid var(--border-color);cursor:pointer;background:0 0;border-radius:8px;align-items:center;gap:.375rem;padding:.5rem .875rem;font-size:.938rem;transition:all .2s;display:flex}.model-selector-button:hover{background:var(--bg-secondary)}.model-name{color:var(--text-primary);font-weight:500}.dropdown-icon{color:var(--text-secondary);margin-left:.25rem;font-size:.75rem}.model-dropdown{border:1px solid var(--border-color);z-index:1001;background:#fff;border-radius:12px;min-width:280px;padding:.5rem;position:absolute;top:calc(100% + .5rem);left:0;box-shadow:0 8px 24px #00000026}.dropdown-section{max-height:280px;padding:.5rem 0;overflow-y:auto}.dropdown-section::-webkit-scrollbar{width:6px}.dropdown-section::-webkit-scrollbar-track{background:0 0}.dropdown-section::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}.dropdown-section::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}.dropdown-header{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:.25rem;padding:.25rem .75rem;font-size:.75rem;font-weight:600}.dropdown-item{cursor:pointer;text-align:left;background:0 0;border:none;border-radius:8px;flex-direction:column;align-items:flex-start;width:100%;padding:.75rem;transition:all .15s;display:flex;position:relative}.dropdown-item:hover{background:#0000000d}.dropdown-item.active{background:var(--color-primary-bg)}.dropdown-item.active:hover{background:var(--color-primary-bg);opacity:.9}.dropdown-item.active:before{content:"";background:var(--color-primary);border-radius:0 2px 2px 0;width:3px;height:60%;position:absolute;top:50%;left:0;transform:translateY(-50%)}.item-title{color:var(--text-primary);margin-bottom:.125rem;font-size:.938rem;font-weight:500}.item-description{color:var(--text-secondary);font-size:.813rem}.dropdown-divider{background:var(--border-color);height:1px;margin:.5rem 0}.dropdown-checkbox{cursor:pointer;border-radius:8px;align-items:center;gap:.5rem;padding:.75rem;transition:background .2s;display:flex}.dropdown-checkbox:hover{background:var(--bg-secondary)}.dropdown-checkbox input[type=checkbox]{cursor:pointer;margin:0}.dropdown-checkbox span{color:var(--text-primary);font-size:.938rem}.dropdown-select-group{padding:.75rem}.dropdown-select-group label{color:var(--text-primary);margin-bottom:.5rem;font-size:.875rem;font-weight:500;display:block}.dropdown-select-group select{border:1px solid var(--border-color);background:var(--bg-secondary);width:100%;color:var(--text-primary);cursor:pointer;border-radius:6px;padding:.5rem;font-size:.875rem}.dropdown-loading,.dropdown-error{text-align:center;padding:1rem .75rem;font-size:.875rem}.dropdown-loading{color:var(--text-secondary)}.dropdown-error{color:var(--color-error,#d32f2f)}@media (width<=768px){.model-selector-container{width:100%}.model-selector-button{justify-content:space-between;width:100%;padding:.5rem .75rem;font-size:.875rem}.model-dropdown{min-width:100%;left:0;right:0}.dropdown-section{max-height:240px}.dropdown-item{padding:.625rem}.item-title{font-size:.875rem}.item-description{font-size:.75rem}}.domain-selector-chat{flex:1;min-width:250px;max-width:350px;position:relative}.domain-selector-chat label{display:none}.domain-selector-chat .autocomplete-wrapper{margin:0}.domain-selector-chat .autocomplete-input{border:1px solid var(--border-color);border-radius:8px;padding:.5rem .75rem;font-size:.9rem}@media (width<=768px){.domain-selector-chat{width:100%;min-width:auto;max-width:none}.domain-selector-chat .autocomplete-input{width:100%;padding:.5rem .75rem;font-size:.875rem}.domain-selector-chat .autocomplete-dropdown{width:100%;left:0;right:0}}.domain-confirm-modal{padding:1rem 0}.domain-confirm-message{color:var(--text-primary);text-align:center;margin:0 0 1.5rem;font-size:.95rem;line-height:1.5}.domain-confirm-actions{justify-content:center;gap:.75rem;display:flex}.domain-confirm-btn{flex:1;max-width:180px}.chat-interface{height:100vh;isolation:isolate;background:#fff;flex-direction:column;height:100dvh;padding-top:4rem;display:flex;position:relative;overflow:hidden}.chat-selectors-container{z-index:1000;align-items:flex-start;gap:.75rem;display:flex;position:absolute;top:1rem;left:2rem;right:2rem}.drag-drop-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9999;pointer-events:none;background:#fffffff2;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.drag-drop-content{text-align:center;background:#0066cc0d;border:3px dashed #06c;border-radius:16px;min-width:300px;padding:3rem}.drag-drop-icon{margin-bottom:1rem;font-size:4rem;animation:.6s ease-in-out infinite bounce}.drag-drop-text{color:#06c;font-size:1.25rem;font-weight:500}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.chat-loading-container{flex-direction:column;justify-content:center;align-items:center;gap:1rem;height:calc(100dvh - 14rem);display:flex}.chat-loading-container p{color:#666;margin:0;font-size:1rem}.chat-interface .scroll-button-container{pointer-events:none;z-index:100;justify-content:center;width:100%;max-width:850px;display:flex;position:absolute;bottom:8rem;left:50%;transform:translate(-50%)}.chat-interface .scroll-button-container .tooltip-container{pointer-events:auto;display:flex}.chat-interface .scroll-to-bottom-btn{color:#666;cursor:pointer;background:#fff;border:1px solid #d0d0d0;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;transition:all .2s;display:flex;box-shadow:0 3px 10px #0003}.chat-interface .scroll-to-bottom-btn:hover{color:#000;background:#f4f4f4;transform:scale(1.1);box-shadow:0 4px 14px #00000040}.chat-history,.chat-settings{padding:2rem;overflow-y:auto}.stat-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-top:1rem;display:grid}.stat-item{background:var(--bg-secondary);border-radius:var(--radius-md);flex-direction:column;gap:.25rem;padding:.75rem;display:flex}.stat-highlight{color:var(--color-primary)}.slider{background:var(--bg-secondary);-webkit-appearance:none;border-radius:3px;outline:none;width:100%;height:6px}.slider::-webkit-slider-thumb{appearance:none;background:var(--color-primary);cursor:pointer;border-radius:50%;width:18px;height:18px;transition:background .2s}.slider::-moz-range-thumb{background:var(--color-primary);cursor:pointer;border:none;border-radius:50%;width:18px;height:18px;transition:background .2s}.gpt-welcome-screen{text-align:center;flex-direction:column;flex:1;justify-content:flex-start;align-items:center;min-height:0;padding:2rem;animation:.3s ease-out fadeIn;display:flex;overflow-y:auto}.gpt-avatar-large{background-color:#f0f0f0;border-radius:50%;width:120px;height:120px;margin-bottom:1.5rem;box-shadow:0 4px 12px #0000001a}.gpt-welcome-title{color:#1a1a1a;margin-bottom:.75rem;font-size:2rem;font-weight:600;line-height:1.2}.gpt-welcome-description{color:#666;max-width:600px;margin-bottom:2rem;font-size:1rem;line-height:1.5}.gpt-conversation-starters{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem;width:100%;max-width:800px;margin-top:1rem;display:grid}.gpt-starter-button{color:#333;text-align:left;cursor:pointer;background:#fff;border:1px solid #e0e0e0;border-radius:12px;padding:1rem 1.5rem;font-size:.95rem;transition:all .2s;box-shadow:0 2px 4px #0000000d}.gpt-starter-button:hover{background:#f8f8f8;border-color:#06c;transform:translateY(-2px);box-shadow:0 4px 8px #0000001a}.gpt-starter-button:active{transform:translateY(0);box-shadow:0 2px 4px #0000000d}.chat-input-container{background:#fff;flex-direction:column;width:100%;display:flex;position:relative}.batch-mode-indicator{background:#f8f9fa;border:1px solid #e0e0e0;border-radius:8px;width:calc(100% - 4rem);max-width:850px;margin:0 auto;padding:.5rem .75rem;animation:.3s ease-out slideDown;box-shadow:0 -1px 3px #0000000d}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.batch-mode-content{color:#444;align-items:center;gap:.5rem;display:flex;position:relative}.batch-mode-icon{flex-shrink:0;font-size:1rem;line-height:1}.batch-mode-text{white-space:nowrap;color:#555;flex-shrink:0;font-size:.75rem;font-weight:500}.batch-mode-progress{background:#e0e0e0;border-radius:2px;flex:1;min-width:60px;height:4px;overflow:hidden}.batch-mode-progress-bar{background:#06c;border-radius:2px;height:100%;transition:width .3s}.batch-mode-cancel{color:#666;cursor:pointer;background:0 0;border:1px solid #d0d0d0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;padding:0;font-size:.875rem;transition:all .2s;display:flex}.batch-mode-cancel:hover{color:#333;background:#f0f0f0;border-color:#999;transform:scale(1.05)}.batch-mode-cancel:active{transform:scale(.95)}.batch-mode-queue{color:#444;border-top:1px solid #e0e0e0;margin-top:.5rem;padding-top:.5rem}.batch-mode-queue-title{text-transform:uppercase;letter-spacing:.5px;color:#777;margin-bottom:.35rem;font-size:.625rem;font-weight:600;display:block}.batch-mode-queue-item{color:#555;background:#fff;border:1px solid #e8e8e8;border-left:2px solid #06c;border-radius:4px;align-items:baseline;gap:.3rem;margin-bottom:.25rem;padding:.3rem .4rem;font-size:.6875rem;line-height:1.3;transition:all .15s;display:flex;overflow:hidden}.batch-mode-queue-item:hover{color:#333;background:#f8f9fa;border-color:#d0d0d0}.batch-mode-queue-item:last-child{margin-bottom:0}.queue-item-number{color:#777;flex-shrink:0;font-weight:600}.queue-item-text{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}@media (width<=768px){.chat-interface{height:100vh;height:100dvh;padding-top:6.5rem}.chat-selectors-container{flex-direction:column;gap:.5rem;top:.75rem;left:1rem;right:1rem}.chat-interface .scroll-button-container{bottom:6rem}.gpt-welcome-screen{min-height:300px;padding:2rem 1rem}.gpt-avatar-large{width:80px;height:80px;margin-bottom:1rem}.gpt-welcome-title{font-size:1.5rem}.gpt-welcome-description{font-size:.9rem}.gpt-conversation-starters{grid-template-columns:1fr;gap:.75rem}.gpt-starter-button{padding:.875rem 1rem;font-size:.875rem}.batch-mode-indicator{border-radius:6px 6px 0 0;padding:.4rem .5rem}.batch-mode-content{gap:.4rem}.batch-mode-icon{font-size:.875rem}.batch-mode-text{font-size:.6875rem}.batch-mode-progress{min-width:40px;height:3px}.batch-mode-cancel{width:20px;height:20px;font-size:.75rem}.batch-mode-queue{margin-top:.4rem;padding-top:.4rem}.batch-mode-queue-title{margin-bottom:.25rem;font-size:.5625rem}.batch-mode-queue-item{margin-bottom:.2rem;padding:.25rem .35rem;font-size:.625rem}}.gpt-editor{background:#fff;height:100%;padding:2rem;overflow-y:auto}.gpt-editor-content{max-width:800px;margin:0 auto}.gpt-avatar-upload{justify-content:center;margin-bottom:2rem;display:flex}.gpt-avatar-button{cursor:pointer;background:0 0;border:2px dashed #d0d0d0;border-radius:50%;justify-content:center;align-items:center;width:100px;height:100px;transition:all .2s;display:flex}.gpt-avatar-button:hover{background:#f8f9fa;border-color:#667eea}.gpt-avatar-icon{color:#999;font-size:2rem}.gpt-form-group{margin-bottom:1.5rem}.gpt-form-error{color:#dc3545;margin-top:.25rem;margin-bottom:0;font-size:.875rem}.gpt-form-label{color:#333;margin-bottom:.5rem;font-size:.95rem;font-weight:600;display:block}.gpt-form-hint{color:#666;margin-top:.5rem;font-size:.85rem;line-height:1.4}.gpt-tools-list{flex-direction:column;gap:.75rem;display:flex}.gpt-form-actions{border-top:1px solid #e0e0e0;justify-content:space-between;align-items:center;gap:1rem;margin-top:2rem;padding-top:2rem;display:flex}.gpt-form-actions-left{flex:1;align-items:center;display:flex}.gpt-form-actions-right{gap:1rem;display:flex}@media (width<=768px){.gpt-editor{padding:1rem}.gpt-editor-content{max-width:100%}.gpt-form-actions{flex-direction:column;align-items:stretch}.gpt-form-actions-left{order:2;margin-top:1rem}.gpt-form-actions-right{flex-direction:column-reverse;order:1}.gpt-form-actions-right button{width:100%}}.prompt-placeholder-list{flex-direction:column;gap:.75rem;display:flex}.placeholder-list-items{flex-direction:column;gap:.5rem;display:flex}.placeholder-list-item{background:var(--background-secondary,#fff);border:1px solid var(--border-color,#ddd);cursor:move;border-radius:6px;align-items:flex-start;gap:.75rem;padding:1rem;transition:all .2s;display:flex;position:relative}.placeholder-list-item:hover{background:var(--background-hover,#f8f9fa);border-color:var(--primary-color,#007bff);box-shadow:0 2px 4px #0000000d}.drag-handle{color:var(--text-secondary,#666);cursor:grab;-webkit-user-select:none;user-select:none;padding-top:.25rem;font-size:1.2rem;line-height:1}.drag-handle:active{cursor:grabbing}.drop-indicator{background:var(--primary-color,#007bff);z-index:10;border-radius:2px;height:3px;position:absolute;top:-2px;left:0;right:0;box-shadow:0 0 6px #007bff66}.placeholder-fields{flex:1;grid-template-columns:1fr 1fr;gap:.75rem;display:grid}.placeholder-field{flex-direction:column;gap:.25rem;display:flex}.placeholder-field label{color:var(--text-primary,#333);font-size:.85rem;font-weight:500}.placeholder-error{color:var(--danger-color,#dc3545);margin-top:.25rem;font-size:.75rem;display:block}.placeholder-remove-btn{background:var(--danger-color-light,#f8d7da);width:2rem;height:2rem;color:var(--danger-color,#dc3545);cursor:pointer;border:none;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;margin-top:1.4rem;font-size:1rem;transition:all .2s;display:flex}.placeholder-remove-btn:hover{background:var(--danger-color,#dc3545);color:#fff;transform:scale(1.05)}.placeholder-remove-btn:active{transform:scale(.95)}@media (width<=640px){.placeholder-fields{grid-template-columns:1fr}.placeholder-remove-btn{align-self:flex-start;margin-top:0}}.prompt-editor{background:var(--background-primary,#f8f9fa);height:100%;padding:1.5rem;overflow-y:auto}.prompt-form-group .markdown-wysiwyg-editor{border-color:var(--border-color,#ddd);border-radius:6px}.prompt-editor-content{flex-direction:column;gap:1.5rem;max-width:900px;margin:0 auto;display:flex}.prompt-form-group{flex-direction:column;gap:.5rem;display:flex}.prompt-form-label{color:var(--text-primary,#333);font-size:.95rem;font-weight:500}.prompt-form-hint{color:var(--text-secondary,#666);margin-top:.25rem;font-size:.85rem}.prompt-tools-list,.prompt-mcp-list{background:var(--background-secondary,#fff);border:1px solid var(--border-color,#ddd);border-radius:6px;flex-direction:column;gap:.75rem;padding:.75rem;display:flex}.prompt-form-actions{border-top:1px solid var(--border-color,#ddd);justify-content:space-between;align-items:center;padding-top:1rem;display:flex}.prompt-form-actions-left{flex:1}.prompt-form-actions-right{gap:.75rem;display:flex}@media (width<=768px){.prompt-editor{padding:1rem}.prompt-editor-content{gap:1rem}.prompt-form-actions{flex-direction:column-reverse;align-items:stretch;gap:1rem}.prompt-form-actions-right{width:100%}.prompt-form-actions-right button{flex:1}}.toast-container{z-index:9999;pointer-events:none;flex-direction:column;gap:12px;display:flex;position:fixed;top:20px;right:20px}.toast{pointer-events:auto;cursor:pointer;background:#fff;border-radius:8px;align-items:center;gap:12px;min-width:300px;max-width:500px;padding:16px 20px;transition:all .3s;animation:.3s ease-out slideIn;display:flex;box-shadow:0 4px 12px #00000026}.toast:hover{transform:translate(-4px);box-shadow:0 6px 16px #0003}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.toast-icon{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-size:14px;font-weight:700;display:flex}.toast-message{color:#333;flex:1;font-size:14px;font-weight:500;line-height:1.5}.toast-close{color:#999;cursor:pointer;background:0 0;border:none;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;padding:0;font-size:16px;transition:all .2s;display:flex}.toast-close:hover{color:#333;background:#0000000d}.toast-success{border-left:4px solid #28a745}.toast-success .toast-icon{background:#28a745}.toast-error{border-left:4px solid #dc3545}.toast-error .toast-icon{background:#dc3545}.toast-warning{border-left:4px solid #ffc107}.toast-warning .toast-icon{color:#333;background:#ffc107}.toast-info{border-left:4px solid #17a2b8}.toast-info .toast-icon{background:#17a2b8}@media (width<=768px){.toast-container{top:10px;left:10px;right:10px}.toast{min-width:unset;width:100%}}.loading-spinner-inline{align-items:center;gap:var(--spacing-sm);display:inline-flex}.loading-spinner-block{justify-content:center;align-items:center;gap:var(--spacing-md);padding:var(--spacing-xl);flex-direction:column;display:flex}.loading-spinner-fullscreen{background-color:var(--color-bg-overlay);z-index:var(--z-modal);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.loading-spinner-fullscreen .loading-spinner-content{background-color:var(--color-bg);padding:var(--spacing-xl);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);align-items:center;gap:var(--spacing-md);flex-direction:column;display:flex}.loading-spinner{border-style:solid;border-color:var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:.8s linear infinite spinner-rotate}@keyframes spinner-rotate{to{transform:rotate(360deg)}}.loading-spinner-xs{border-width:2px;width:12px;height:12px}.loading-spinner-sm{border-width:2px;width:16px;height:16px}.loading-spinner-md{border-width:3px;width:32px;height:32px}.loading-spinner-lg{border-width:4px;width:48px;height:48px}.loading-message{font-size:var(--font-md);color:var(--color-text-light);margin:0}.loading-spinner-inline .loading-message{font-size:var(--font-sm)}.loading-spinner-fullscreen .loading-message{font-size:var(--font-lg);color:var(--color-text)}@media (width<=768px){.loading-spinner-block{padding:var(--spacing-md)}.loading-spinner-fullscreen .loading-spinner-content{padding:var(--spacing-lg)}}.progress-bar-container{width:100%;margin:1rem 0}.progress-message{color:#495057;margin-bottom:.5rem;font-size:.9rem;font-weight:500}.progress-bar{background-color:#e9ecef;border-radius:4px;width:100%;height:30px;position:relative;overflow:hidden}.progress-bar-fill{background:linear-gradient(90deg,#007bff 0%,#0056b3 100%);justify-content:center;align-items:center;height:100%;transition:width .3s;display:flex;position:relative}.progress-bar-text{color:#fff;z-index:1;font-size:.85rem;font-weight:600;position:absolute;left:50%;transform:translate(-50%)}.download-progress-modal{padding:var(--spacing-md) 0}.download-phase{align-items:center;gap:var(--spacing-md);padding:var(--spacing-lg) 0;text-align:center;flex-direction:column;display:flex}.download-message{font-size:var(--font-md);color:var(--color-text);margin:0}.download-preparing .download-message{color:var(--color-text-light)}.download-processing{width:100%;padding:var(--spacing-md) 0}.download-checkmark{animation:.3s ease-out download-check-pop}@keyframes download-check-pop{0%{opacity:0;transform:scale(0)}70%{transform:scale(1.2)}to{opacity:1;transform:scale(1)}}.download-success-text{color:var(--color-success);font-weight:var(--font-weight-semibold)}.download-filename{font-size:var(--font-sm);color:var(--color-text-light);word-break:break-all;margin:0}.download-error-icon{animation:.4s ease-out download-error-shake}@keyframes download-error-shake{0%,to{transform:translate(0)}25%{transform:translate(-4px)}75%{transform:translate(4px)}}.download-error-text{color:var(--color-error);font-weight:var(--font-weight-semibold)}.download-error-detail{font-size:var(--font-sm);color:var(--color-text-light);word-break:break-word;max-width:100%;margin:0}.version-history-content{max-height:60vh;padding:1rem 0;overflow-y:auto}.version-loading{color:var(--text-secondary);flex-direction:column;justify-content:center;align-items:center;gap:1rem;padding:3rem 1rem;display:flex}.version-list{flex-direction:column;gap:1rem;display:flex}.version-item{border:1px solid var(--border-color);background:var(--bg-secondary);border-radius:8px;padding:1rem;transition:all .2s}.version-item:hover{border-color:var(--border-hover);box-shadow:0 2px 4px #0000000d}.version-header{justify-content:space-between;align-items:center;margin-bottom:.5rem;display:flex}.version-number{color:var(--text-primary);align-items:center;gap:.5rem;font-size:.875rem;font-weight:600;display:flex}.version-number .number{font-size:1rem}.badge-current{background:var(--primary-color);color:#fff;border-radius:4px;padding:.125rem .5rem;font-size:.75rem;font-weight:500;display:inline-block}.version-meta{color:var(--text-secondary);align-items:center;gap:.75rem;font-size:.875rem;display:flex}.version-user{color:var(--text-primary);font-weight:500}.version-date{font-family:monospace;font-size:.8125rem}.version-description{background:var(--bg-primary);border-left:3px solid var(--primary-color);color:var(--text-secondary);border-radius:4px;margin:.5rem 0;padding:.5rem;font-size:.875rem;font-style:italic}.version-actions{border-top:1px solid var(--border-color);justify-content:flex-end;gap:.5rem;margin-top:.75rem;padding-top:.75rem;display:flex}.version-extra-rows{flex-wrap:wrap;gap:.25rem 1.25rem;margin-top:.4rem;display:flex}.version-extra-row{color:var(--text-muted);gap:.35rem;font-size:.78rem;display:flex}.version-extra-label{color:var(--text-secondary);font-weight:500}.version-extra-value{color:var(--text-muted)}.version-history-footer{border-top:1px solid var(--border-color);justify-content:flex-end;gap:.75rem;margin-top:1rem;padding-top:1rem;display:flex}.skeleton-block{background:linear-gradient(90deg,#e8e8e8 25%,#f0f0f0 50%,#e8e8e8 75%) 0 0/200% 100%;animation:1.4s ease-in-out infinite skeleton-shimmer}@keyframes skeleton-shimmer{0%{background-position:200%}to{background-position:-200%}}.loading-bar-container{background:var(--color-border);border-radius:2px;height:3px;position:relative;overflow:hidden}.loading-bar-fill{background:var(--color-primary);border-radius:2px;width:40%;height:100%;animation:1.4s ease-in-out infinite loading-bar-slide;position:absolute}@keyframes loading-bar-slide{0%{left:-40%}to{left:140%}}.prompt-fill-modal{flex-direction:column;gap:1.5rem;display:flex}.prompt-fill-description{background:var(--background-info,#e7f3ff);border-left:3px solid var(--info-color,#06c);color:var(--text-primary,#333);border-radius:4px;padding:1rem;font-size:.95rem;line-height:1.5}.prompt-fill-form{flex-direction:column;gap:1.25rem;max-height:400px;padding:.25rem;display:flex;overflow-y:auto}.prompt-fill-field{flex-direction:column;gap:.5rem;display:flex}.prompt-fill-label{color:var(--text-primary,#333);font-size:.95rem;font-weight:500}.required-indicator{color:var(--danger-color,#dc3545)}.prompt-fill-error{color:var(--danger-color,#dc3545);margin-top:.25rem;font-size:.85rem}.prompt-fill-no-placeholders{text-align:center;color:var(--text-secondary,#666);padding:2rem;font-style:italic}.prompt-fill-actions{border-top:1px solid var(--border-color,#ddd);justify-content:flex-end;gap:.75rem;padding-top:1rem;display:flex}@media (width<=640px){.prompt-fill-actions{flex-direction:column-reverse}.prompt-fill-actions button{width:100%}}.chat-widget-container{background:#fff;border-radius:8px;flex-direction:column;height:100%;min-height:400px;max-height:700px;display:flex;position:relative;overflow:hidden}.chat-widget-domain-selector{z-index:10;background:#fffffff2;border:1px solid #e0e0e0;border-radius:6px;max-width:280px;padding:.5rem .75rem;position:absolute;top:.5rem;left:.5rem;box-shadow:0 2px 8px #0000001a}.chat-widget-domain-selector .domain-selector-chat{z-index:auto;min-width:auto;max-width:100%;position:relative;top:auto;left:auto}.chat-widget-domain-selector label{display:none}.chat-widget-domain-selector .autocomplete-clear{z-index:10;position:absolute;top:50%;right:.5rem;transform:translateY(-50%)}.chat-widget-domain-selector .autocomplete-input-with-clear{padding-right:2.5rem}.chat-widget-domain-badge{z-index:10;background:#f8f9faf2;border:1px solid #e0e0e0;border-radius:6px;align-items:center;gap:.4rem;padding:.4rem .75rem;font-size:.8rem;display:inline-flex;position:absolute;top:.5rem;left:.5rem;box-shadow:0 2px 6px #00000014}.domain-badge-label{color:#666;text-transform:uppercase;letter-spacing:.3px;font-size:.7rem;font-weight:600}.domain-badge-value{color:#333;font-size:.8rem;font-weight:500}.chat-widget-container .chat-interface{background:#fff;flex-direction:column;height:100%;margin:0;padding:0;display:flex;height:100%!important;padding-top:0!important}.chat-widget-container .message-list{background:#fff;flex:1;min-height:200px;padding:1rem;overflow-y:auto}.chat-widget-container .message-list-empty{justify-content:center;align-items:center;height:100%;padding:2rem;display:flex}.chat-widget-container .message-list-empty h1{text-align:center;margin:0;color:#999!important;font-size:1rem!important;font-weight:400!important}.chat-widget-container .message-input-container{background:#fff;border-top:none;padding:.75rem}.chat-widget-container .scroll-button-container{bottom:6rem!important}@media (width<=768px){.chat-widget-container{min-height:300px}.chat-widget-container .message-list{padding:.75rem}.chat-widget-container .message-input-container{padding:.5rem}.chat-widget-container .message-list-empty h1{font-size:.9rem!important}}.chat-widget-loading{flex-direction:column;justify-content:center;align-items:center;gap:1rem;padding:2rem;display:flex}.chat-widget-loading p{color:#666;font-size:.9rem}.chat-widget-error{padding:1rem}.chat-widget-error .alert{margin:0}.mcp-config-field{flex-direction:column;gap:1rem;display:flex}.mcp-config-field-loading{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:.75rem;padding:2rem;display:flex}.mcp-config-field-loading p{color:var(--text-secondary);font-size:.9rem}.mcp-config-description{background:var(--background-tertiary);border-left:3px solid var(--primary-color);border-radius:4px;flex-direction:column;gap:.5rem;padding:.75rem 1rem;display:flex}.mcp-config-description p{color:var(--text-secondary);margin:0;font-size:.9rem;line-height:1.5}.mcp-config-hint{font-style:italic;color:var(--text-tertiary)!important;font-size:.85rem!important}.mcp-server-list{border:1px solid var(--border-color);background:var(--background-secondary);border-radius:8px;flex-direction:column;gap:.75rem;max-height:400px;padding:.5rem;display:flex;overflow-y:auto}.mcp-server-list::-webkit-scrollbar{width:8px}.mcp-server-list::-webkit-scrollbar-track{background:var(--background-tertiary);border-radius:4px}.mcp-server-list::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}.mcp-server-list::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}@media (width<=768px){.mcp-config-description{padding:.5rem .75rem}.mcp-config-description p{font-size:.85rem}.mcp-server-list{max-height:300px}}.dashboard-container{flex-direction:column;width:100%;height:100%;display:flex}.dashboard-loading{height:100%;color:var(--text-secondary);flex-direction:column;justify-content:center;align-items:center;gap:1rem;display:flex}.dashboard-error{text-align:center;color:var(--error);padding:2rem}.dashboard-toolbar{background:var(--background-primary);border-bottom:1px solid var(--border-color);flex-shrink:0;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.5rem;display:flex}.dashboard-toolbar-left{align-items:center;gap:.75rem;display:flex}.dashboard-toolbar h1{color:var(--text-primary);margin:0;font-size:1.5rem;font-weight:600}.dashboard-unsaved-badge{background:var(--warning);color:#fff;border-radius:12px;padding:.25rem .75rem;font-size:.75rem;font-weight:600}.dashboard-toolbar-right{align-items:center;gap:.5rem;display:flex}.dashboard-content{background:var(--background-secondary);flex:1;padding:0;overflow:hidden auto}.dashboard-empty{justify-content:center;align-items:center;padding:2rem;display:flex}.dashboard-view,.dashboard-editor{flex:1;width:100%;padding:1rem;overflow:hidden auto}.dashboard-rows{flex-direction:column;gap:1.5rem;max-width:1600px;margin:0 auto;display:flex}.dashboard-row{background:0 0;border-radius:8px;gap:1rem;padding:0;transition:background .2s;display:grid;position:relative}.dashboard-row.edit-mode{background:0 0;border:none;padding:0}.dashboard-row.columns-1{grid-template-columns:1fr}.dashboard-row.columns-2{grid-template-columns:repeat(2,1fr)}.dashboard-row.columns-3{grid-template-columns:repeat(3,1fr)}.dashboard-row.columns-4{grid-template-columns:repeat(4,1fr)}.dashboard-row-container{margin-bottom:1rem;position:relative}.row-controls{background:#00000005;border-radius:4px;justify-content:space-between;align-items:center;margin-bottom:.5rem;padding:.5rem;display:flex}.row-controls-left{align-items:center;gap:.5rem;display:flex}.row-label{color:var(--text-secondary);font-size:.85rem;font-weight:600}.row-controls-right{gap:.25rem;display:flex}.dashboard-widget-slot{border:1px solid var(--border-color);background:#fff;border-radius:8px;flex-direction:column;min-height:200px;max-height:700px;transition:all .2s;display:flex;position:relative;overflow:hidden;container:widget-slot/inline-size}.dashboard-widget-slot.empty{justify-content:stretch;align-items:stretch;min-height:200px;display:flex}.dashboard-widget-slot.empty .empty-widget-card{border:1px solid var(--border-color);background:#fff;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;width:100%;display:flex;box-shadow:0 1px 3px #0000001a}.dashboard-widget-slot.empty:hover .empty-widget-card{border-color:var(--primary);box-shadow:0 2px 4px #00000026}.add-widget-button{cursor:pointer;color:var(--text-secondary);text-align:center;background:0 0;border:none;flex-direction:column;justify-content:center;align-items:center;gap:.75rem;width:100%;min-height:200px;padding:3rem 2rem;transition:all .2s;display:flex}.add-widget-button:hover{color:var(--primary);background:#667eea05}.add-widget-button:hover .add-widget-icon{transform:scale(1.1)}.add-widget-icon{color:#9ca3af;font-size:3rem;font-weight:300;transition:transform .2s}.add-widget-button:hover .add-widget-icon{color:var(--primary)}.add-widget-text{color:var(--text-secondary);font-size:1rem;font-weight:500}.widget-controls{z-index:100;opacity:0;gap:.25rem;transition:opacity .2s;display:flex;position:absolute;top:.5rem;right:.5rem}.dashboard-widget-slot:hover .widget-controls{opacity:1}.widget-controls .btn{box-shadow:0 1px 3px #0000001a}.widget-controls .btn:hover{box-shadow:0 2px 4px #00000026}.dashboard-widget-slot>*{flex:1}.dashboard-widget-slot .card{box-shadow:none;background:0 0;border:none;flex-direction:column;display:flex}.stats-card-widget{flex-direction:column;gap:.5rem;min-height:100%;padding:1.5rem;display:flex}.stats-card-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;font-size:.85rem;font-weight:600}.stats-card-value{color:var(--text-primary);font-size:2rem;font-weight:700;line-height:1}.stats-card-trend{align-items:center;gap:.25rem;font-size:.85rem;font-weight:500;display:flex}.stats-card-trend.up{color:var(--success)}.stats-card-trend.down{color:var(--error)}.stats-card-trend.neutral{color:var(--text-secondary)}.recent-jobs-widget{flex-direction:column;min-height:100%;padding:1.5rem;display:flex;overflow:hidden}.recent-jobs-widget h3{color:var(--text-primary);flex-shrink:0;margin:0 0 1rem;font-size:1.1rem;font-weight:600}.recent-jobs-list{flex-direction:column;flex:1;gap:.75rem;display:flex;overflow:hidden auto}.recent-job-item{background:var(--background-secondary);border-radius:6px;justify-content:space-between;align-items:center;padding:.75rem;transition:background .2s;display:flex}.recent-job-item:hover{background:var(--background-hover)}.recent-job-name{color:var(--text-primary);font-size:.9rem;font-weight:500}.recent-job-date{color:var(--text-secondary);font-size:.75rem}.recent-job-status{text-transform:capitalize;border-radius:12px;padding:.25rem .625rem;font-size:.75rem;font-weight:600}.recent-job-status.completed{color:var(--success);background:#22c55e1a}.recent-job-status.running{color:var(--info);background:#3b82f61a}.recent-job-status.failed{color:var(--error);background:#ef44441a}.quick-links-widget{flex-direction:column;min-height:100%;padding:1.5rem;display:flex}.quick-links-widget h3{color:var(--text-primary);margin:0 0 1rem;font-size:1.1rem;font-weight:600}.quick-links-grid{flex:1;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:.75rem;display:grid}.quick-link-item{background:var(--background-secondary);color:var(--text-primary);border:1px solid #0000;border-radius:8px;flex-direction:column;align-items:center;gap:.5rem;padding:1rem;text-decoration:none;transition:all .2s;display:flex}.quick-link-item:hover{background:var(--background-hover);border-color:var(--primary);transform:translateY(-2px)}.quick-link-icon{font-size:1.75rem}.quick-link-label{text-align:center;font-size:.85rem;font-weight:500}.cost-overview-widget{flex-direction:column;min-height:100%;padding:1.5rem;display:flex;overflow:hidden}.cost-overview-widget h3{color:var(--text-primary);flex-shrink:0;margin:0 0 1rem;font-size:1.1rem;font-weight:600}.cost-items{flex-direction:column;flex:1;gap:1rem;display:flex;overflow:hidden auto}.cost-item{flex-direction:column;gap:.25rem;display:flex}.cost-item-header{justify-content:space-between;align-items:center;font-size:.85rem;display:flex}.cost-item-label{color:var(--text-secondary);font-weight:500}.cost-item-value{color:var(--text-primary);font-weight:600}.cost-item-bar{background:var(--background-secondary);border-radius:4px;height:8px;overflow:hidden}.cost-item-bar-fill{background:var(--primary);border-radius:4px;height:100%;transition:width .3s}.cost-total{border-top:1px solid var(--border-color);justify-content:space-between;align-items:center;margin-top:.5rem;padding-top:1rem;font-size:.95rem;font-weight:600;display:flex}.tabbed-widget-wrapper{background:#fff;border-radius:8px;flex-direction:column;height:100%;min-height:0;display:flex;overflow:hidden}.tabbed-widget-wrapper.empty{padding:1.5rem}.tabbed-widget-wrapper>.tab-navigation{border-bottom:1px solid var(--border-color);flex-shrink:0;margin:0;padding:0}.tabbed-widget-content{flex:1;min-height:0;padding:1rem;overflow:hidden auto}.tabbed-widget-slot{flex-direction:column;height:100%;min-height:0;display:flex;position:relative}.tabbed-widget-slot>.widget-controls{flex-shrink:0}.tabbed-widget-slot>.card,.tabbed-widget-slot>.card>.card-content{flex-direction:column;flex:1;min-height:0;display:flex}.tabbed-widget-slot>.time-tracking-pivot-widget{flex:1;min-height:0}.tabbed-widget-empty{justify-content:flex-start;align-items:flex-start;height:100%;min-height:200px;display:flex}.empty-widget{color:var(--text-secondary);justify-content:center;align-items:center;padding:2rem;font-style:italic;display:flex}.empty-widget-card{justify-content:center;align-items:center;height:100%;min-height:200px;display:flex}.add-row-container{justify-content:center;padding:1.5rem;display:flex}.dashboard-editor .add-row-container{margin-top:1rem}.add-row-modal{padding:1rem}.modal-description{color:var(--text-secondary);margin:0 0 1.5rem;font-size:.9rem}.column-options{grid-template-columns:repeat(2,1fr);gap:1rem;margin-bottom:1.5rem;display:grid}.column-option{background:var(--background-secondary);cursor:pointer;border:2px solid #0000;border-radius:8px;flex-direction:column;align-items:center;gap:.75rem;padding:1.5rem 1rem;transition:all .2s;display:flex}.column-option:hover{background:var(--background-hover);border-color:var(--primary-light)}.column-option.selected{border-color:var(--primary);background:#667eea1a}.column-option-icon{color:var(--text-primary);font-size:2rem;font-weight:700}.column-option-label{color:var(--text-secondary);font-size:.9rem;font-weight:500}.add-widget-modal{flex-direction:column;gap:0;margin:-1.5rem;display:flex}.add-widget-modal .tab-navigation{margin:0;padding:0}.widget-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem;max-height:400px;margin-top:0;padding:1.5rem;display:grid;overflow-y:auto}.modal-actions{justify-content:flex-end;gap:.75rem;margin:0;padding:1.5rem;display:flex}.widget-card{background:var(--background-secondary);cursor:pointer;text-align:center;border:2px solid #0000;border-radius:8px;flex-direction:column;align-items:center;gap:.5rem;padding:1.25rem 1rem;transition:all .2s;display:flex}.widget-card:hover{background:var(--background-hover);border-color:var(--primary-light)}.widget-card.selected{border-color:var(--primary);background:#667eea1a}.widget-card-icon{font-size:2rem}.widget-card-name{color:var(--text-primary);font-size:.9rem;font-weight:600}.widget-card-description{color:var(--text-secondary);font-size:.75rem;line-height:1.4}.no-widgets{text-align:center;color:var(--text-secondary);padding:2rem}.configure-widget-modal{flex-direction:column;gap:1rem;display:flex}.widget-config-form{flex-direction:column;gap:1rem;max-height:400px;padding:.5rem 0;display:flex;overflow-y:auto}.field-placeholder{border:1px solid var(--warning);color:var(--text-secondary);background:#fbbf241a;border-radius:6px;padding:1rem;font-size:.85rem}.radio-group{flex-direction:column;gap:.75rem;padding:.5rem 0;display:flex}.radio-option{cursor:pointer;border:1px solid var(--border-color);border-radius:6px;align-items:center;gap:.75rem;padding:.75rem;transition:all .2s;display:flex}.radio-option:hover{background:var(--background-secondary);border-color:var(--primary-color)}.radio-option input[type=radio]{cursor:pointer;width:18px;height:18px;accent-color:var(--primary-color)}.radio-option .radio-label{color:var(--text-primary);cursor:pointer;flex:1;font-size:.95rem}.radio-option input[type=radio]:checked+.radio-label{color:var(--primary-color)}.gpt-selector-list{flex-direction:column;gap:.5rem;padding:.25rem 0;display:flex}.gpt-selector-card{border:2px solid var(--border-color);cursor:pointer;background:var(--background-primary);border-radius:8px;align-items:center;gap:.75rem;padding:.75rem;transition:all .2s;display:flex}.gpt-selector-card:hover{background:var(--background-secondary);border-color:var(--primary-color)}.gpt-selector-card.selected{border-color:var(--primary-color);background:var(--background-secondary)}.gpt-selector-avatar{border-radius:50%;flex-shrink:0;width:32px;height:32px}.gpt-selector-avatar-placeholder{background:var(--background-secondary);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:1.25rem;display:flex}.gpt-selector-content{flex:1;min-width:0}.gpt-selector-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:.95rem;font-weight:500;overflow:hidden}.gpt-selector-domain{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;margin-top:.125rem;font-size:.8rem;overflow:hidden}.tabs-config-section{flex-direction:column;gap:1rem;display:flex}.tabs-config-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding-bottom:.5rem;display:flex}.tabs-config-label{color:var(--text-primary);font-size:.9rem;font-weight:600}.tabs-config-list{flex-direction:column;gap:.75rem;display:flex}.tab-config-item{background:var(--background-secondary);border:1px solid var(--border-color);border-radius:6px;padding:1rem}.tab-config-header{align-items:center;gap:.5rem;margin-bottom:.75rem;display:flex}.tab-config-number{color:var(--text-secondary);flex:1;font-size:.85rem;font-weight:600}.tab-config-fields{flex-direction:column;gap:.75rem;display:flex}.tab-config-item[draggable=true]{cursor:grab;transition:opacity .2s,transform .2s}.tab-config-item[draggable=true]:active{cursor:grabbing}.tabs-config-list .drop-indicator{background:var(--primary-color);z-index:10;border-radius:1px;height:2px;position:absolute;top:-4px;left:0;right:0}.tab-config-header .drag-handle{cursor:grab;width:24px;height:24px;color:var(--text-secondary);-webkit-user-select:none;user-select:none;flex-shrink:0;justify-content:center;align-items:center;margin-right:8px;font-size:16px;display:inline-flex}.tab-config-header .drag-handle:active{cursor:grabbing}@media (width<=1200px){.dashboard-row.columns-4{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.dashboard-toolbar{flex-direction:column;align-items:stretch}.dashboard-toolbar-left,.dashboard-toolbar-right{justify-content:center}.dashboard-content{padding:1rem}.dashboard-rows{gap:1rem}.dashboard-row.columns-2,.dashboard-row.columns-3,.dashboard-row.columns-4,.widget-grid,.column-options{grid-template-columns:1fr}.quick-links-grid{grid-template-columns:repeat(2,1fr)}}.time-tracking-pivot-widget{background:#fff;border-radius:8px;flex-direction:column;gap:16px;height:100%;min-height:0;padding:16px;display:flex;overflow:hidden}.pivot-widget-header{border-bottom:2px solid var(--border-color);flex-shrink:0;justify-content:space-between;align-items:flex-start;gap:16px;padding-bottom:12px;display:flex}.pivot-widget-header>div{flex:1}.pivot-widget-header h3{color:var(--text-primary);margin:0 0 4px;font-size:18px;font-weight:600}.period-label{color:var(--text-secondary);text-align:right;white-space:nowrap;font-size:13px;font-weight:600}.pivot-table-controls{background:var(--background-secondary);border-radius:8px;padding:12px}.filter-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin-top:12px;display:grid}.filter-reset{align-items:flex-end;display:flex}.pivot-table-view{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.pivot-table-header{color:#64748b;text-transform:uppercase;letter-spacing:.8px;background:#fafbfc;border-bottom:2px solid #e5e7eb;flex-shrink:0;grid-template-columns:minmax(0,1.6fr) minmax(0,.8fr) minmax(0,.8fr);align-items:center;gap:16px;padding:12px 16px;font-size:11px;font-weight:600;display:grid}.pivot-col-label{justify-content:space-between;align-items:center;gap:12px;display:flex}.pivot-col-label>span{flex:1}.expand-collapse-all-btn{text-transform:uppercase;color:#4f46e5;cursor:pointer;white-space:nowrap;letter-spacing:.5px;background:#e0e7ff;border:1px solid #c7d2fe;border-radius:4px;padding:4px 10px;font-size:10px;font-weight:600;transition:all .2s}.expand-collapse-all-btn:hover{color:#4338ca;background:#c7d2fe;border-color:#a5b4fc;transform:translateY(-1px);box-shadow:0 1px 2px #0000000d}.expand-collapse-all-btn:active{box-shadow:none;transform:translateY(0)}.pivot-col-metrics{display:contents}.pivot-col-metrics span{text-align:left}.pivot-table-body{background:#fff;flex:1;padding:8px;overflow:hidden auto}.pivot-accordion-item{background:#fff;border:1px solid #e5e7eb;border-radius:8px;margin-bottom:12px;overflow:hidden;box-shadow:0 1px 3px #0000001a}.pivot-accordion-item:hover{border-color:#3b82f6;box-shadow:0 2px 8px #0000001f}.pivot-accordion-content{background:#fff}.pivot-table-row{background:#fff;grid-template-columns:minmax(0,1.6fr) minmax(0,.8fr) minmax(0,.8fr);align-items:center;gap:16px;padding:16px 20px;transition:all .2s;display:grid;position:relative}.pivot-table-row.expandable{cursor:pointer}.pivot-table-row:hover{background:#f8fafc}.pivot-table-row.level-1{background:#fff;border:none;border-radius:0;margin-bottom:0;font-size:14px;font-weight:600}.pivot-table-row.level-1:hover{background:#f8fafc}.pivot-table-row.level-1.expanded{border-bottom:1px solid #e5e7eb}.pivot-table-row.level-2{background:#f9fafb;border-bottom:1px solid #e5e7eb;padding-left:40px;font-weight:500}.pivot-table-row.level-2:hover{background:#f1f5f9}.pivot-table-row.level-2:last-child{border-bottom:none}.pivot-table-row.level-3{background:#fff;border-bottom:1px solid #e5e7eb;padding-left:60px;font-size:13px}.pivot-table-row.level-3:hover{background:#f9fafb}.pivot-table-row.level-3:last-child{border-bottom:none}.pivot-table-row.level-4,.pivot-table-row.level-5,.pivot-table-row.level-6{background:#fafafa;border-bottom:1px solid #f0f0f0;font-size:13px}.pivot-table-row.level-4{padding-left:80px}.pivot-table-row.level-5{padding-left:100px}.pivot-table-row.level-6{padding-left:120px}.pivot-table-row.level-4:hover,.pivot-table-row.level-5:hover,.pivot-table-row.level-6:hover{background:#f5f5f5}.pivot-table-row.level-4:last-child,.pivot-table-row.level-5:last-child,.pivot-table-row.level-6:last-child{border-bottom:none}.pivot-row-label{align-items:center;gap:8px;min-width:0;display:flex;overflow:hidden}.pivot-row-metric{align-items:center;min-width:0;display:flex}.expand-button{cursor:pointer;color:#64748b;background:0 0;border:none;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;padding:0;font-size:12px;transition:all .2s;display:flex}.expand-button:hover{color:#3b82f6;background:#f1f5f9;transform:rotate(0)scale(1.15)}.pivot-table-row.expanded>.pivot-row-label>.expand-button{transform:rotate(90deg)}.pivot-table-row.expanded:hover>.pivot-row-label>.expand-button{transform:rotate(90deg)scale(1.15)}.expand-button:active{transform:scale(.9)}.expand-spacer{flex-shrink:0;width:28px;height:28px}.row-label-text{flex:1;align-items:center;gap:6px;min-width:0;font-size:13px;display:flex;overflow:hidden}.jira-summary{color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-weight:400;overflow:hidden}.jira-link-icon{color:#64748b;flex-shrink:0;justify-content:center;align-items:center;width:16px;height:16px;margin-left:4px;font-size:16px;text-decoration:none;transition:color .2s;display:inline-flex}.jira-link-icon:hover{color:#3b82f6}.pivot-table-row.level-5,.pivot-table-row.level-6{color:#64748b;background:#fafbfc;font-size:.9em}.pivot-table-row.level-5:hover,.pivot-table-row.level-6:hover{background:#f1f5f9}.entry-row-content{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.entry-date-row{align-items:center;gap:6px;display:flex}.entry-date-row strong{color:var(--text-primary);font-weight:700}.entry-comment{color:var(--text-secondary);-webkit-line-clamp:3;text-overflow:ellipsis;word-wrap:break-word;word-break:break-word;-webkit-box-orient:vertical;font-size:.9em;line-height:1.4;display:-webkit-box;overflow:hidden}.entry-split-badge{color:#92400e;white-space:nowrap;background:#fef3c7;border:1px solid #fcd34d;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;margin-left:6px;padding:2px 6px;font-size:.75em;font-weight:500;display:inline-flex}.jira-row-content{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.jira-ticket-row{align-items:center;gap:6px;display:flex}.jira-ticket-id{color:var(--text-primary);font-weight:600}.jira-status-badge{white-space:nowrap;border-radius:4px;justify-content:center;align-items:center;width:fit-content;margin-top:2px;padding:2px 8px;font-size:.75em;font-weight:500;display:inline-flex}.jira-status-badge.status-default{color:#292a2e;background:#dddee1}.jira-status-badge.status-testing{color:#292a2e;background:#8fb8f6}.jira-status-badge.status-done{color:#292a2e;background:#b3df72}.progress-bar-container{flex-direction:column;gap:5px;width:100%;min-width:0;display:flex}.progress-bar-track{background:#e5e7eb;border-radius:9px;height:18px;position:relative;overflow:hidden}.progress-bar-fill{border-radius:9px;height:100%;transition:width .3s,background .3s;position:absolute;top:0;left:0}.progress-bar-fill.color-green{background:#22c55e!important}.progress-bar-fill.color-orange{background:#f59e0b!important}.progress-bar-fill.color-red{background:#ef4444!important}.progress-bar-percentage-overlay{z-index:2;pointer-events:none;text-shadow:0 0 1px #fff6;justify-content:center;align-items:center;width:100%;height:100%;font-size:11px;font-weight:700;line-height:1;display:flex;position:absolute;top:0;left:0}.progress-bar-info{justify-content:space-between;align-items:center;font-size:11px;line-height:1;display:flex}.progress-bar-values{color:var(--text-secondary);font-weight:500}.time-tracking-pivot-widget>h3{color:var(--text-primary);flex-shrink:0;margin:0 0 16px;font-size:18px;font-weight:600}.time-tracking-pivot-widget .widget-loading-state{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:16px;padding:48px 24px;display:flex}.time-tracking-pivot-widget .widget-loading-state p{color:var(--text-secondary);margin:0;font-size:13px}@container widget-slot (width<=600px){.pivot-table-header,.pivot-table-row{grid-template-columns:minmax(0,1.9fr) minmax(0,.8fr) minmax(0,.8fr);gap:8px;padding:12px}.pivot-table-header{padding:8px 12px;font-size:10px}.pivot-table-row.level-2{padding-left:24px}.pivot-table-row.level-3{padding-left:40px}.pivot-table-row.level-4{padding-left:56px}.pivot-table-row.level-5{padding-left:72px}.pivot-table-row.level-6{padding-left:88px}.pivot-table-row.level-1{font-size:13px}.pivot-table-row.level-2,.pivot-table-row.level-3,.pivot-table-row.level-4,.pivot-table-row.level-5,.pivot-table-row.level-6,.row-label-text{font-size:12px}.expand-button,.expand-spacer{width:24px;height:24px;font-size:11px}.progress-bar-track{height:16px}.progress-bar-percentage-overlay,.progress-bar-info{font-size:10px}.pivot-widget-header h3{font-size:16px}.pivot-col-label{gap:6px}.expand-collapse-all-btn{padding:3px 6px;font-size:9px}}@container widget-slot (width<=400px){.pivot-table-header,.pivot-table-row{grid-template-columns:minmax(0,2.2fr) minmax(0,.8fr) minmax(0,.8fr);gap:6px;padding:10px 8px}.pivot-table-header{padding:6px 8px;font-size:9px}.pivot-table-row.level-2{padding-left:20px}.pivot-table-row.level-3{padding-left:32px}.pivot-table-row.level-4{padding-left:44px}.pivot-table-row.level-5{padding-left:56px}.pivot-table-row.level-6{padding-left:68px}.pivot-table-row.level-1{font-size:12px}.pivot-table-row.level-2,.pivot-table-row.level-3,.pivot-table-row.level-4,.pivot-table-row.level-5,.pivot-table-row.level-6,.row-label-text{font-size:11px}.expand-button,.expand-spacer{width:20px;height:20px;font-size:10px}.progress-bar-track{height:14px}.progress-bar-percentage-overlay,.progress-bar-info{font-size:9px}.pivot-widget-header{padding-bottom:8px}.pivot-widget-header h3{font-size:14px}.pivot-col-label{gap:4px}.expand-collapse-all-btn{padding:2px 5px;font-size:8px}.pivot-accordion-item{margin-bottom:8px}}.dashboard-widget-slot.dragging{opacity:.5;cursor:grabbing!important}.widget-controls .drag-handle{cursor:grab}.widget-controls .drag-handle:active{cursor:grabbing}.dashboard-widget-slot.drop-target{border-color:var(--primary);box-shadow:0 0 0 2px #667eea33}.drop-indicator-overlay{pointer-events:none;z-index:200;border-radius:8px;justify-content:center;align-items:center;transition:all .2s;display:flex;position:absolute;inset:0}.drop-indicator-overlay.empty{border:2px dashed var(--primary);background:#667eea1a}.drop-indicator-overlay.swap{border:2px dashed var(--warning);background:#fbbf241a}.drop-indicator-content{background:#fffffff2;border-radius:8px;flex-direction:column;align-items:center;gap:.5rem;padding:1rem;display:flex;box-shadow:0 4px 12px #00000026}.drop-indicator-icon{font-size:2rem;line-height:1}.drop-indicator-overlay.empty .drop-indicator-icon{color:var(--primary)}.drop-indicator-overlay.swap .drop-indicator-icon{color:var(--warning)}.drop-indicator-text{color:var(--text-primary);white-space:nowrap;font-size:.9rem;font-weight:600}.dashboard-widget-slot[draggable=true]{cursor:grab}.dashboard-widget-slot[draggable=true]:active{cursor:grabbing}@keyframes dropIndicatorFade{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.drop-indicator-overlay{animation:.2s dropIndicatorFade}.hierarchy-config-section{margin-bottom:24px}.hierarchy-config-description{color:var(--text-secondary);margin-bottom:12px;font-size:13px}.hierarchy-selected-list{flex-direction:column;gap:8px;margin-bottom:16px;display:flex}.hierarchy-selected-list .drop-indicator{background:var(--primary-color);z-index:10;border-radius:1px;height:2px;position:absolute;top:-4px;left:0;right:0}.hierarchy-selected-list .draggable-list-item{background-color:var(--background-primary,#f9f9f9);border:1px solid var(--border-color,#e0e0e0);padding:12px}.hierarchy-selected-list .draggable-list-item:hover{background-color:var(--background-secondary,#f0f0f0);border-color:var(--border-hover,#ccc)}.hierarchy-item-content{flex:1;align-items:center;gap:12px;min-height:32px;display:flex}.hierarchy-level{background:var(--primary-color,#007bff);color:#fff;text-transform:uppercase;white-space:nowrap;border-radius:4px;justify-content:center;align-items:center;min-width:64px;padding:4px 8px;font-size:11px;font-weight:600;display:inline-flex}.hierarchy-item-content strong{color:var(--text-primary,#333);min-width:140px;font-size:14px;font-weight:600}.hierarchy-item-description{color:var(--text-secondary,#666);flex:1;font-size:12px}.hierarchy-available{border-top:1px solid var(--border-color,#e0e0e0);margin-top:16px;padding-top:16px}.hierarchy-available-label{color:var(--text-secondary,#666);margin-bottom:8px;font-size:13px;font-weight:600;display:block}.hierarchy-available-list{flex-wrap:wrap;gap:8px;display:flex}.active-filters-text{color:var(--text-secondary,#666);background:var(--background-secondary,#f5f5f5);border-radius:4px;margin-top:4px;padding:4px 8px;font-size:12px;display:inline-block}.audit-editor{flex-direction:column;height:100%;display:flex;overflow:hidden}.editor-header{background-color:#fff;border-bottom:1px solid #e0e0e0;justify-content:space-between;align-items:center;padding:.5rem 2rem;display:flex}.editor-header h2{color:#2c3e50;font-size:1.5rem;font-weight:600}.header-buttons{align-items:center;gap:1rem;display:flex}.error-banner{color:#c0392b;background-color:#fee;border-left:4px solid #e74c3c;padding:1rem 2rem;font-weight:500}.editor-loading{color:#999;justify-content:center;align-items:center;height:100%;font-size:1.1rem;display:flex}.form-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;display:grid}.form-field{flex-direction:column;display:flex}.form-field.full-width{grid-column:1/-1}.form-field label{color:#34495e;margin-bottom:.5rem;font-weight:500}.error-message{color:#e74c3c;margin-top:.25rem;font-size:.85rem}.help-text{color:#7f8c8d;margin-top:.25rem;font-size:.85rem;font-style:italic}.bundle-settings-section{border-top:1px solid #e0e0e0;margin-top:1.5rem;padding-top:1.5rem}.bundle-settings-section:first-child{border-top:none;margin-top:0;padding-top:0}.bundle-settings-section h4{color:#34495e;margin-bottom:1rem;font-size:1rem;font-weight:600}.bundle-settings-section .settings-grid{grid-template-columns:repeat(3,1fr);gap:1rem;width:100%;max-width:none;display:grid}.bundle-settings-section .settings-grid>.form-field{min-width:0;margin-bottom:0}@media (width<=500px){.bundle-settings-section .settings-grid{grid-template-columns:1fr}}.bundle-settings-loading{flex-direction:column;justify-content:center;align-items:center;gap:1rem;padding:2rem;display:flex}.bundle-settings-loading p{color:#666;margin:0;font-size:.9rem}.setting-field{flex-direction:column;display:flex}.setting-field label{color:#34495e;margin-bottom:.5rem;font-size:.9rem;font-weight:500}.section-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.section-header h3{margin-bottom:0}@media (width<=768px){.form-grid{grid-template-columns:1fr}.bundle-settings-section .settings-grid{grid-template-columns:repeat(2,1fr)}.section-header{flex-direction:column;align-items:flex-start;gap:.75rem}.editor-header{flex-direction:column;align-items:flex-start;gap:1rem}.header-buttons{flex-direction:column;width:100%}}.no-audit-selected{color:#999;text-align:center;flex-direction:column;justify-content:center;align-items:center;height:100%;display:flex}.no-audit-selected p{text-align:center;margin-bottom:2rem;font-size:1.2rem}.loading-container{flex-direction:column;justify-content:center;align-items:center;gap:1rem;height:100vh;display:flex}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.event-selection-modal{flex-direction:column;gap:1rem;min-height:300px;max-height:500px;display:flex}.event-selection-controls{background-color:#f8f9fa;border:1px solid #dee2e6;border-radius:4px;justify-content:space-between;align-items:center;padding:.75rem;display:flex}.selection-count{color:#6c757d;font-size:.875rem;font-weight:500}.event-selection-list{background-color:#fff;border:1px solid #dee2e6;border-radius:4px;flex:1;padding:.5rem;overflow-y:auto}.event-selection-item{border-bottom:1px solid #f0f0f0;padding:.5rem}.event-selection-item:last-child{border-bottom:none}.event-selection-item:hover{background-color:#f8f9fa}.modal-actions{border-top:1px solid #dee2e6;justify-content:flex-end;gap:.75rem;padding-top:1rem;display:flex}.gtm-layout{background-color:#f5f5f5;flex-direction:column;height:100vh;display:flex}.gtm-main{flex:1;display:flex;overflow:hidden}.domain-selector{flex-direction:column;gap:1rem;padding:1.5rem;display:flex}.selector-group{flex-direction:column;gap:.5rem;display:flex;position:relative}.selector-group label{color:#333;font-size:.9rem;font-weight:500}.domain-dropdown,.version-dropdown{box-sizing:border-box;background-color:#fff;border:1px solid #ddd;border-radius:4px;width:100%;height:38px;padding:.5rem .6rem;font-size:.9rem;line-height:1.5}.gtm-content{flex-direction:column;flex:1;display:flex;overflow:hidden}.no-config-selected{color:#666;justify-content:center;align-items:center;height:100%;font-size:1.1rem;display:flex}.settings-tab{width:100%}.settings-tab h2{color:#333;margin-bottom:1.5rem;font-size:1.8rem}.section-description{color:#666;margin-bottom:1rem;font-size:.9rem}.datalayer-vars-list{flex-direction:column;gap:.5rem;margin-bottom:1rem;display:flex}.datalayer-var-item{align-items:center;gap:.5rem;display:flex}.var-key-label{color:#333;background-color:#f5f5f5;border-radius:4px;flex:0 0 250px;padding:.5rem;font-size:.9rem;font-weight:500}.var-key{background-color:#f5f5f5;flex:1}.var-value{flex:2}.contacts-list{flex-direction:column;gap:.75rem;margin-bottom:1rem;display:flex}.contact-item{background-color:#f9f9f9;border:1px solid #e0e0e0;border-radius:6px;align-items:flex-start;gap:.5rem;padding:.75rem;display:flex}.contact-fields{flex:1;grid-template-columns:2fr 2fr 2fr 1fr 1fr;gap:.5rem;display:grid}.contact-field,.contact-field-small{box-sizing:border-box;border:1px solid #ddd;border-radius:4px;height:38px;padding:.5rem .6rem;font-size:.9rem;line-height:1.5}.contact-field:focus,.contact-field-small:focus{border-color:#007bff;outline:none;box-shadow:0 0 0 2px #007bff1a}.contact-fields-vertical{flex-direction:column;flex:1;gap:.5rem;display:flex}.contact-field-row{align-items:center;gap:.5rem;display:flex}.contact-field-label{color:#333;flex-shrink:0;width:120px;min-width:120px;font-size:.9rem;font-weight:500}.cmp-specific-section{background-color:#f8f9fa;border:1px solid #e0e0e0;border-radius:8px;margin-top:1.5rem;padding:1.5rem}.cmp-specific-section h4{color:#333;border-bottom:2px solid #dee2e6;margin:0 0 1rem;padding-bottom:.5rem;font-size:1.1rem}.info-box{color:#004085;background-color:#e7f3ff;border-left:4px solid #007bff;border-radius:4px;padding:1rem;font-size:.9rem}.variables-tab{width:100%}.variables-tab h2{color:#333;margin-bottom:.5rem;font-size:1.8rem}.tab-description{color:#666;margin-bottom:1.5rem;font-size:.95rem}.variable-section{background-color:#fff;border-radius:8px;margin-bottom:1.5rem;padding:1.5rem;box-shadow:0 1px 3px #0000001a}.variable-section h3{color:#333;border-bottom:2px solid #f0f0f0;margin-bottom:1rem;padding-bottom:.5rem;font-size:1.2rem}.variable-repeater{margin-top:1rem}.variables-list{flex-direction:column;gap:.5rem;margin-bottom:1rem;display:flex}.variable-item{background-color:#f9f9f9;border:1px solid #e0e0e0;border-radius:4px;justify-content:space-between;align-items:center;padding:.8rem;transition:all .2s;display:flex}.variable-item:hover{background-color:#f0f0f0;border-color:#ccc}.variable-info{flex:1;align-items:center;gap:.5rem;display:flex}.variable-detail{color:#666;font-size:.9rem}.variable-actions{gap:.5rem;display:flex}.edit-form{background-color:#f9f9f9;border:2px solid #007bff;border-radius:8px;margin-top:1rem;padding:1.5rem}.edit-form h4{color:#333;margin-top:0;margin-bottom:1rem}.edit-form.inline-edit{background-color:#fff;border-left:4px solid #007bff;margin-top:.5rem;margin-bottom:.5rem;box-shadow:0 2px 4px #0000001a}.required{color:#dc3545;margin-left:.2rem}.field-hint{color:#666;font-size:.85rem;font-style:italic;font-weight:400}.tools-config-note{background-color:#fff3cd;border:1px solid #ffc107;border-radius:4px;margin-top:.5rem;padding:1rem}.tools-config-note p{color:#856404;margin:.5rem 0;font-size:.9rem}.tools-config-note p:first-child{margin-top:0}.tools-config-note p:last-child{margin-bottom:0}.event-tools-editor{border:1px solid #e0e0e0;border-radius:4px;overflow:hidden}.tool-accordion-item{border-bottom:1px solid #e0e0e0}.tool-accordion-item:last-child{border-bottom:none}.tool-accordion-header{cursor:pointer;background-color:#f8f9fa;justify-content:space-between;align-items:center;min-height:60px;padding:1rem 1.5rem;transition:background-color .2s;display:flex}.tool-accordion-header:hover{background-color:#e9ecef}.tool-accordion-item.expanded .tool-accordion-header{background-color:#e7f3ff;border-bottom:1px solid #007bff}.tool-accordion-header .tool-title{align-items:center;gap:.8rem;margin:0;display:flex}.tool-accordion-header .tool-icon{flex-shrink:0;justify-content:center;align-items:center;width:1.5rem;height:1.5rem;margin:0;font-size:1.5rem;line-height:1;display:inline-flex}.tool-accordion-header .tool-name{align-items:center;margin:0;font-size:1.1rem;font-weight:600;line-height:1.3;display:flex}.config-badge{color:#fff;background-color:#28a745;border-radius:12px;flex-shrink:0;align-items:center;margin:0;padding:.25rem .6rem;font-size:.75rem;font-weight:500;line-height:1.2;display:inline-flex}.tool-accordion-content{background-color:#fff;padding:1rem}.tool-config-section{flex-direction:column;gap:1rem;display:flex}.ads-account-config{border:1px solid #e0e0e0;border-radius:4px;margin-bottom:.75rem;overflow:hidden}.ads-account-header{background-color:#f8f9fa;border-bottom:1px solid #e0e0e0;padding:.75rem}.ads-account-fields{background-color:#fff;padding:1rem}.form-row{grid-template-columns:2fr 1fr .8fr;gap:1rem;margin-bottom:1rem;display:grid}.event-parameters-editor{flex-direction:column;gap:.5rem;display:flex}.parameter-row{grid-template-columns:1fr 1fr auto;align-items:center;gap:.5rem;display:grid}.parameter-input{box-sizing:border-box;border:1px solid #ddd;border-radius:4px;height:38px;padding:.5rem .6rem;font-size:.9rem;line-height:1.5}.parameter-input:focus{border-color:#007bff;outline:none;box-shadow:0 0 0 3px #007bff1a}.form-actions{gap:.5rem;margin-top:1rem;display:flex}.tools-tab{width:100%}.tools-tab h2{color:#333;margin-bottom:.5rem;font-size:1.8rem}.tools-accordion{flex-direction:column;gap:.5rem;display:flex}.tool-accordion-item{background-color:#fff;border-radius:8px;transition:all .2s;overflow:hidden;box-shadow:0 1px 3px #0000001a}.tool-accordion-item.expanded{box-shadow:0 2px 6px #00000026}.tool-header{cursor:pointer;justify-content:space-between;align-items:center;min-height:60px;padding:1rem 1.5rem;transition:all .2s;display:flex}.tool-header:hover{background-color:#f9f9f9}.tool-header .tool-title{align-items:center;gap:.8rem;margin:0;display:flex}.tool-header .tool-icon{flex-shrink:0;justify-content:center;align-items:center;width:1.5rem;height:1.5rem;margin:0;font-size:1.5rem;line-height:1;display:inline-flex}.tool-header .tool-name{color:#333;align-items:center;margin:0;font-size:1.1rem;font-weight:600;line-height:1.3;display:flex}.tool-count{color:#666;align-items:center;margin:0;font-size:.9rem;line-height:1.3;display:flex}.expand-icon{color:#666;flex-shrink:0;justify-content:center;align-items:center;margin:0;font-size:.9rem;line-height:1;display:inline-flex}.tool-content{border-top:1px solid #f0f0f0;padding:0 1.5rem 1.5rem}.tool-repeater{margin-top:1rem}.tools-list{flex-direction:column;gap:.5rem;margin-bottom:1rem;display:flex}.tool-item{background-color:#f9f9f9;border:1px solid #e0e0e0;border-radius:4px;justify-content:space-between;align-items:center;padding:.8rem;transition:all .2s;display:flex}.tool-item.disabled{opacity:.6;background-color:#f5f5f5}.tool-item:hover{background-color:#f0f0f0;border-color:#ccc}.tool-info{flex-wrap:wrap;flex:1;align-items:center;gap:.5rem;display:flex}.tool-detail{color:#666;font-size:.9rem}.status-badge{border-radius:12px;padding:.2rem .6rem;font-size:.75rem;font-weight:600}.status-badge.disabled{color:#000;background-color:#ffc107}.tool-actions{gap:.5rem;display:flex}.checkbox-group{margin-top:0}.form-fields{flex-direction:column;gap:.5rem;display:flex}.events-tab{width:100%}.events-tab h2{color:#333;align-items:center;gap:.5rem;margin-bottom:.5rem;font-size:1.8rem;display:flex}.event-header-info{margin-bottom:2rem}.event-header-info .event-icon{font-size:1.8rem}.events-accordion{flex-direction:column;gap:.5rem;display:flex}.event-accordion-item{background-color:#fff;border-radius:8px;transition:all .2s;overflow:hidden;box-shadow:0 1px 3px #0000001a}.event-accordion-item.expanded{box-shadow:0 2px 6px #00000026}.event-header{cursor:pointer;justify-content:space-between;align-items:center;min-height:60px;padding:1rem 1.5rem;transition:all .2s;display:flex}.event-header:hover{background-color:#f9f9f9}.event-title{flex:1;align-items:center;gap:.8rem;margin:0;display:flex}.event-icon{flex-shrink:0;justify-content:center;align-items:center;width:1.5rem;height:1.5rem;margin:0;font-size:1.5rem;line-height:1;display:inline-flex}.event-title-text{flex-direction:column;justify-content:center;margin:0;display:flex}.event-name{color:#333;margin:0;font-size:1.1rem;font-weight:600;line-height:1.3}.event-description{color:#666;margin:0;font-size:.85rem;line-height:1.3}.event-count{color:#666;align-items:center;margin-left:auto;margin-right:1rem;font-size:.9rem;line-height:1.3;display:flex}.event-content{border-top:1px solid #f0f0f0;padding:0 1.5rem 1.5rem}.event-repeater{margin-top:1rem}.default-event-section{background-color:#f9f9f9;border:2px solid #e0e0e0;border-radius:6px;margin-bottom:1rem;padding:1rem}.default-event-header{justify-content:space-between;align-items:center;display:flex}.default-event-info{color:#333;border-top:1px solid #ddd;margin-top:.8rem;padding-top:.8rem;font-size:.9rem}.section-divider{border:none;border-top:2px solid #e0e0e0;margin:1.5rem 0}.custom-events-section h4{color:#333;margin-bottom:1rem;font-size:1.1rem}.events-list{flex-direction:column;gap:.5rem;margin-bottom:1rem;display:flex}.event-item{background-color:#f9f9f9;border:1px solid #e0e0e0;border-radius:4px;justify-content:space-between;align-items:center;padding:.8rem;transition:all .2s;display:flex}.event-item.disabled{opacity:.6;background-color:#f5f5f5}.event-item:hover{background-color:#f0f0f0;border-color:#ccc}.event-info{flex-wrap:wrap;flex:1;align-items:center;gap:.5rem;display:flex}.event-detail{color:#666;font-size:.9rem}.event-actions{gap:.5rem;display:flex}.loading-container{color:#666;flex-direction:column;justify-content:center;align-items:center;height:100vh;display:flex}.loading-spinner{border:4px solid #f3f3f3;border-top-color:#007bff;border-radius:50%;width:50px;height:50px;animation:1s linear infinite spin}@media (width<=1024px){.gtm-selector-bar{flex-direction:column;align-items:stretch;gap:1rem}.domain-selector{flex-direction:column}.action-buttons{width:100%}.save-button,.export-button{flex:1}}.shared-params-section{background-color:#f8f9fa;border:1px solid #e0e0e0;border-radius:6px;margin-bottom:1rem;padding:1rem}.shared-params-section label{color:#495057;margin-bottom:.75rem;font-weight:600;display:block}.meta-event-name-wrapper{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.meta-event-name-wrapper input.form-input{flex:1;min-width:200px}.meta-event-name-wrapper select.meta-event-selector{flex:none;min-width:180px;max-width:220px}.event-specific-fields{background-color:#f8f9fa;border:1px solid #e0e0e0;border-radius:6px;margin:1rem 0;padding:1rem}.event-specific-fields .form-row{flex-wrap:wrap;align-items:flex-start;gap:1rem;margin-bottom:.75rem;display:flex}.event-specific-fields .form-row:last-child{margin-bottom:0}.event-specific-fields .form-group{flex:1;min-width:200px}.event-specific-fields .checkbox-group{flex:none;min-width:auto}.keyword-tool-loading{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:1rem;display:flex}.keyword-tool-loading p{color:#666;font-size:.95rem}.keyword-sidebar{flex-direction:column;height:100%;display:flex}.sidebar-menu{flex:1;padding:.5rem 0}.sidebar-menu-item{cursor:pointer;color:inherit;border:1px solid #0000;border-radius:6px;margin:.25rem .5rem;padding:1rem 1.5rem;text-decoration:none;transition:all .2s;display:block}.keyword-tool-tab-content{background-color:#f5f5f5;flex-direction:column;flex:1;padding:2rem;display:flex;overflow-y:auto}.form-row{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.options-group{flex-direction:column;gap:1rem;display:flex}.action-buttons{justify-content:flex-start;align-items:flex-start;gap:1rem;width:fit-content;margin-bottom:1rem;display:flex}.progress-section{flex-direction:column;gap:.75rem;margin-top:1rem;display:flex}.runtime-display{background-color:#f8f9fa;border:1px solid #e0e0e0;border-radius:6px;align-items:center;gap:.75rem;padding:.75rem 1rem;display:flex}.runtime-text{color:#666;font-size:.9rem;font-weight:500}.results-tab{flex-direction:column;max-width:100%;height:100%;margin:0 auto;padding:1rem;display:flex}.results-loading{color:#666;flex-direction:column;justify-content:center;align-items:center;padding:4rem 2rem;display:flex}.results-loading p{margin-top:1rem;font-size:.95rem}.url-link{color:#667eea;text-overflow:ellipsis;white-space:nowrap;max-width:100%;text-decoration:none;display:inline-block;overflow:hidden}.url-link:hover{color:#5568d3;text-decoration:underline}.sidebar-search .search-input{border:1px solid #e0e0e0;border-radius:6px;outline:none;width:100%;padding:.5rem 2rem .5rem .75rem;font-size:.9rem;transition:border-color .2s}.sidebar-search .search-input:focus{border-color:#667eea}.sidebar-search .search-clear{color:#999;cursor:pointer;background:0 0;border:none;padding:.25rem;font-size:.8rem;position:absolute;top:50%;right:1.5rem;transform:translateY(-50%)}.sidebar-search .search-clear:hover{color:#666}.no-tools-found p{margin:0}.no-tools-found .hint{color:#999;margin-top:.5rem;font-size:.85rem}.menu-item-icon{flex-shrink:0;margin-right:.75rem;font-size:1.5rem}.sidebar-menu-item{align-items:flex-start;display:flex}.step-content{flex-direction:column;gap:1.5rem;display:flex}.input-grid{grid-template-columns:1fr 1fr;gap:1.5rem;display:grid}.settings-grid{grid-template-columns:1fr 1fr;gap:1.5rem;max-width:600px;display:grid}.options-section{padding-top:.5rem}.action-section{border-top:1px solid #e0e0e0;margin-top:.5rem;padding-top:1rem}.mt-4{margin-top:1rem}@media (width<=1024px){.form-row,.input-grid,.settings-grid{grid-template-columns:1fr}}@media (width<=768px){.keyword-tool-tab-content{padding:1rem}.action-buttons{flex-direction:column}}.filter-section{background-color:#fff;border:1px solid #e0e0e0;border-radius:6px;margin-bottom:.75rem}.filter-section-title{color:#333;background-color:#f8f9fa;border-bottom:1px solid #e0e0e0;border-radius:6px 6px 0 0;margin:0;padding:.75rem 1rem;font-size:1rem;font-weight:600}.filter-bar{justify-content:space-between;align-items:center;padding:.75rem 1rem;display:flex}.filter-controls{align-items:center;gap:.5rem;display:flex}.filter-results-count{color:#666;font-size:.9rem;font-weight:500}.filter-results-count-pending{opacity:.7;font-style:italic}.filter-btn{font-weight:500}.filter-btn-include:hover{color:#28a745;border-color:#28a745}.filter-btn-exclude:hover{color:#dc3545;border-color:#dc3545}.filter-clear-btn{color:#6c757d}.filter-dropdown-container{position:relative}.filter-dropdown{z-index:100;background-color:#fff;border:1px solid #e0e0e0;border-radius:6px;min-width:400px;padding:.75rem;position:absolute;top:calc(100% + 4px);left:0;box-shadow:0 4px 12px #00000026}.filter-dropdown-include{border-left:3px solid #28a745}.filter-dropdown-exclude{border-left:3px solid #dc3545}.filter-dropdown-row{align-items:center;gap:.5rem;display:flex}.filter-dropdown-select{cursor:pointer;background-color:#fff;border:1px solid #d0d0d0;border-radius:4px;min-width:100px;padding:.4rem .6rem;font-size:.9rem}.filter-dropdown-select:focus{border-color:#667eea;outline:none}.filter-dropdown-operator{min-width:80px}.filter-dropdown-input{border:1px solid #d0d0d0;border-radius:4px;flex:1;min-width:100px;padding:.4rem .6rem;font-size:.9rem}.filter-dropdown-input:focus{border-color:#667eea;outline:none}.filter-chips{flex-wrap:wrap;gap:.5rem;margin-bottom:.75rem;display:flex}.filter-chip{background-color:#f8f9fa;border:1px solid #e0e0e0;border-radius:16px;align-items:center;gap:.4rem;padding:.35rem .6rem;font-size:.85rem;display:inline-flex}.filter-chip-include{color:#155724;background-color:#d4edda;border-color:#28a745}.filter-chip-exclude{color:#721c24;background-color:#f8d7da;border-color:#dc3545}.filter-chip-icon{font-size:.9rem;font-weight:700}.filter-chip-include .filter-chip-icon{color:#28a745}.filter-chip-exclude .filter-chip-icon{color:#dc3545}.filter-chip-text{text-overflow:ellipsis;white-space:nowrap;max-width:300px;overflow:hidden}.filter-chip-remove{cursor:pointer;color:inherit;opacity:.7;background:0 0;border:none;padding:0 .2rem;font-size:1.1rem;line-height:1;transition:opacity .2s}.filter-chip-remove:hover{opacity:1}@media (width<=768px){.filter-bar{flex-direction:column;align-items:flex-start;gap:.75rem}.filter-dropdown{min-width:300px}.filter-dropdown-row{flex-wrap:wrap}}.enrichment-section{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);margin-bottom:1rem}.enrichment-section-title{color:#333;background-color:#f8f9fa;border-bottom:1px solid #e0e0e0;border-radius:6px 6px 0 0;margin:0;padding:.75rem 1rem;font-size:1rem;font-weight:600}.enrichment-bar{justify-content:space-between;align-items:center;padding:1rem;display:flex}.enrichment-buttons{gap:.5rem;display:flex}.enrichment-selection-count{color:var(--color-text-secondary);font-size:.875rem}.enrichment-progress{padding:0 1rem 1rem}.enrichment-progress-row{align-items:center;gap:.75rem;display:flex}.enrichment-progress-row .progress-bar-container{flex:1}.enrichment-progress-text{color:var(--color-text-secondary);margin-top:.5rem;font-size:.75rem;display:block}@media (width<=768px){.enrichment-bar{flex-direction:column;align-items:flex-start;gap:.75rem}.enrichment-buttons{flex-wrap:wrap}}.save-status{border-radius:4px;align-items:center;gap:.5rem;padding:.25rem .75rem;font-size:.85rem;animation:.2s ease-in-out fadeIn;display:flex}.save-status-saving{color:#666}.save-status-saved{color:#28a745}.save-status-spinner{border:2px solid #e0e0e0;border-top-color:#667eea;border-radius:50%;width:12px;height:12px;animation:.8s linear infinite spin}.save-status-check{font-size:1rem;font-weight:700}.historie-loading{flex-direction:column;justify-content:center;align-items:center;gap:1rem;padding:3rem;display:flex}.historie-loading p{color:#666}.historie-list{flex-direction:column;gap:.75rem;display:flex}.historie-item{background-color:#fff;border:1px solid #e0e0e0;border-radius:8px;justify-content:space-between;align-items:center;padding:1rem 1.25rem;transition:all .2s;display:flex}.historie-item:hover{border-color:#667eea;box-shadow:0 2px 8px #667eea1a}.historie-item-main{flex:1;min-width:0}.historie-item-header{align-items:center;gap:.75rem;margin-bottom:.5rem;display:flex}.historie-item-name{color:#333;text-overflow:ellipsis;white-space:nowrap;font-size:1rem;font-weight:600;overflow:hidden}.historie-item-meta{color:#666;flex-wrap:wrap;align-items:center;gap:.5rem;font-size:.85rem;display:flex}.historie-item-separator{color:#ccc}.historie-item-domain{color:#667eea;font-weight:500}.historie-item-updated{color:#888;font-style:italic}.historie-item-actions{flex-shrink:0;gap:.5rem;margin-left:1rem;display:flex}.historie-pagination{border-top:1px solid #e0e0e0;justify-content:center;align-items:center;gap:1rem;margin-top:1.5rem;padding-top:1rem;display:flex}.historie-pagination-info{color:#666;font-size:.9rem}@media (width<=768px){.historie-item{flex-direction:column;align-items:flex-start;gap:1rem}.historie-item-actions{width:100%;margin-left:0}.historie-item-actions button{flex:1}.historie-item-meta{flex-wrap:wrap}}.keyword-label-with-button{justify-content:space-between;align-items:center;width:100%;display:flex}.keyword-label-with-button button{margin-left:var(--spacing-sm);padding:.25rem .5rem;font-size:.75rem}.keyword-generator-content{gap:var(--spacing-lg);flex-direction:column;display:flex}.keyword-generator-description{color:var(--text-secondary);margin:0;font-size:.9rem}.keyword-generator-grid{gap:var(--spacing-md);grid-template-columns:repeat(4,1fr);display:grid}.keyword-generator-column{gap:var(--spacing-xs);flex-direction:column;display:flex}.keyword-generator-label{text-align:center;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--border-radius-sm) var(--border-radius-sm) 0 0;color:#333;font-weight:600}.keyword-generator-column.col-a .keyword-generator-label{background:#ffd9b3}.keyword-generator-column.col-b .keyword-generator-label{background:#cce5ff}.keyword-generator-column.col-c .keyword-generator-label{background:#b3ffb3}.keyword-generator-column.col-d .keyword-generator-label{background:#ffffb3}.keyword-generator-column textarea{width:100%;min-height:180px;padding:var(--spacing-sm);border:1px solid var(--border-color);border-radius:0 0 var(--border-radius-sm) var(--border-radius-sm);resize:vertical;font-family:inherit;font-size:.9rem}.keyword-generator-column.col-a textarea{background:#fff0e0}.keyword-generator-column.col-b textarea{background:#e6f2ff}.keyword-generator-column.col-c textarea{background:#e6ffe6}.keyword-generator-column.col-d textarea{background:#ffffe6}.keyword-generator-column textarea:focus{border-color:var(--primary-color);box-shadow:0 0 0 2px rgba(var(--primary-rgb), .1);outline:none}.keyword-generator-mode{border-top:1px solid var(--border-color);padding-top:var(--spacing-md)}.keyword-generator-mode h4{margin:0 0 var(--spacing-sm) 0;color:var(--text-primary);font-size:.95rem}.keyword-generator-options{border-top:1px solid var(--border-color);padding-top:var(--spacing-md)}.keyword-generator-options h4{margin:0 0 var(--spacing-sm) 0;color:var(--text-primary);font-size:.95rem}.keyword-generator-options-grid{gap:var(--spacing-sm);grid-template-columns:repeat(2,1fr);display:grid}.keyword-generator-footer{border-top:1px solid var(--border-color);padding-top:var(--spacing-md);justify-content:space-between;align-items:center;display:flex}.keyword-generator-preview{font-size:.9rem}.keyword-generator-count{color:var(--success-color)}.keyword-generator-empty{color:var(--text-secondary)}.keyword-generator-actions{gap:var(--spacing-sm);display:flex}.keyword-generator-chains{margin-top:var(--spacing-lg);padding:var(--spacing-md);border-radius:var(--border-radius);border:1px solid var(--border-color);background-color:#f8f9fa}.keyword-generator-chains h4{color:var(--text-color);margin:0 0 var(--spacing-md) 0;font-size:.95rem;font-weight:600}.keyword-generator-chain-group{margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--border-color)}.keyword-generator-chain-group:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.keyword-generator-chain-header{margin-bottom:var(--spacing-sm);justify-content:space-between;align-items:center;display:flex}.keyword-generator-chain-title{color:var(--text-color);font-size:.9rem;font-weight:600}.keyword-generator-chain-actions{align-items:center;gap:var(--spacing-xs);font-size:.85rem;display:flex}.keyword-generator-chain-actions .link-button{color:var(--primary-color);cursor:pointer;background:0 0;border:none;padding:0;font-size:.85rem;text-decoration:underline}.keyword-generator-chain-actions .link-button:hover{color:var(--primary-hover-color)}.keyword-generator-chain-actions .separator{color:var(--text-secondary)}.keyword-generator-chain-list{gap:var(--spacing-sm) var(--spacing-lg);flex-wrap:wrap;display:flex}.keyword-generator-chain-list .checkbox-label{margin:0}.chain-label{align-items:center;display:inline-flex}.chain-letter{border-radius:3px;padding:.1rem .35rem;font-weight:500;display:inline-block}.chain-separator{color:var(--text-secondary);margin:0 .1rem}.chain-letter-a{color:#333;background-color:#ffd9b3}.chain-letter-b{color:#333;background-color:#cce5ff}.chain-letter-c{color:#333;background-color:#b3ffb3}.chain-letter-d{color:#333;background-color:#ffffb3}.keyword-generator-chain-empty{color:var(--text-secondary);margin:0;font-style:italic}@media (width<=900px){.keyword-generator-grid{grid-template-columns:repeat(2,1fr)}.keyword-generator-options-grid{grid-template-columns:1fr}}.historie-filters{flex-wrap:wrap;align-items:center;gap:.75rem;margin-bottom:1rem;display:flex}.historie-filter-select{color:#344054;cursor:pointer;background-color:#fff;border:1px solid #d0d5dd;border-radius:6px;min-width:180px;height:36px;padding:.375rem .75rem;font-size:.875rem}.historie-filter-select:focus{border-color:#667eea;outline:none;box-shadow:0 0 0 2px #667eea26}.historie-filter-clear{color:#667eea;cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #d0d5dd;border-radius:6px;height:36px;padding:.375rem .875rem;font-size:.8rem}.historie-filter-clear:hover{background-color:#f5f3ff;border-color:#667eea}.sparkline{vertical-align:middle;display:inline-block}.sparkline-empty{color:#999;font-size:.85rem}.export-modal-content{flex-direction:column;gap:1.5rem;padding:.5rem 0;display:flex}.export-section{flex-direction:column;gap:1rem;display:flex}.export-section h3{color:#333;margin:0;font-size:1rem;font-weight:600}.format-options{gap:1rem;display:flex}.format-option{cursor:pointer;border:2px solid #e0e0e0;border-radius:8px;flex:1;align-items:center;padding:1rem;transition:all .2s;display:flex}.format-option:hover{background-color:#f8f9fa;border-color:#667eea}.format-option input[type=radio]{cursor:pointer;margin-right:.75rem}.format-option input[type=radio]:checked+.format-label{color:#667eea;font-weight:600}.format-label{color:#555;align-items:center;gap:.5rem;font-size:.95rem;transition:all .2s;display:flex}.format-icon{font-size:1.5rem}.section-header{justify-content:space-between;align-items:center;display:flex}.column-actions{align-items:center;gap:.5rem;font-size:.85rem;display:flex}.link-button{color:#667eea;cursor:pointer;background:0 0;border:none;padding:0;font-size:.85rem;text-decoration:none;transition:color .2s}.link-button:hover{color:#5568d3;text-decoration:underline}.separator{color:#ccc}.columns-grid{background-color:#f8f9fa;border-radius:6px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.75rem;max-height:400px;padding:1rem;display:grid;overflow-y:auto}.selected-count{text-align:center;color:#666;background-color:#e7f3ff;border-radius:4px;padding:.5rem;font-size:.9rem}.historical-option{background-color:#f8f9fa;border-left:3px solid #667eea;border-radius:6px;padding:1rem}.export-actions{border-top:1px solid #e0e0e0;justify-content:flex-end;gap:1rem;padding-top:1rem;display:flex}@media (width<=768px){.format-options{flex-direction:column}.columns-grid{grid-template-columns:1fr}}.fuerstenberg-tool{background:#fff;flex-direction:column;height:100%;display:flex}.tab-content{background:#f8f9fa;flex:1;padding:2rem;overflow-y:auto}.tool-footer{background:#fff;border-top:1px solid #e0e6ed;padding:1.25rem 2rem;box-shadow:0 -2px 4px #0000000d}.statistics{flex-wrap:wrap;justify-content:center;gap:3rem;display:flex}.stat-item{flex-direction:column;align-items:center;gap:.5rem;display:flex}.stat-label{color:#718096;text-transform:uppercase;letter-spacing:.5px;font-size:.75rem;font-weight:600}.stat-value{color:#4a5568;font-size:2rem;font-weight:700}.stat-value.success{color:#48bb78}.stat-value.warning{color:#ed8936}.tab-nav-buttons{justify-content:space-between;margin-top:2rem;display:flex}@media (width<=768px){.tab-content{padding:1rem}.statistics{gap:1.5rem}.stat-value{font-size:1.5rem}.tool-footer{padding:1rem 1.5rem}}.brandible-tool{background:#fff;flex-direction:column;height:100%;display:flex}.brandible-hint{color:#718096;margin:.25rem 0 1rem;font-size:.85rem;line-height:1.4}.brandible-config-row{grid-template-columns:200px 1fr;align-items:end;gap:1.5rem;margin-bottom:1.5rem;display:grid}.brandible-rate-slider{appearance:none;background:var(--color-border,#e2e8f0);cursor:pointer;border-radius:3px;outline:none;width:100%;height:6px}.brandible-rate-slider::-webkit-slider-thumb{-webkit-appearance:none;background:var(--color-primary,#667eea);cursor:pointer;border:2px solid #fff;border-radius:50%;width:18px;height:18px;box-shadow:0 1px 3px #0003}.brandible-rate-slider::-moz-range-thumb{background:var(--color-primary,#667eea);cursor:pointer;border:2px solid #fff;border-radius:50%;width:18px;height:18px;box-shadow:0 1px 3px #0003}.brandible-stats{gap:1rem;margin-bottom:1rem;display:flex}.brandible-stat{color:#4a5568;background:#edf2f7;border-radius:6px;padding:.35rem .75rem;font-size:.85rem;font-weight:600}.brandible-stat--new{color:#2b6cb0;background:#ebf8ff}.brandible-stat--done{color:#276749;background:#f0fff4}.brandible-stat--selected{color:#6b46c1;background:#faf5ff}.brandible-badge{text-transform:uppercase;letter-spacing:.3px;border-radius:4px;padding:.2rem .5rem;font-size:.75rem;font-weight:600;display:inline-block}.brandible-badge--new{color:#2b6cb0;background:#ebf8ff}.brandible-badge--done{color:#276749;background:#f0fff4}.brandible-tool .datatable input[type=checkbox]{cursor:pointer;width:16px;height:16px}.brandible-nav-row{border-top:1px solid var(--border-color,#e2e8f0);justify-content:space-between;align-items:center;margin-top:1.5rem;padding-top:1.5rem;display:flex}.brandible-embedding-status{align-items:center;gap:1.5rem;display:flex}.brandible-embedding-status p{color:#4a5568;margin:0;font-size:.9rem}.brandible-provider-grid{grid-template-columns:1fr 1fr;gap:1.5rem;display:grid}.brandible-placeholder-group{margin-bottom:1.5rem}.brandible-placeholder-group h4{color:#4a5568;margin:0 0 .5rem;font-size:.9rem;font-weight:600}.brandible-placeholder-chips{flex-wrap:wrap;gap:.4rem;display:flex}.brandible-chip{cursor:pointer;border:1px solid;border-radius:16px;padding:.3rem .6rem;font-family:monospace;font-size:.8rem;transition:all .15s}.brandible-chip:hover{transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.brandible-chip--used{color:#3182ce;background:#ebf4ff;border-color:#90cdf4}.brandible-chip--used:hover{background:#bee3f8}.brandible-chip--unused{color:#888;background:#f0f0f0;border-color:#ccc}.brandible-chip--unused:hover{background:#e2e2e2}.brandible-mapping-grid{grid-template-columns:1fr 1fr 1fr;gap:1.5rem;display:grid}@media (width<=768px){.brandible-mapping-grid{grid-template-columns:1fr}}.brandible-prompt-textarea textarea{min-height:400px;font-family:JetBrains Mono,Fira Code,monospace;font-size:.85rem;line-height:1.6}.brandible-link-card{background:var(--color-bg,#f8fafc);border:1px solid var(--color-border,#e2e8f0);border-radius:var(--radius-lg,8px);margin-bottom:.75rem;padding:1rem}.brandible-link-grid{grid-template-columns:1fr 1fr 1fr 1fr;gap:1rem;margin-bottom:.5rem;display:grid}.brandible-phase-info{color:#2b6cb0;background:#ebf8ff;border:1px solid #bee3f8;border-radius:6px;align-items:center;gap:.75rem;margin-bottom:1rem;padding:.75rem 1rem;font-size:.9rem;display:flex}.brandible-current-step{color:#718096;margin-top:.5rem;font-size:.85rem;font-style:italic}.brandible-spinner-inline{border:2px solid #667eea4d;border-top-color:#667eea;border-radius:50%;width:14px;height:14px;animation:.8s linear infinite brandible-spin;display:inline-block}@keyframes brandible-spin{to{transform:rotate(360deg)}}.brandible-result-item{padding:1rem 0}.brandible-result-preview{background:#f7fafc;border:1px solid #e2e8f0;border-radius:6px;max-height:300px;margin-bottom:1rem;padding:1rem;font-size:.9rem;line-height:1.6;overflow-y:auto}.brandible-result-preview h1,.brandible-result-preview h2,.brandible-result-preview h3{margin-top:.5rem;margin-bottom:.25rem}.brandible-result-preview a{color:#3182ce;text-decoration:underline}.brandible-result-links{margin-bottom:1rem;font-size:.85rem}.brandible-result-links ul{margin:.25rem 0;padding-left:1.5rem}.brandible-result-links li{margin-bottom:.15rem}.brandible-result-links a{color:#3182ce;word-break:break-all}.brandible-summary-grid{grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-bottom:1.5rem;display:grid}.brandible-summary-card{text-align:center;background:var(--color-bg,#f8fafc);border:1px solid var(--color-border,#e2e8f0);border-radius:var(--radius-lg,8px);flex-direction:column;align-items:center;padding:1.5rem;display:flex}.brandible-summary-value{color:#4a5568;font-size:2rem;font-weight:700}.brandible-summary-label{color:#718096;text-transform:uppercase;letter-spacing:.5px;margin-top:.25rem;font-size:.8rem}.brandible-csv-options{align-items:flex-start;gap:1.5rem;margin-bottom:.5rem;display:flex}.brandible-format-select{gap:.5rem;display:flex}.brandible-column-actions{gap:.5rem;margin-bottom:.75rem;display:flex}.brandible-column-checkboxes{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:.4rem;display:grid}@media (width<=1024px){.brandible-config-row{grid-template-columns:1fr}.brandible-link-grid{grid-template-columns:1fr 1fr}.brandible-summary-grid{grid-template-columns:1fr}}@media (width<=768px){.brandible-provider-grid,.brandible-link-grid{grid-template-columns:1fr}}.image-tools-layout{background-color:#f8f9fa;flex-direction:column;height:100vh;display:flex}.image-tools-container{flex:1;display:flex;overflow:hidden}.image-tools-sidebar{background-color:#fff;border-right:1px solid #e0e0e0;flex-direction:column;width:320px;display:flex;overflow-y:auto}.sidebar-header{background-color:#f8f9fa;border-bottom:1px solid #e0e0e0;padding:1.5rem}.sidebar-header h2{color:#333;margin:0;font-size:1.1rem;font-weight:600}.sidebar-search{border-bottom:1px solid #e0e0e0;padding:1rem 1.5rem;position:relative}.search-input{border:1px solid #d0d0d0;border-radius:6px;outline:none;width:100%;padding:.75rem 2.5rem .75rem 1rem;font-size:.9rem;transition:all .2s}.search-input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.search-input::placeholder{color:#999}.search-clear{color:#999;cursor:pointer;background:0 0;border:none;padding:.25rem .5rem;font-size:1.2rem;line-height:1;transition:color .2s;position:absolute;top:50%;right:2rem;transform:translateY(-50%)}.search-clear:hover{color:#333}.sidebar-menu{flex:1;padding:.5rem 0;overflow-y:auto}.no-tools-found{text-align:center;color:#6c757d;padding:2rem 1rem}.no-tools-found p{margin:0 0 .5rem;font-size:.95rem}.no-tools-found .hint{color:#999;font-size:.85rem}.sidebar-menu-item{cursor:pointer;color:inherit;border:1px solid #0000;border-radius:6px;align-items:center;gap:1rem;margin:.25rem .5rem;padding:1rem 1.5rem;text-decoration:none;transition:all .2s;display:flex}.sidebar-menu-item:hover{background-color:#f8f9fa;border-color:#e0e0e0}.sidebar-menu-item.active{background-color:#e7f3ff;border-color:#667eea;border-left-width:3px}.menu-item-icon{flex-shrink:0;font-size:1.5rem}.menu-item-content{flex:1;min-width:0}.menu-item-content h3{color:#333;margin:0 0 .25rem;font-size:.95rem;font-weight:500}.menu-item-description{color:#6c757d;margin:0;font-size:.8rem;line-height:1.4}.image-tools-content{background-color:#f5f5f5;flex-direction:column;flex:1;display:flex;overflow:hidden}.tool-loading{color:#666;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:1rem;display:flex}.tool-loading p{margin:0;font-size:.95rem}@media (width<=1024px){.image-tools-sidebar{width:280px}}@media (width<=768px){.image-tools-sidebar{width:250px}.sidebar-header,.sidebar-search{padding:1rem}.sidebar-menu-item{padding:.75rem 1rem}}@media (width<=640px){.image-tools-container{flex-direction:column}.image-tools-sidebar{border-bottom:1px solid #e0e0e0;border-right:none;width:100%;max-height:40vh}}.sidebar-menu::-webkit-scrollbar{width:8px}.image-tools-content::-webkit-scrollbar{width:8px}.sidebar-menu::-webkit-scrollbar-track{background:#f1f1f1}.image-tools-content::-webkit-scrollbar-track{background:#f1f1f1}.sidebar-menu::-webkit-scrollbar-thumb{background:#ccc;border-radius:4px}.image-tools-content::-webkit-scrollbar-thumb{background:#ccc;border-radius:4px}.sidebar-menu::-webkit-scrollbar-thumb:hover{background:#999}.image-tools-content::-webkit-scrollbar-thumb:hover{background:#999}.topaz-single-image-tool{gap:24px;height:calc(100vh - 120px);padding:24px;display:flex;overflow:hidden}.main-content{flex-direction:column;flex:1;gap:16px;min-width:0;min-height:0;display:flex;overflow:hidden}.settings-panel{background:#fff;border-radius:8px;flex-direction:column;flex-shrink:0;gap:12px;width:350px;padding:20px;display:flex;overflow-y:auto;box-shadow:0 2px 8px #0000001a}.settings-panel h3{color:#1a1a1a;margin:0 0 12px;font-size:18px;font-weight:600}.upload-area{flex-direction:column;height:100%;padding:0;display:flex}.upload-area .content-section{flex-direction:column;flex:1;display:flex}.upload-area .content-section h3{color:#1a1a1a;margin:0 0 16px;font-size:20px;font-weight:600}.image-preview{flex-direction:column;height:100%;display:flex}.preview-container{background:#1a1a1a;border-radius:8px;width:100%;height:100%;position:relative;overflow:hidden}.preview-container img{object-fit:contain;width:100%;height:100%;display:block}.upload-overlay-btn-bottom{z-index:10;position:absolute;bottom:16px;left:16px}.image-info{background:#f8f9fa;border-radius:6px;flex-direction:column;flex-shrink:0;gap:4px;padding:8px;display:flex}.filename{color:#1a1a1a;white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:500;overflow:hidden}.dimensions{color:#666;font-size:12px}.comparison-view{flex-direction:column;gap:16px;height:100%;display:flex}.comparison-container{flex:1;min-height:0;position:relative}.comparison-view .image-comparison-slider{height:100%;min-height:0}.result-info{background:#f8f9fa;border-radius:6px;flex-direction:column;flex-shrink:0;gap:6px;padding:12px;font-size:13px;display:flex}.dimensions-comparison{color:#333;justify-content:center;align-items:center;gap:8px;font-size:12px;font-weight:500;display:flex}.processing-stats{color:#666;justify-content:center;align-items:center;gap:6px;font-size:12px;display:flex}.action-buttons{flex-shrink:0;justify-content:center;gap:12px;padding-top:8px;display:flex}.processing-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:20;background:#1a1a1ad9;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:16px;display:flex;position:absolute;inset:0}.processing-overlay p{color:#fff;margin:0;font-size:16px;font-weight:500}.processing-note{color:#ffffffb3!important;font-size:14px!important;font-weight:400!important}.cost-display{background:#fff;border:2px solid #e5e7eb;border-radius:6px;justify-content:space-between;align-items:center;padding:16px;display:flex}.cost-display label{color:#333;font-size:14px;font-weight:500}.cost-value{font-size:18px;font-weight:700}.text-red-600{color:#dc2626}.text-yellow-600{color:#ca8a04}.text-green-600{color:#16a34a}.slider{-webkit-appearance:none;background:#e5e7eb;border-radius:3px;outline:none;width:100%;height:6px}.slider::-webkit-slider-thumb{appearance:none;cursor:pointer;background:#3b82f6;border-radius:50%;width:18px;height:18px;transition:background .2s}.slider::-webkit-slider-thumb:hover{background:#2563eb}.slider::-moz-range-thumb{cursor:pointer;background:#3b82f6;border:none;border-radius:50%;width:18px;height:18px;transition:background .2s}.slider::-moz-range-thumb:hover{background:#2563eb}.slider:disabled{opacity:.5;cursor:not-allowed}.upscale-button{width:100%;margin-top:auto}.result-section{background:#fff;border:1px solid #e5e7eb;border-radius:6px;padding:12px}.result-section label{color:#666;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px;font-size:12px;font-weight:500;display:block}.result-section .result-value{color:#1a1a1a;font-size:16px;font-weight:600}.result-section .result-value.cost-highlight{color:#16a34a;font-size:18px}.action-buttons-panel{flex-direction:column;gap:12px;width:100%;margin-top:auto;display:flex}.action-buttons-panel .action-btn{width:100%}@media (width<=1200px){.topaz-single-image-tool{flex-direction:column;height:auto}.main-content{min-height:400px;overflow-y:auto}.settings-panel{order:-1;width:100%}.preview-container,.comparison-container{min-height:400px}}@media (width<=768px){.topaz-single-image-tool{gap:16px;padding:16px}.settings-panel{padding:16px}.action-buttons{flex-direction:column}.dimensions-comparison,.processing-stats{flex-direction:column;gap:4px}}.tinypng-tool{flex-direction:column;height:100%;display:flex;overflow:hidden}.tinypng-results-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem;margin-top:1rem;display:grid}.result-image-card{transition:transform .2s,box-shadow .2s}.result-image-card:hover{transform:translateY(-4px);box-shadow:0 6px 16px #0000001f}@media (width<=768px){.tinypng-results-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1rem}}@media (width<=480px){.tinypng-results-grid{grid-template-columns:1fr}}.image-optimization-tool{background-color:#f5f5f5;flex-direction:column;height:100vh;display:flex;overflow:hidden}.tool-loading{flex-direction:column;justify-content:center;align-items:center;gap:1rem;min-height:50vh;display:flex}.tool-container{flex-direction:column;flex:1;display:flex;overflow:hidden}.tool-tab-content{background-color:#f5f5f5;flex:1;padding:2rem;overflow-y:auto}.settings-tab{flex-direction:column;gap:1.5rem;display:flex}.task-item{border:1px solid #e0e0e0;border-radius:8px;margin-bottom:1rem;padding:1rem;transition:all .2s}.task-item:hover{border-color:#2196f3;box-shadow:0 2px 8px #2196f31a}.task-settings{background-color:#f9f9f9;border-left:3px solid #2196f3;border-radius:4px;margin-top:1rem;padding:1rem}.help-text{color:#666;margin-top:.25rem;font-size:.85rem;display:block}.processing-tab,.results-tab{flex-direction:column;gap:1.5rem;display:flex}.result-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;display:grid}.export-tab{flex-direction:column;gap:2rem;display:flex}.job-list{flex-direction:column;display:flex}@media (width<=768px){.tool-container,.tool-tab-content{padding:1rem}.result-grid{grid-template-columns:1fr}.task-settings{padding:.75rem}}.loading-overlay{z-index:9999;background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.fade-enter{opacity:0}.fade-enter-active{opacity:1;transition:opacity .3s ease-in}.fade-exit{opacity:1}.fade-exit-active{opacity:0;transition:opacity .3s ease-out}.image-optimized-badge{color:#fff;cursor:help;z-index:10;background:#22c55ef2;border-radius:12px;align-items:center;gap:4px;padding:4px 8px;font-size:11px;font-weight:600;transition:all .2s;display:flex;position:absolute;top:8px;left:8px;box-shadow:0 2px 4px #0003}.image-optimized-badge:hover{background:#22c55e;transform:scale(1.05);box-shadow:0 3px 6px #0000004d}.image-optimized-badge-icon{font-size:12px;line-height:1}.optimization-override-section{background-color:#f8f9fa;border:1px solid #e0e0e0;border-radius:8px;margin:16px 0;padding:12px}.image-statistics{color:#333;gap:24px;margin-top:12px;font-size:13px;display:flex}.image-statistics span{align-items:center;gap:4px;display:flex}.image-statistics strong{color:#2196f3;font-size:16px}@media (width<=768px){.image-optimized-badge{padding:3px 6px;font-size:10px}.image-statistics{flex-direction:column;gap:8px}.optimization-override-section{padding:8px}}.tiff-converter-tool{flex-direction:column;height:100%;display:flex;overflow:hidden}.tiff-format-selection{gap:1rem;margin-top:.5rem;display:flex}.tiff-format-option{cursor:pointer;border:2px solid #e0e0e0;border-radius:8px;flex:1;align-items:center;padding:1rem;transition:all .2s;display:flex}.tiff-format-option:hover{background-color:#f5f9ff;border-color:#90caf9}.tiff-format-option.selected{background-color:#e3f2fd;border-color:#2196f3}.tiff-format-option input[type=radio]{accent-color:#2196f3;margin-right:.75rem}.tiff-format-option-content{flex-direction:column;gap:.25rem;display:flex}.tiff-format-option-content strong{font-size:1rem}.tiff-format-option-content span{color:#666;font-size:.85rem}.tiff-quality-slider{margin-top:.5rem}.tiff-quality-slider .quality-range{appearance:none;background:linear-gradient(90deg,#ff9800,#4caf50);border-radius:3px;outline:none;width:100%;height:6px}.tiff-quality-slider .quality-range::-webkit-slider-thumb{-webkit-appearance:none;cursor:pointer;background:#2196f3;border:2px solid #fff;border-radius:50%;width:20px;height:20px;box-shadow:0 2px 4px #0003}.tiff-quality-slider .quality-range::-moz-range-thumb{cursor:pointer;background:#2196f3;border:2px solid #fff;border-radius:50%;width:20px;height:20px;box-shadow:0 2px 4px #0003}.tiff-quality-slider .quality-labels{color:#999;justify-content:space-between;margin-top:.5rem;font-size:.8rem;display:flex}.tiff-results-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem;margin-top:1rem;display:grid}.tiff-results-grid .result-image-card{transition:transform .2s,box-shadow .2s}.tiff-results-grid .result-image-card:hover{transform:translateY(-4px);box-shadow:0 6px 16px #0000001f}@media (width<=768px){.tiff-format-selection{flex-direction:column}.tiff-results-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1rem}}@media (width<=480px){.tiff-results-grid{grid-template-columns:1fr}}.tool-loading{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:1rem;display:flex}.tool-loading p{color:#666;font-size:.95rem}.helper-tools-tab-content{background-color:#f5f5f5;flex-direction:column;flex:1;padding:2rem;display:flex;overflow-y:auto}.section-header-row{justify-content:space-between;align-items:center;margin-top:1.5rem;display:flex}.section-header-row h3{margin-bottom:0}.summary-badge{color:#555;white-space:nowrap;background:#f0f0f0;border-radius:6px;padding:.35rem .75rem;font-size:.85rem}.conditions-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.75rem;display:grid}.condition-field{flex-direction:column;gap:.25rem;display:flex}.condition-field label{color:#666;font-size:.8rem;font-weight:500}.menu-item-title-row{align-items:center;gap:.5rem;display:flex}.menu-item-title-row h3{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.type-badge{text-transform:uppercase;letter-spacing:.03em;border-radius:3px;flex-shrink:0;padding:.1rem .4rem;font-size:.65rem;font-weight:600}.type-badge-single{background:var(--color-bg-secondary,#e8f4fd);color:var(--color-primary,#2563eb)}.type-badge-paket{background:var(--color-bg-warning,#fef3cd);color:var(--color-warning-dark,#856404)}.paket-only-hint{color:var(--color-text-muted,#999);font-size:.75rem;font-style:italic}.paket-editor{margin-top:.5rem}.paket-items-list{flex-direction:column;gap:.5rem;margin-bottom:1rem;display:flex}.paket-item{background:var(--color-bg-secondary,#f8f9fa);border:1px solid var(--color-border,#e0e0e0);-webkit-user-select:none;user-select:none;border-radius:6px;align-items:center;gap:.75rem;padding:.6rem .75rem;transition:all .2s;display:flex}.paket-item:hover{background-color:#f0f0f0;border-color:#ccc}.paket-item-info{flex-direction:column;flex:1;gap:.15rem;min-width:0;display:flex}.paket-item-name{text-overflow:ellipsis;white-space:nowrap;font-weight:500;overflow:hidden}.paket-item-summary{color:var(--color-text-muted,#888);font-size:.8rem}.paket-item-actions{flex-shrink:0;align-items:center;gap:.35rem;display:flex}.paket-item-optional{color:var(--color-text-secondary,#666);cursor:pointer;align-items:center;gap:.25rem;margin-right:.5rem;font-size:.8rem;display:flex}.paket-item-optional input[type=checkbox]{margin:0}.paket-item-discount,.paket-item-overwrite{align-items:center;gap:.5rem;margin-top:.35rem;display:flex}.paket-item-discount .control-label,.paket-item-overwrite .control-label{color:var(--color-text-muted,#999);white-space:nowrap;font-size:.75rem;font-weight:500}.discount-mode-select{border:1px solid var(--color-border,#ddd);color:var(--color-text-secondary,#555);background:#fff;border-radius:4px;padding:.15rem .35rem;font-size:.8rem}.discount-value-input,.overwrite-value-input{width:100px;padding:.15rem .35rem;font-size:.8rem}.overwrite-value-input{border-color:var(--color-primary-light,#a8c8ea)}.paket-add-row{margin-top:.5rem}.paket-all-added-hint{color:var(--color-text-muted,#999);margin-top:.5rem;font-size:.85rem;font-style:italic}.zusatz-position-row{background:var(--color-bg-secondary,#f8f9fa);border:1px solid var(--color-border,#e0e0e0);border-radius:6px;flex-direction:column;gap:.5rem;margin-bottom:.5rem;padding:.75rem;display:flex}.zusatz-position-header{align-items:center;gap:.5rem;display:flex}.zusatz-position-header .form-input{flex:1}.preisstaffelung-list,.provision-staffelung{flex-direction:column;gap:.5rem;margin-top:.75rem;display:flex}.provision-staffelung-label{color:var(--text-secondary,#666);margin-bottom:.25rem;font-size:.8rem;font-weight:500}.provision-stufe-row{background:var(--bg-subtle,#f8f9fa);border:1px solid var(--border-light,#e9ecef);border-radius:6px;align-items:flex-end;gap:.75rem;padding:.5rem;display:flex}.provision-stufe-inputs{flex-wrap:wrap;flex:1;align-items:flex-end;gap:.5rem;display:flex}.provision-stufe-field{min-width:110px}.provision-stufe-field--label{flex:1;min-width:220px}@media (width<=768px){.conditions-grid{grid-template-columns:1fr}.paket-item{flex-wrap:wrap}.paket-item-actions{justify-content:flex-end;width:100%}}.string-list-item-default{opacity:.85;background:#f0f4f0;border:1px dashed #c5d5c5;border-radius:4px;align-items:center;gap:.5rem;padding:.35rem .5rem;display:flex}.string-list-default-badge{color:#6a9a6a;background:#e4f0e4;border-radius:3px;flex:none;padding:.1rem .4rem;font-size:.7rem;font-weight:500}.angebot-item-title-row{flex-direction:column;align-items:flex-start;gap:.15rem;display:flex}.paket-editor .paket-item{align-items:flex-start}.paket-editor .paket-item .drag-handle{align-self:center}.paket-editor .paket-item-actions{flex-direction:column;justify-content:flex-start;align-self:stretch;align-items:flex-end;gap:.35rem}.paket-editor .angebot-price-summary{text-align:right;margin-top:auto}.angebot-sub-items{flex-direction:column;gap:.25rem;margin-left:2rem;display:flex}.angebot-sub-item{background:var(--color-bg-tertiary,#f0f2f5);border:1px solid var(--color-border-light,#e8e8e8);color:var(--color-text-secondary,#555);border-radius:4px;flex-wrap:wrap;align-items:center;gap:.5rem .75rem;padding:.45rem .6rem;font-size:.85rem;display:flex}.angebot-sub-item-checkbox{cursor:pointer;accent-color:var(--color-primary,#4a90d9);flex-shrink:0}.angebot-sub-item-checkbox-placeholder{flex-shrink:0;width:13px}.angebot-sub-item.excluded{opacity:.5}.angebot-sub-item.excluded .angebot-sub-item-name{text-decoration:line-through}.angebot-sub-item-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-weight:450;overflow:hidden}.angebot-sub-item-right{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:.2rem;display:flex}.angebot-sub-item-summary{color:var(--color-text-muted,#888);text-align:right;font-size:.8rem}.angebot-anzahl-input{border:1px solid var(--color-border,#ddd);text-align:center;border-radius:4px;flex-shrink:0;width:60px;padding:2px 6px;font-size:.8rem}.angebot-sub-item-controls{flex-direction:column;gap:.3rem;width:100%;padding-top:.2rem;padding-left:26px;display:flex}.angebot-sub-item-discount,.angebot-sub-item-overwrite{align-items:center;gap:.4rem;display:flex}.angebot-sub-item-discount .control-label,.angebot-sub-item-overwrite .control-label{color:var(--color-text-muted,#999);white-space:nowrap;text-transform:uppercase;letter-spacing:.02em;min-width:52px;font-size:.72rem;font-weight:600}.angebot-sub-item-discount select{border:1px solid var(--color-border,#ddd);background:#fff;border-radius:3px;width:120px;padding:3px 6px;font-size:.78rem}.angebot-sub-item-discount input,.angebot-sub-item-overwrite input{text-align:center;border:1px solid var(--color-border,#ddd);border-radius:3px;width:90px;padding:3px 6px;font-size:.78rem}.angebot-sub-item-overwrite input{border-color:var(--color-primary-light,#a8c8ea)}.angebot-sub-item-controls .angebot-anzahl-input{width:70px;padding:3px 6px;font-size:.78rem}.angebot-sub-item.zusatz{background:var(--color-bg-secondary,#f8f9fa);border-style:dashed;padding-left:2rem}.angebot-sub-item.zusatz .angebot-sub-item-name{font-style:italic;font-weight:400}.contact-details-card{background:var(--color-bg-tertiary,#f0f2f5);border:1px solid var(--color-border-light,#e8e8e8);color:var(--color-text-secondary,#555);border-radius:6px;padding:.75rem 1rem;font-size:.9rem;line-height:1.5}.contact-details-card strong{color:var(--color-text-primary,#333);font-weight:600;display:block}.contact-cards-grid{flex-wrap:wrap;gap:1rem;margin-bottom:1rem;display:flex}.contact-card{background:var(--color-bg-tertiary,#f0f2f5);border:1px solid var(--color-border-light,#e8e8e8);border-radius:8px;flex-direction:column;align-items:center;gap:.5rem;width:200px;padding:1rem;display:flex;position:relative}.contact-card-avatar{background:var(--color-primary,#4a90d9);cursor:pointer;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:80px;height:80px;transition:opacity .15s;display:flex;overflow:hidden}.contact-card-avatar:hover{opacity:.85}.contact-card-avatar img{object-fit:cover;width:100%;height:100%}.contact-card-initials{color:#fff;-webkit-user-select:none;user-select:none;font-size:1.5rem;font-weight:600}.contact-card-name{color:var(--color-text-primary,#333);text-align:center;word-break:break-word;font-size:.9rem;font-weight:600}.contact-card input[type=text],.contact-card .form-input{width:100%;font-size:.85rem}.contact-card-remove{color:var(--color-text-muted,#999);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:2px 4px;font-size:1.2rem;line-height:1;position:absolute;top:4px;right:6px}.contact-card-remove:hover{color:var(--color-danger,#e74c3c);background:var(--color-bg-secondary,#f5f5f5)}.contact-card-add{border-style:dashed;justify-content:center;min-height:120px}.angebot-optional-customer-label{color:var(--color-text-secondary,#666);cursor:pointer;white-space:nowrap;align-items:center;gap:.4rem;font-size:.78rem;display:flex}.angebot-optional-customer-label input[type=checkbox]{cursor:pointer;accent-color:var(--color-primary,#2563eb);flex-shrink:0}.vk-list-header,.vk-form-header{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem;display:flex}.vk-list-header h2,.vk-form-header h2{color:var(--text-primary,#1a1a2e);margin:0;font-size:1.25rem;font-weight:600}.vk-form-actions-bottom{border-top:1px solid #e0e0e0;justify-content:flex-end;gap:.5rem;margin-top:1.5rem;padding-top:1.5rem;display:flex}.vk-error{color:#991b1b;background:#fef2f2;border:1px solid #fecaca;border-radius:6px;margin-bottom:1rem;padding:.75rem 1rem;font-size:.9rem}.vk-conditions-list{flex-direction:column;gap:.5rem;display:flex}.vk-condition-card{cursor:default;background:#fff;border:1px solid #e0e0e0;border-radius:8px;align-items:center;gap:1rem;padding:1rem 1.25rem;transition:box-shadow .2s,border-color .2s;display:flex}.vk-condition-card:hover{border-color:silver;box-shadow:0 2px 8px #0000000f}.vk-condition-card.dragging{opacity:.4}.vk-drag-handle{cursor:grab;color:#999;-webkit-user-select:none;user-select:none;letter-spacing:-2px;flex-shrink:0;font-size:1.1rem}.vk-drag-handle:active{cursor:grabbing}.vk-condition-info{flex:1;min-width:0}.vk-condition-info h3{color:#333;margin:0 0 .25rem;font-size:.95rem;font-weight:500}.vk-condition-summary{color:#6c757d;margin:0;font-size:.8rem}.vk-condition-actions{flex-shrink:0;gap:.5rem;display:flex}.vk-drop-indicator{background:var(--color-primary,#667eea);border-radius:2px;height:3px;margin:-1px 0}.vk-value-group{margin-bottom:1.5rem}.vk-value-group:last-child{margin-bottom:0}.vk-group-header{color:var(--text-primary,#1a1a2e);border-bottom:2px solid var(--color-primary,#667eea);margin:0 0 1rem;padding-bottom:.5rem;font-size:1rem;font-weight:600}@media (width<=768px){.vk-condition-card{flex-wrap:wrap}.vk-condition-actions{justify-content:flex-end;width:100%}}.intro-blocks-list{flex-direction:column;gap:.75rem;margin-bottom:1rem;display:flex}.intro-block-card{background:var(--color-bg-secondary,#f8f9fa);border:1px solid var(--color-border,#e0e0e0);-webkit-user-select:none;user-select:none;border-radius:6px;align-items:flex-start;gap:.5rem;padding:.75rem;transition:all .2s;display:flex}.intro-block-card:hover{background-color:#f0f0f0;border-color:#ccc}.intro-block-drag-handle{cursor:grab;color:#bbb;-webkit-user-select:none;user-select:none;flex-shrink:0;padding:.25rem;font-size:1.1rem;line-height:1}.intro-block-drag-handle:active{cursor:grabbing}.intro-block-content{flex-direction:column;flex:1;gap:.5rem;min-width:0;display:flex}.intro-block-header{align-items:center;gap:.5rem;display:flex}.intro-block-type-badge{text-transform:uppercase;letter-spacing:.03em;background:var(--color-bg-secondary,#e8f4fd);color:var(--color-primary,#2563eb);border-radius:3px;flex-shrink:0;padding:.1rem .4rem;font-size:.65rem;font-weight:600}.intro-block-type-badge.heading{color:#6b21a8;background:#f0e6ff}.intro-block-type-badge.text{color:#2563eb;background:#e8f4fd}.intro-block-type-badge.image{color:#166534;background:#e6f9ef}.intro-block-type-badge.image_text{color:#856404;background:#fef3cd}.intro-block-remove{flex-shrink:0}.intro-block-editor,.intro-block-editor input[type=text]{width:100%}.intro-image-upload{align-items:center;gap:.75rem;display:flex}.intro-image-preview{border:1px solid var(--color-border,#ddd);object-fit:cover;border-radius:4px;max-width:120px;max-height:80px}.intro-image-upload-btn{align-items:center;gap:.3rem;display:inline-flex;position:relative;overflow:hidden}.intro-image-upload-btn input[type=file]{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;top:0;left:0}.intro-image-text-layout{grid-template-columns:140px 1fr;align-items:start;gap:.75rem;display:grid}.intro-image-text-left{flex-direction:column;align-items:center;gap:.5rem;display:flex}.intro-image-text-left .intro-image-preview{max-width:140px;max-height:100px}.intro-add-blocks{flex-wrap:wrap;gap:.5rem;margin-top:.75rem;display:flex}.intro-add-block-btn{border:1px dashed var(--color-border,#ccc);color:var(--color-text-secondary,#666);cursor:pointer;background:0 0;border-radius:4px;align-items:center;gap:.3rem;padding:.35rem .65rem;font-size:.8rem;transition:all .2s;display:inline-flex}.intro-add-block-btn:hover{border-color:var(--color-primary,#2563eb);color:var(--color-primary,#2563eb);background:var(--color-bg-secondary,#f8f9fa)}.intro-drop-indicator{background:var(--color-primary,#2563eb);border-radius:1px;height:2px;margin:-.25rem 0}@media (width<=768px){.intro-image-text-layout{grid-template-columns:1fr}.intro-block-card{flex-wrap:wrap}}.media-sidebar-item{align-items:center;gap:.6rem;min-width:0;padding:.5rem .6rem;display:flex;overflow:hidden}.media-sidebar-thumb{object-fit:contain;border:1px solid var(--color-border,#ddd);background:var(--color-bg-secondary,#f5f5f5);border-radius:4px;flex-shrink:0;width:36px;height:36px}.media-sidebar-info{flex:1;min-width:0}.media-sidebar-info h3{white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:.85rem;overflow:hidden}.media-sidebar-info p{color:var(--color-text-secondary,#888);white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:.7rem;overflow:hidden}.media-usage-badges{gap:.25rem;margin-bottom:.15rem;display:flex}.media-usage-badge{white-space:nowrap;border-radius:3px;padding:.1rem .35rem;font-size:.6rem;font-weight:600;line-height:1.3}.media-detail-preview{text-align:center;background:var(--color-bg-secondary,#f8f9fa);border:1px solid var(--color-border,#e0e0e0);border-radius:8px;margin-bottom:1.5rem;padding:1rem}.media-detail-preview img{object-fit:contain;border-radius:4px;max-width:100%;max-height:350px}.media-detail-meta{color:var(--color-text-secondary,#666);background:var(--color-bg-secondary,#f8f9fa);border-radius:6px;flex-direction:column;gap:.5rem;margin-top:1rem;padding:.75rem;font-size:.85rem;display:flex}.media-detail-meta-row{gap:.5rem;display:flex}.media-detail-meta-row span:first-child{min-width:100px;color:var(--color-text,#333);font-weight:600}.media-detail-actions{gap:.75rem;margin-top:1rem;display:flex}.media-picker{flex-direction:column;align-items:center;gap:.5rem;width:100%;display:flex}.media-picker-preview{border:1px solid var(--color-border,#ddd);object-fit:contain;border-radius:4px;width:100%;max-height:100px}.media-picker-modal-overlay{z-index:1000;background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.media-picker-modal{background:var(--color-bg,#fff);border-radius:10px;flex-direction:column;width:min(700px,90vw);max-height:80vh;display:flex;box-shadow:0 8px 30px #0003}.media-picker-modal-header{border-bottom:1px solid var(--color-border,#e0e0e0);justify-content:space-between;align-items:center;padding:.75rem 1rem;display:flex}.media-picker-modal-header h3{margin:0;font-size:1rem}.media-picker-modal-close{cursor:pointer;color:var(--color-text-secondary,#666);background:0 0;border:none;padding:.25rem;font-size:1.2rem}.media-picker-search{border-bottom:1px solid var(--color-border,#e0e0e0);padding:.5rem 1rem}.media-picker-search input{border:1px solid var(--color-border,#ddd);border-radius:4px;width:100%;padding:.4rem .6rem;font-size:.85rem}.media-picker-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:.75rem;max-height:50vh;padding:1rem;display:grid;overflow-y:auto}.media-picker-item{cursor:pointer;text-align:center;border:2px solid #0000;border-radius:6px;flex-direction:column;align-items:center;gap:.3rem;padding:.5rem;transition:all .15s;display:flex}.media-picker-item:hover{background:var(--color-bg-secondary,#f0f0f0);border-color:var(--color-border,#ccc)}.media-picker-item img{object-fit:contain;border:1px solid var(--color-border,#ddd);border-radius:4px;width:90px;height:70px}.media-picker-item span{color:var(--color-text-secondary,#666);white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:.7rem;overflow:hidden}.media-picker-empty{text-align:center;color:var(--color-text-secondary,#888);grid-column:1/-1;padding:2rem}.image-views-placeholder-hint{color:var(--color-text-secondary,#666);margin-top:.25rem;font-size:.75rem}.image-views-placeholder-hint code{background:var(--color-bg-secondary,#f0f0f0);border-radius:3px;padding:.1rem .35rem;font-size:.75rem}.image-views-sidebar-badge{background:var(--color-bg-secondary,#f0f0f0);color:var(--color-text-secondary,#666);border-radius:3px;padding:.1rem .35rem;font-family:monospace;font-size:.65rem;display:inline-block}.image-views-grid{gap:.75rem;margin-top:.75rem;margin-bottom:.75rem;display:grid}.image-views-grid-item{border:1px solid var(--color-border,#e0e0e0);background:var(--color-bg-secondary,#f8f9fa);cursor:grab;-webkit-user-select:none;user-select:none;border-radius:6px;transition:all .2s;position:relative;overflow:hidden}.image-views-grid-item:hover{border-color:#ccc;box-shadow:0 2px 4px #00000014}.image-views-grid-item.dragging{opacity:.4}.image-views-grid-item:active{cursor:grabbing}.image-views-grid-item img{aspect-ratio:1;object-fit:contain;background:#fff;width:100%;padding:.25rem;display:block}.image-views-grid-item-remove{color:#fff;cursor:pointer;opacity:0;background:#dc3545d9;border:none;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;font-size:.7rem;line-height:1;transition:opacity .15s;display:flex;position:absolute;top:4px;right:4px}.image-views-grid-item:hover .image-views-grid-item-remove{opacity:1}.image-views-grid-item-remove:hover{background:#dc3545}.image-views-drop-indicator{border:2px dashed var(--color-primary,#2563eb);aspect-ratio:1;background:#2563eb0d;border-radius:6px}.image-views-add-area{align-items:center;gap:.75rem;margin-top:.5rem;display:flex}.media-multi-picker-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:.5rem;max-height:400px;padding:.5rem;display:grid;overflow-y:auto}.media-multi-picker-item{cursor:pointer;background:#fff;border:2px solid #0000;border-radius:6px;transition:all .15s;position:relative;overflow:hidden}.media-multi-picker-item:hover{border-color:#ccc}.media-multi-picker-item.selected{border-color:var(--color-primary,#2563eb);box-shadow:0 0 0 1px var(--color-primary,#2563eb)}.media-multi-picker-item img{aspect-ratio:1;object-fit:contain;width:100%;padding:.15rem;display:block}.media-multi-picker-item span{text-align:center;text-overflow:ellipsis;white-space:nowrap;color:var(--color-text-secondary,#666);padding:.15rem .25rem;font-size:.65rem;display:block;overflow:hidden}.media-multi-picker-check{background:var(--color-primary,#2563eb);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:.65rem;display:flex;position:absolute;top:4px;right:4px}.media-multi-picker-footer{border-top:1px solid var(--color-border,#e0e0e0);justify-content:space-between;align-items:center;padding:.75rem 1rem;display:flex}@media (width<=768px){.image-views-grid{grid-template-columns:repeat(2,1fr)!important}}.pim-stat-row{gap:var(--spacing-lg);margin-bottom:var(--spacing-md);flex-wrap:wrap;display:flex}.pim-stat{padding:var(--spacing-md);background:var(--color-background-subtle);border-radius:var(--border-radius-md);flex-direction:column;align-items:center;min-width:100px;display:flex}.pim-stat-value{color:var(--color-primary);font-size:2rem;font-weight:700}.pim-stat-label{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.pim-table-wrap{margin-top:var(--spacing-md);overflow-x:auto}.pim-table{border-collapse:collapse;width:100%;font-size:var(--font-size-sm)}.pim-table th,.pim-table td{padding:var(--spacing-xs) var(--spacing-sm);border-bottom:1px solid var(--border-color);text-align:left;white-space:nowrap}.pim-table th{background:var(--color-background-subtle);font-weight:600}.pim-row-dirty{background:#fffbe6}.pim-cell-input{border:2px solid var(--color-primary);border-radius:var(--border-radius-sm);width:100%;font-size:var(--font-size-sm);background:#fff;padding:2px 6px}.pim-cell-input[data-type=number]{border-color:#7c3aed}.pim-cell-input[data-type=select]{border-color:var(--color-success,#16a34a)}.pim-image-cell{cursor:pointer;text-align:center;width:40px;display:inline-block;position:relative}.pim-image-count{background:var(--color-primary);color:#fff;border-radius:var(--border-radius-sm);pointer-events:none;padding:1px 3px;font-size:10px;font-weight:600;line-height:1.2;position:absolute;bottom:0;right:0}.pim-image-thumb{object-fit:cover;border-radius:var(--border-radius-sm);border:1px solid var(--border-color);width:36px;height:36px}.pim-image-placeholder{background:var(--color-background-subtle);border-radius:var(--border-radius-sm);border:1px dashed var(--border-color);width:36px;height:36px;color:var(--color-text-secondary);justify-content:center;align-items:center;font-size:18px;display:flex}.pim-toolbar .pim-column-multiselect{flex-grow:0;flex-shrink:0;width:200px}.pim-toolbar{align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-md);flex-wrap:wrap;display:flex;position:relative}.pim-toolbar-spacer{flex:1}.pim-wizard-steps{align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-xl);display:flex}.pim-wizard-step{align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-sm);color:var(--color-text-secondary);display:flex}.pim-wizard-step.active{color:var(--color-primary);font-weight:600}.pim-wizard-step.done{color:var(--color-success,#16a34a)}.pim-wizard-step-num{background:var(--color-background-subtle);border:2px solid var(--border-color);border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:12px;font-weight:700;display:flex}.pim-wizard-step.active .pim-wizard-step-num{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.pim-wizard-step.done .pim-wizard-step-num{background:var(--color-success,#16a34a);border-color:var(--color-success,#16a34a);color:#fff}.pim-wizard-divider{background:var(--border-color);flex:1;max-width:60px;height:2px}.pim-field-table{border-collapse:collapse;width:100%;font-size:var(--font-size-sm);margin-top:var(--spacing-md)}.pim-field-table th,.pim-field-table td{padding:var(--spacing-xs) var(--spacing-sm);border-bottom:1px solid var(--border-color);text-align:left}.pim-field-table th{background:var(--color-background-subtle);font-weight:600}.pim-lang-tabs{gap:var(--spacing-xs);border-bottom:1px solid var(--border-color);padding-bottom:0;display:flex}.pim-lang-tab{padding:var(--spacing-xs) var(--spacing-sm);border:1px solid var(--border-color);border-radius:var(--border-radius-sm) var(--border-radius-sm) 0 0;background:var(--color-background-subtle);color:var(--color-text-secondary);font-size:var(--font-size-sm);cursor:pointer;border-bottom:none;font-weight:500;transition:background .1s}.pim-lang-tab:hover{background:var(--color-background);color:var(--color-text)}.pim-lang-tab.active{background:var(--color-background);color:var(--color-primary);border-bottom:1px solid var(--color-background);margin-bottom:-1px;font-weight:600}.pim-badge{border-radius:9999px;padding:1px 8px;font-size:11px;font-weight:600;display:inline-block}.pim-badge-known{color:#15803d;background:#dcfce7}.pim-badge-new{color:#92400e;background:#fef9c3}.pim-badge-warning{color:#78350f;background:#fde68a;border:1px solid #f59e0b}.pim-popup-overlay{z-index:1000;background:#00000073;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.pim-popup{border:1px solid var(--color-border,#e5e7eb);border-radius:var(--border-radius-lg,12px);padding:var(--spacing-lg,24px);background:#fff;width:400px;max-width:90vw;box-shadow:0 20px 60px #00000040}.pim-cell-wrapper{box-sizing:border-box;align-self:stretch;align-items:center;width:calc(100% + 2rem);margin:-.75rem -1rem;padding:.75rem 1rem;display:flex;position:relative}.pim-cell-wrapper.pim-cell-selected{outline:2px solid var(--color-primary);outline-offset:-2px}.pim-fill-handle{background:var(--color-primary);cursor:crosshair;z-index:20;pointer-events:all;border:1.5px solid #fff;border-radius:1px;width:8px;height:8px;position:absolute;bottom:1px;right:1px}.pim-cell-wrapper.pim-cell-fill-range{outline:1px dashed var(--color-primary);outline-offset:-2px;background:#3b82f614}.pim-prefilter{margin-bottom:.5rem}.pim-prefilter-bar{flex-wrap:wrap;align-items:center;gap:.5rem;margin-bottom:.25rem;display:flex}.pim-prefilter-controls{position:relative}.pim-prefilter-count{color:var(--color-text-secondary,#666);margin-left:auto;font-size:.85rem}.pim-prefilter-clear{color:#6c757d}.pim-prefilter-dropdown{z-index:100;background:#fff;border:1px solid #e0e0e0;border-left:3px solid #667eea;border-radius:6px;min-width:420px;padding:.75rem;position:absolute;top:calc(100% + 4px);left:0;box-shadow:0 4px 12px #00000026}.pim-prefilter-dropdown-row{align-items:center;gap:.5rem;display:flex}.pim-prefilter-select{cursor:pointer;background:#fff;border:1px solid #d0d0d0;border-radius:4px;min-width:100px;padding:.4rem .6rem;font-size:.9rem}.pim-prefilter-select:focus{border-color:#667eea;outline:none}.pim-prefilter-operator{min-width:80px}.pim-prefilter-input{border:1px solid #d0d0d0;border-radius:4px;flex:1;min-width:100px;padding:.4rem .6rem;font-size:.9rem}.pim-prefilter-input:focus{border-color:#667eea;outline:none}.pim-prefilter-no-options{color:#999;flex:1;font-size:.85rem;font-style:italic}.pim-prefilter-between-sep{color:#666;flex-shrink:0;font-size:.9rem}.pim-prefilter-chips{flex-wrap:wrap;gap:.4rem;margin-bottom:.5rem;display:flex}.pim-prefilter-chip{color:#3730a3;background-color:#ede9fe;border:1px solid #667eea;border-radius:14px;align-items:center;gap:.35rem;padding:.3rem .55rem;font-size:.82rem;display:inline-flex}.pim-prefilter-chip-text{text-overflow:ellipsis;white-space:nowrap;max-width:280px;overflow:hidden}.pim-prefilter-chip-remove{cursor:pointer;color:#667eea;background:0 0;border:none;align-items:center;padding:0;font-size:1rem;line-height:1;display:flex}.pim-prefilter-chip-remove:hover{color:#3730a3}.card{background-color:var(--color-bg);border-radius:var(--radius-lg);transition:transform var(--transition-base), box-shadow var(--transition-base);overflow:hidden}.card-default{border:1px solid var(--color-border);box-shadow:var(--shadow-sm)}.card-tool{border:1px solid var(--color-border);padding:var(--spacing-xl);box-shadow:var(--shadow-md);cursor:pointer;text-align:center;flex-direction:column;align-items:center;min-height:200px;display:flex}.card-tool:not(.card-disabled):hover{box-shadow:var(--shadow-lg);border-color:var(--color-primary);transform:translateY(-4px)}.card-tool .tool-icon{margin-bottom:var(--spacing-md);font-size:3rem}.card-tool .tool-name{font-size:var(--font-xl);font-weight:var(--font-weight-semibold);color:var(--color-text);margin-bottom:var(--spacing-sm)}.card-tool .tool-description{font-size:var(--font-md);color:var(--color-text-light);line-height:var(--line-height-relaxed)}.card-tool .tool-coming-soon{padding-top:var(--spacing-md);font-size:var(--font-sm);color:var(--color-text-muted);margin-top:auto;font-style:italic}.card-section{padding:var(--spacing-lg);margin-bottom:var(--spacing-lg);box-shadow:var(--shadow-sm);border:1px solid var(--color-border)}.card-clickable{cursor:pointer;-webkit-user-select:none;user-select:none}.card-clickable:focus{box-shadow:var(--shadow-focus);outline:none}.card-disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.card-tool.card-disabled{transform:none!important}.card-title{font-size:var(--font-lg);font-weight:var(--font-weight-semibold);color:var(--color-text);padding:var(--spacing-md) var(--spacing-lg);border-bottom:1px solid var(--color-border);background-color:var(--color-bg-light)}.card-section .card-title{font-size:var(--font-xl);font-weight:var(--font-weight-semibold);color:var(--color-text);margin-bottom:var(--spacing-md);background-color:#0000;border-bottom:none;padding:0}.card-content{padding:var(--spacing-lg)}.card-tool .card-content,.card-section .card-content{padding:0}.card:not(:has(.card-title)) .card-content{padding:var(--spacing-lg)}@media (width<=768px){.card-tool{min-height:150px;padding:var(--spacing-lg)}.card-tool .tool-icon{font-size:2.5rem}.card-tool .tool-name{font-size:var(--font-lg)}.card-section,.card-content{padding:var(--spacing-md)}}.section{margin-bottom:var(--spacing-lg)}.section-bordered{padding:var(--spacing-lg);border:1px solid var(--color-border);border-radius:var(--radius-lg);background-color:var(--color-bg)}.section-elevated{padding:var(--spacing-lg);border-radius:var(--radius-lg);background-color:var(--color-bg);box-shadow:var(--shadow-md)}.section-header{margin-bottom:var(--spacing-md);justify-content:space-between;align-items:center;gap:var(--spacing-md);display:flex}.section-bordered .section-header,.section-elevated .section-header{padding-bottom:var(--spacing-md);border-bottom:1px solid var(--color-border)}.section-header-text{gap:var(--spacing-xs);flex-direction:column;display:flex}.section-title{font-size:var(--font-xl);font-weight:var(--font-weight-semibold);color:var(--color-text);line-height:var(--line-height-tight);margin:0}.section-subtitle{font-size:var(--font-sm);font-weight:var(--font-weight-normal);color:var(--color-text-secondary);line-height:var(--line-height-normal);margin:0}.section-actions{gap:var(--spacing-sm);align-items:center;display:flex}@media (width<=768px){.section-header{flex-direction:column;align-items:flex-start}.section-actions{width:100%}.section-actions>*{flex:1}.section-bordered,.section-elevated{padding:var(--spacing-md)}.section-title{font-size:var(--font-lg)}}.subsection{margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-lg);border-bottom:1px solid #e0e0e0}.subsection:last-child{border-bottom:none;padding-bottom:0}.subsection-title{font-size:1.1rem;font-weight:var(--font-weight-semibold);color:#1a365d;margin:0 0 var(--spacing-md) 0;line-height:var(--line-height-tight)}@media (width<=768px){.subsection-title{font-size:1rem}}.step-section{border-left:4px solid var(--color-border);background-color:#fff;border-radius:8px;margin-bottom:1.5rem;padding:1.5rem;transition:border-color .3s;box-shadow:0 1px 3px #0000001a}.step-section-header{align-items:flex-start;gap:1rem;margin-bottom:1.5rem;display:flex}.step-number{background-color:var(--color-border);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;min-width:32px;height:32px;font-size:1rem;font-weight:600;transition:background-color .3s;display:flex}.step-header-content{flex:1}.step-title{color:var(--color-text);margin:0 0 .25rem;font-size:1.2rem;font-weight:600}.step-description{color:var(--color-text-muted);margin:0;font-size:.9rem}.step-status-pending{opacity:.7;border-left-color:var(--color-border)}.step-status-pending .step-number{background-color:var(--color-border)}.step-status-active{border-left-color:var(--color-primary)}.step-status-active .step-number{background-color:var(--color-primary)}.step-status-completed{border-left-color:var(--color-success)}.step-status-completed .step-number{background-color:var(--color-success)}@media (width<=768px){.step-section{padding:1rem}.step-section-header{gap:.75rem;margin-bottom:1rem}.step-number{min-width:28px;height:28px;font-size:.9rem}.step-title{font-size:1.1rem}.step-description{font-size:.85rem}}.alert{align-items:flex-start;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-md);font-size:var(--font-md);line-height:var(--line-height-normal);margin-bottom:var(--spacing-md);border-left:4px solid #0000;display:flex}.alert-icon{font-size:var(--font-lg);font-weight:var(--font-weight-bold);flex-shrink:0;margin-top:2px;line-height:1}.alert-content{color:inherit;flex:1}.alert-dismiss{font-size:var(--font-lg);font-weight:var(--font-weight-bold);cursor:pointer;color:inherit;opacity:.7;transition:opacity var(--transition-base);background:0 0;border:none;flex-shrink:0;padding:0;line-height:1}.alert-dismiss:hover{opacity:1}.alert-dismiss:focus{opacity:1;outline:none}.alert-error{background-color:var(--color-danger-light);border-left-color:var(--color-danger);color:var(--color-danger-active)}.alert-error .alert-icon{color:var(--color-danger)}.alert-warning{background-color:var(--color-warning-light);border-left-color:var(--color-warning);color:#856404}.alert-warning .alert-icon{color:var(--color-warning-active)}.alert-success{background-color:var(--color-success-light);border-left-color:var(--color-success);color:var(--color-success-active)}.alert-success .alert-icon{color:var(--color-success)}.alert-info{background-color:var(--color-info-light);border-left-color:var(--color-info);color:var(--color-info-active)}.alert-info .alert-icon{color:var(--color-info)}.alert-dismissible{padding-right:var(--spacing-xl)}@media (width<=768px){.alert{padding:var(--spacing-sm) var(--spacing-md);gap:var(--spacing-sm)}.alert-dismissible{padding-right:var(--spacing-lg)}.alert-icon{font-size:var(--font-base)}}.badge{padding:var(--spacing-xs) var(--spacing-sm);font-weight:var(--font-weight-medium);border-radius:var(--radius-full);white-space:nowrap;vertical-align:middle;justify-content:center;align-items:center;line-height:1;display:inline-flex}.badge-sm{padding:2px var(--spacing-xs);font-size:var(--font-xs)}.badge-md{padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-sm)}.badge-default{background-color:var(--color-secondary);color:var(--color-text);border:1px solid var(--color-border)}.badge-success{background-color:var(--color-success-light);color:var(--color-success-active);border:1px solid var(--color-success)}.badge-warning{background-color:var(--color-warning-light);color:#856404;border:1px solid var(--color-warning)}.badge-danger{background-color:var(--color-danger-light);color:var(--color-danger-active);border:1px solid var(--color-danger)}.badge-info{background-color:var(--color-info-light);color:var(--color-info-active);border:1px solid var(--color-info)}.badge-primary{background-color:var(--color-primary);color:var(--color-text-inverse);border:1px solid var(--color-primary)}@media (width<=768px){.badge-md{font-size:var(--font-xs);padding:2px var(--spacing-xs)}}.tab-navigation-wrapper{background-color:var(--color-bg);border-bottom:2px solid var(--color-border);align-items:stretch;display:flex;position:relative}.tab-navigation{scroll-behavior:smooth;-ms-overflow-style:none;scrollbar-width:none;flex:1;margin:0;padding:0;list-style:none;display:flex;overflow:auto hidden}.tab-navigation::-webkit-scrollbar{display:none}.tab-scroll-button{background-color:var(--color-bg);color:var(--color-text);cursor:pointer;transition:background-color var(--transition-base), color var(--transition-base);-webkit-user-select:none;user-select:none;border:none;flex-shrink:0;justify-content:center;align-items:center;width:50px;padding:0;font-size:1.2rem;display:flex}.tab-scroll-button:hover:not(:disabled){background-color:var(--color-bg-light);color:var(--color-primary)}.tab-scroll-button:active:not(:disabled){background-color:var(--color-bg-hover)}.tab-scroll-button:disabled{color:var(--color-text-muted);cursor:not-allowed;opacity:.5}.tab-scroll-button:focus-visible{outline:2px solid var(--color-primary);outline-offset:-2px;z-index:1}.tab-scroll-left{border-left:none;border-right:1px solid var(--color-border)}.tab-scroll-right{border-right:none;border-left:1px solid var(--color-border)}.tab-button{align-items:center;gap:var(--spacing-xs);color:var(--color-text-muted);font-size:var(--font-md);cursor:pointer;transition:color var(--transition-base), border-color var(--transition-base), background-color var(--transition-base);white-space:nowrap;font-weight:var(--font-weight-medium);-webkit-user-select:none;user-select:none;background:0 0;border:none;border-bottom:3px solid #0000;flex-shrink:0;padding:1rem 1.5rem;display:flex}.tab-button:hover{color:var(--color-text);background-color:var(--color-bg-light)}.tab-button.active{color:var(--color-primary);border-bottom-color:var(--color-primary);font-weight:var(--font-weight-medium)}.tab-button.disabled{color:var(--color-text-muted);opacity:.5;cursor:not-allowed;pointer-events:none}.tab-button:focus-visible{outline:2px solid var(--color-primary);outline-offset:-2px;z-index:1}.tab-icon{font-size:1.1rem;line-height:1}.tab-label{line-height:1}@media (width<=768px){.tab-button{font-size:var(--font-sm);padding:.8rem 1rem}.tab-scroll-button{width:40px;font-size:1.1rem}.tab-icon{font-size:1rem}}@media (width<=480px){.tab-button{padding:.6rem .8rem}.tab-scroll-button{width:35px;font-size:1rem}}@media (prefers-contrast:high){.tab-button.active{border-bottom-width:4px}}@media (prefers-reduced-motion:reduce){.tab-navigation{scroll-behavior:auto}.tab-button,.tab-scroll-button{transition:none}}.tooltip-container{display:inline-flex;position:relative}.tooltip-content{padding:var(--spacing-xs) var(--spacing-sm);background-color:var(--color-bg-dark);color:var(--color-text-inverse);font-size:var(--font-sm);line-height:var(--line-height-normal);border-radius:var(--radius-sm);white-space:nowrap;z-index:var(--z-tooltip);opacity:0;pointer-events:none;transition:opacity var(--transition-base);box-shadow:var(--shadow-md);position:absolute}.tooltip-visible{opacity:1}.tooltip-arrow{border-style:solid;width:0;height:0;position:absolute}.tooltip-top{margin-bottom:8px;bottom:100%;left:50%;transform:translate(-50%)translateY(-8px)}.tooltip-top .tooltip-arrow{border-width:6px 6px 0;border-color:var(--color-bg-dark) transparent transparent transparent;top:100%;left:50%;transform:translate(-50%)}.tooltip-bottom{margin-top:8px;top:100%;left:50%;transform:translate(-50%)translateY(8px)}.tooltip-bottom .tooltip-arrow{border-width:0 6px 6px;border-color:transparent transparent var(--color-bg-dark) transparent;bottom:100%;left:50%;transform:translate(-50%)}.tooltip-left{margin-right:8px;top:50%;right:100%;transform:translateY(-50%)translate(-8px)}.tooltip-left .tooltip-arrow{border-width:6px 0 6px 6px;border-color:transparent transparent transparent var(--color-bg-dark);top:50%;left:100%;transform:translateY(-50%)}.tooltip-right{margin-left:8px;top:50%;left:100%;transform:translateY(-50%)translate(8px)}.tooltip-right .tooltip-arrow{border-width:6px 6px 6px 0;border-color:transparent var(--color-bg-dark) transparent transparent;top:50%;right:100%;transform:translateY(-50%)}.tooltip-content.tooltip-multiline{white-space:normal;max-width:250px}@media (width<=768px){.tooltip-content{font-size:var(--font-xs);padding:4px var(--spacing-xs)}.tooltip-content.tooltip-multiline{max-width:200px}}.accordion{flex-direction:column;gap:1rem;display:flex}.accordion-item{background-color:#fff;border-radius:8px;transition:all .2s;overflow:hidden;box-shadow:0 1px 3px #0000001a}.accordion-item-expanded{box-shadow:0 2px 6px #00000026}.accordion-header{cursor:pointer;background-color:#fff;justify-content:space-between;align-items:center;min-height:60px;padding:1rem 1.5rem;transition:all .2s;display:flex}.accordion-header:hover{background-color:#f9f9f9}.accordion-item-expanded .accordion-header{border-bottom:1px solid #e0e0e0}.accordion-title-wrapper{flex:1;align-items:center;gap:.8rem;display:flex}.accordion-icon{flex-shrink:0;justify-content:center;align-items:center;width:1.5rem;height:1.5rem;margin:0;font-size:1.5rem;line-height:1;display:inline-flex}.accordion-title{color:#333;align-items:center;margin:0;font-size:1.1rem;font-weight:600;line-height:1.3;display:flex}.accordion-badge{color:#666;margin-left:.3rem;font-size:.95rem;font-weight:500}.accordion-header-right{flex-shrink:0;align-items:center;gap:.5rem;display:flex}.accordion-actions{align-items:center;gap:.25rem;display:flex}.accordion-expand-icon{color:#999;flex-shrink:0;font-size:.9rem;transition:transform .2s}.accordion-content{background-color:#fff;padding:1.5rem;animation:.3s ease-out accordion-slide-down}@keyframes accordion-slide-down{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media (width<=768px){.accordion-header{padding:.75rem 1rem}.accordion-content{padding:1rem}.accordion-title{font-size:1rem}.accordion-icon{font-size:1.25rem}}.inline-accordion{flex-direction:column;gap:0;display:flex}.inline-accordion-item{border-bottom:1px solid #e0e0e0}.inline-accordion-item:last-child{border-bottom:none}.inline-accordion-header{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:.5rem;padding:.75rem 0;transition:all .15s;display:flex}.inline-accordion-header:hover{opacity:.7}.inline-accordion-expand-icon{color:#999;flex-shrink:0;justify-content:center;align-items:center;width:14px;font-size:.7rem;transition:transform .15s;display:inline-flex}.inline-accordion-title{color:#666;text-transform:uppercase;letter-spacing:.5px;flex:1;font-size:.9rem;font-weight:600;line-height:1.2}.inline-accordion-badge{color:#999;margin-left:auto;font-size:.85rem;font-weight:500}.inline-accordion-content{padding:0;animation:.2s ease-out inline-accordion-slide-down}@keyframes inline-accordion-slide-down{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.tool-icon{justify-content:center;align-items:center;width:100%;height:100%;display:inline-flex}.tool-icon img,.tool-icon svg{object-fit:contain;width:100%;height:100%;display:block}.tool-sidebar{background-color:#fff;border-right:1px solid #e0e0e0;flex-direction:column;flex-shrink:0;transition:width .3s;display:flex;position:relative;overflow:hidden}.tool-sidebar.collapsed{flex-direction:column;justify-content:flex-end;min-width:48px;max-width:48px;display:flex;position:relative;width:48px!important}.tool-sidebar-content{flex-direction:column;flex:1;display:flex;overflow:hidden auto}.tool-sidebar-toggle{color:#6c757d;cursor:pointer;background-color:#f8f9fa;border:none;border-top:1px solid #e0e0e0;flex-shrink:0;justify-content:center;align-items:center;width:100%;padding:1rem;font-size:16px;transition:all .2s;display:flex;position:relative}.tool-sidebar-toggle:hover{color:#495057;background-color:#e9ecef}.tool-sidebar-toggle:active{background-color:#dee2e6}.tool-sidebar-toggle.collapsed{border:none;border-top:1px solid #e0e0e0;border-radius:0;width:100%;height:auto;margin:0;padding:1rem 0}.tool-sidebar-resize-handle{cursor:col-resize;z-index:10;width:4px;height:100%;transition:background-color .15s;position:absolute;top:0;right:0}.tool-sidebar-resize-handle:hover{background-color:#667eea4d}.tool-sidebar-resize-handle:active{background-color:#667eea80}.tool-sidebar-content::-webkit-scrollbar{width:6px}.tool-sidebar-content::-webkit-scrollbar-track{background:0 0}.tool-sidebar-content::-webkit-scrollbar-thumb{background:#dee2e6;border-radius:3px}.tool-sidebar-content::-webkit-scrollbar-thumb:hover{background:#ced4da}@media (width<=768px){.tool-sidebar.expanded{width:240px!important}}.search-input-wrapper{width:100%;position:relative}.search-input-wrapper .search-input{background-color:#fff;border:1px solid #d0d0d0;border-radius:6px;outline:none;width:100%;padding:.75rem 2.5rem .75rem 1rem;font-size:.9rem;transition:all .2s}.search-input-wrapper .search-input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.search-input-wrapper .search-input::placeholder{color:#999}.search-input-wrapper .search-input:disabled{cursor:not-allowed;opacity:.6;background-color:#f5f5f5}.search-input-wrapper .search-clear{color:#999;cursor:pointer;background:0 0;border:none;padding:.25rem .5rem;font-size:1.2rem;line-height:1;transition:color .2s;position:absolute;top:50%;right:.5rem;transform:translateY(-50%)}.search-input-wrapper .search-clear:hover:not(:disabled){color:#333}.search-input-wrapper .search-clear:disabled{cursor:not-allowed;opacity:.5}.sidebar-search .search-input-wrapper{padding:0}.asset-library-toolbar{flex-wrap:wrap;align-items:center;gap:8px;padding:0 0 12px;display:flex}.asset-library-search{border:1px solid var(--color-border,#e2e8f0);border-radius:6px;outline:none;flex:180px;min-width:140px;padding:6px 10px;font-size:13px;transition:border-color .15s}.asset-library-search:focus{border-color:var(--color-primary,#2563eb)}.asset-library-select{border:1px solid var(--color-border,#e2e8f0);cursor:pointer;background:#fff;border-radius:6px;outline:none;padding:6px 8px;font-size:13px}.asset-library-select:focus{border-color:var(--color-primary,#2563eb)}.asset-library-grid-area{border:2px solid #0000;border-radius:8px;min-height:300px;max-height:480px;transition:border-color .15s,background .15s;position:relative;overflow-y:auto}.asset-library-grid-area.dragging{background:#2563eb0a}.asset-library-drop-overlay{border:2.5px dashed var(--color-primary,#2563eb);color:var(--color-primary,#2563eb);z-index:10;pointer-events:none;background:#ffffffeb;border-radius:8px;justify-content:center;align-items:center;font-size:15px;font-weight:600;display:flex;position:absolute;inset:0}.asset-library-grid{grid-template-columns:repeat(4,1fr);gap:10px;padding:4px;display:grid}@media (width<=600px){.asset-library-grid{grid-template-columns:repeat(2,1fr)}}.asset-library-item{cursor:pointer;border:2.5px solid #0000;border-radius:6px;outline:none;flex-direction:column;align-items:center;gap:4px;padding:4px;transition:border-color .12s;display:flex;position:relative}.asset-library-item:hover{border-color:var(--color-border,#e2e8f0)}.asset-library-item.selected{border-color:var(--color-primary,#2563eb);background:#2563eb0a}.asset-library-thumb{aspect-ratio:1;object-fit:cover;background:#f1f5f9;border-radius:4px;width:100%;display:block}.asset-thumb-placeholder{background:#f1f5f9;border-radius:4px;justify-content:center;align-items:center;display:flex}.asset-thumb-error{background:#f1f5f9}.asset-thumb-error:after{content:"✕";color:#cbd5e1;font-size:16px}.asset-library-filename{color:#64748b;text-overflow:ellipsis;white-space:nowrap;text-align:center;width:100%;font-size:11px;overflow:hidden}.asset-library-loading,.asset-library-empty{color:#94a3b8;justify-content:center;align-items:center;min-height:200px;font-size:13px;display:flex}.asset-library-sentinel{justify-content:center;padding:16px 0 8px;display:flex}.asset-library-footer{justify-content:space-between;align-items:center;gap:12px;display:flex}.asset-library-count{color:#64748b;font-size:13px}.asset-library-footer-actions{gap:8px;display:flex}.asset-thumb-actions-overlay{opacity:0;pointer-events:none;background:#00000061;border-radius:4px;justify-content:center;align-items:center;gap:8px;transition:opacity .15s;display:flex;position:absolute;inset:0}.asset-library-item:hover .asset-thumb-actions-overlay{opacity:1;pointer-events:auto}.asset-thumb-action-btn{color:#1a202c;cursor:pointer;background:#ffffffe0;border:none;border-radius:6px;justify-content:center;align-items:center;width:36px;height:36px;transition:background .1s;display:flex}.asset-thumb-action-btn:hover{background:#fff}.asset-thumb-action-btn:disabled{opacity:.55;cursor:wait}.igm-body{flex:1;display:flex;overflow:hidden}.igm-settings{border-right:1px solid var(--color-border,#e2e8f0);flex-direction:column;flex-shrink:0;width:30%;display:flex;overflow:hidden}.igm-schema-fields{flex:1;padding:12px 14px;overflow-y:auto}.igm-field-group{margin-bottom:12px;position:relative}.igm-label{color:var(--color-text-secondary,#64748b);text-transform:uppercase;letter-spacing:.05em;margin-bottom:4px;font-size:11px;font-weight:600;display:block}.igm-fixed-badge{text-transform:uppercase;letter-spacing:.04em;background:var(--color-success-bg,#dcfce7);color:var(--color-success,#16a34a);border-radius:3px;margin-left:6px;padding:1px 5px;font-size:9px;font-weight:700}.igm-prompt-section{border-top:1px solid var(--color-border,#e2e8f0);padding:12px 14px}.igm-prompt-textarea{border:1px solid var(--color-border,#e2e8f0);resize:none;box-sizing:border-box;width:100%;color:var(--color-text-primary,#0f172a);background:var(--color-bg-primary,#fff);border-radius:4px;padding:8px;font-family:inherit;font-size:13px}.igm-prompt-textarea:disabled{background:var(--color-bg-secondary,#f8fafc);color:var(--color-text-secondary,#64748b)}.igm-right{background:var(--color-bg-secondary,#f8fafc);flex-direction:column;flex:1;display:flex;overflow:hidden}.igm-preview{flex:1;align-items:stretch;padding:10px;display:flex;overflow:hidden}.igm-preview-frame{border:1px solid var(--color-border,#e2e8f0);background:var(--color-bg-primary,#fff);border-radius:6px;flex:1;justify-content:center;align-items:center;display:flex;overflow:hidden}.igm-preview-placeholder{color:var(--color-text-secondary,#64748b);justify-content:center;align-items:center;font-size:13px;display:flex}.igm-gallery{border-top:1px solid var(--color-border,#e2e8f0);background:var(--color-bg-primary,#fff);padding:10px 16px 12px}.igm-gallery-label{text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-secondary,#64748b);margin-bottom:8px;font-size:10px;font-weight:600}.igm-gallery-strip{gap:8px;padding-bottom:2px;display:flex;overflow-x:auto}.igm-thumbnail-wrap{cursor:pointer;flex-direction:column;flex-shrink:0;align-items:center;gap:3px;display:flex}.igm-thumbnail-wrap--selected .igm-thumbnail{border-color:var(--color-primary,#2563eb)}.igm-thumbnail{border:2px solid var(--color-border,#e2e8f0);background:var(--color-bg-secondary,#f8fafc);border-radius:4px;justify-content:center;align-items:center;min-width:80px;height:56px;transition:border-color .15s;display:flex;overflow:hidden}.igm-thumbnail-placeholder{color:var(--color-text-secondary,#64748b);font-size:12px}.igm-thumbnail-spinner{border:2px solid var(--color-border,#e2e8f0);border-top-color:var(--color-primary,#2563eb);border-radius:50%;flex-shrink:0;width:16px;height:16px;animation:.8s linear infinite igm-spin}@keyframes igm-spin{to{transform:rotate(360deg)}}.igm-footer{justify-content:flex-end;align-items:center;width:100%;padding:10px 16px;display:flex}.igm-footer-actions{gap:8px;display:flex}.igm-modal-wrapper{width:80vw;max-width:80vw;height:90vh}.igm-modal-wrapper .modal-body{flex-direction:column;padding:0;display:flex;overflow:hidden}.igm-modal-wrapper .modal-footer{padding:0}.igm-quantity-select{flex-shrink:0;width:64px}.igm-subtool-layout{box-sizing:border-box;grid-template-columns:1fr 350px;gap:24px;height:100%;min-height:0;max-height:100%;display:grid}.igm-subtool-layout>.content-section{min-height:0;margin-bottom:0}.igm-subtool-main{flex-direction:column;gap:12px;min-height:0;display:flex;overflow:hidden}.igm-subtool-main .igm-subtool-preview{flex:1 1 0;min-height:0;padding:0;overflow:hidden}.igm-subtool-main .igm-gallery{background:0 0;border-top:none;flex-shrink:0;padding:0}.igm-subtool-main .igm-prompt-bar{flex-shrink:0;padding:0}.igm-subtool-settings{flex-direction:column;gap:12px;display:flex;overflow-y:auto}.igm-subtool-settings h3{color:#1a1a1a;margin:0 0 12px;font-size:18px;font-weight:600}.igm-subtool-settings .igm-settings{border-right:none;width:100%}.igm-subtool-settings .igm-schema-fields{padding:0}.igm-settings .file-upload-dropzone{border-width:1px;border-radius:6px;padding:12px}.igm-settings .dropzone-icon{opacity:.55;margin:0 0 4px;font-size:1.4rem}.igm-settings .dropzone-text{margin:0 0 2px;font-size:.85rem;font-weight:500;line-height:1.2}.igm-settings .dropzone-hint{margin:0;font-size:.7rem;line-height:1.2}.igm-prompt-bar{box-sizing:border-box;align-items:flex-end;gap:12px;width:100%;padding:10px 16px;display:flex}.igm-prompt-bar-textarea{border:1px solid var(--color-border,#e2e8f0);resize:vertical;box-sizing:border-box;color:var(--color-text-primary,#0f172a);background:var(--color-bg-primary,#fff);border-radius:4px;flex:1;min-height:52px;max-height:160px;padding:8px;font-family:inherit;font-size:13px}.igm-prompt-bar-textarea:focus{border-color:var(--color-primary,#2563eb);outline:none}.igm-prompt-bar-textarea:disabled{background:var(--color-bg-secondary,#f8fafc);color:var(--color-text-secondary,#64748b)}.igm-prompt-bar-actions{flex-shrink:0;align-items:center;gap:8px;display:flex}@media (width<=1200px){.igm-subtool-layout{grid-template-columns:1fr}.igm-subtool-settings{order:-1}}@keyframes marching-ants{0%{background-position:0 0,0 100%,0 0,100% 0}to{background-position:20px 0,-20px 100%,0 -20px,100% 20px}}:root{--rc-drag-handle-size:12px;--rc-drag-handle-mobile-size:24px;--rc-drag-handle-bg-colour:#0003;--rc-drag-bar-size:6px;--rc-border-color:#ffffffb3;--rc-focus-color:#08f}.ReactCrop{cursor:crosshair;max-width:100%;display:inline-block;position:relative}.ReactCrop *,.ReactCrop :before,.ReactCrop :after{box-sizing:border-box}.ReactCrop--disabled,.ReactCrop--locked{cursor:inherit}.ReactCrop__child-wrapper{max-height:inherit;overflow:hidden}.ReactCrop__child-wrapper>img,.ReactCrop__child-wrapper>video{max-width:100%;max-height:inherit;display:block}.ReactCrop:not(.ReactCrop--disabled) .ReactCrop__child-wrapper>img,.ReactCrop:not(.ReactCrop--disabled) .ReactCrop__child-wrapper>video,.ReactCrop:not(.ReactCrop--disabled) .ReactCrop__crop-selection{touch-action:none}.ReactCrop__crop-mask{pointer-events:none;width:calc(100% + .5px);height:calc(100% + .5px);position:absolute;inset:0}.ReactCrop__crop-selection{cursor:move;position:absolute;top:0;left:0;transform:translateZ(0)}.ReactCrop--disabled .ReactCrop__crop-selection{cursor:inherit}.ReactCrop--circular-crop .ReactCrop__crop-selection{border-radius:50%}.ReactCrop--circular-crop .ReactCrop__crop-selection:after{pointer-events:none;content:"";border:1px solid var(--rc-border-color);opacity:.3;position:absolute;inset:-1px}.ReactCrop--no-animate .ReactCrop__crop-selection{outline:1px dashed #fff}.ReactCrop__crop-selection:not(.ReactCrop--no-animate .ReactCrop__crop-selection){color:#fff;background-image:linear-gradient(90deg,#fff 50%,#444 50%),linear-gradient(90deg,#fff 50%,#444 50%),linear-gradient(#fff 50%,#444 50%),linear-gradient(#fff 50%,#444 50%);background-position:0 0,0 100%,0 0,100% 0;background-repeat:repeat-x,repeat-x,repeat-y,repeat-y;background-size:10px 1px,10px 1px,1px 10px,1px 10px;animation:1s linear infinite marching-ants}.ReactCrop__crop-selection:focus{outline:2px solid var(--rc-focus-color);outline-offset:-1px}.ReactCrop--invisible-crop .ReactCrop__crop-mask,.ReactCrop--invisible-crop .ReactCrop__crop-selection{display:none}.ReactCrop__rule-of-thirds-vt:before,.ReactCrop__rule-of-thirds-vt:after,.ReactCrop__rule-of-thirds-hz:before,.ReactCrop__rule-of-thirds-hz:after{content:"";background-color:#fff6;display:block;position:absolute}.ReactCrop__rule-of-thirds-vt:before,.ReactCrop__rule-of-thirds-vt:after{width:1px;height:100%}.ReactCrop__rule-of-thirds-vt:before{left:33.3333%}.ReactCrop__rule-of-thirds-vt:after{left:66.6667%}.ReactCrop__rule-of-thirds-hz:before,.ReactCrop__rule-of-thirds-hz:after{width:100%;height:1px}.ReactCrop__rule-of-thirds-hz:before{top:33.3333%}.ReactCrop__rule-of-thirds-hz:after{top:66.6667%}.ReactCrop__drag-handle{width:var(--rc-drag-handle-size);height:var(--rc-drag-handle-size);background-color:var(--rc-drag-handle-bg-colour);border:1px solid var(--rc-border-color);position:absolute}.ReactCrop__drag-handle:focus{background:var(--rc-focus-color)}.ReactCrop .ord-nw{cursor:nw-resize;top:0;left:0;transform:translate(-50%,-50%)}.ReactCrop .ord-n{cursor:n-resize;top:0;left:50%;transform:translate(-50%,-50%)}.ReactCrop .ord-ne{cursor:ne-resize;top:0;right:0;transform:translate(50%,-50%)}.ReactCrop .ord-e{cursor:e-resize;top:50%;right:0;transform:translate(50%,-50%)}.ReactCrop .ord-se{cursor:se-resize;bottom:0;right:0;transform:translate(50%,50%)}.ReactCrop .ord-s{cursor:s-resize;bottom:0;left:50%;transform:translate(-50%,50%)}.ReactCrop .ord-sw{cursor:sw-resize;bottom:0;left:0;transform:translate(-50%,50%)}.ReactCrop .ord-w{cursor:w-resize;top:50%;left:0;transform:translate(-50%,-50%)}.ReactCrop__disabled .ReactCrop__drag-handle{cursor:inherit}.ReactCrop__drag-bar{position:absolute}.ReactCrop__drag-bar.ord-n{width:100%;height:var(--rc-drag-bar-size);top:0;left:0;transform:translateY(-50%)}.ReactCrop__drag-bar.ord-e{width:var(--rc-drag-bar-size);height:100%;top:0;right:0;transform:translate(50%)}.ReactCrop__drag-bar.ord-s{width:100%;height:var(--rc-drag-bar-size);bottom:0;left:0;transform:translateY(50%)}.ReactCrop__drag-bar.ord-w{width:var(--rc-drag-bar-size);height:100%;top:0;left:0;transform:translate(-50%)}.ReactCrop--new-crop .ReactCrop__drag-bar,.ReactCrop--new-crop .ReactCrop__drag-handle,.ReactCrop--fixed-aspect .ReactCrop__drag-bar,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-n,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-e,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-s,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-w{display:none}@media (pointer:coarse){.ReactCrop .ord-n,.ReactCrop .ord-e,.ReactCrop .ord-s,.ReactCrop .ord-w{display:none}.ReactCrop__drag-handle{width:var(--rc-drag-handle-mobile-size);height:var(--rc-drag-handle-mobile-size)}}.image-crop-modal-body{padding:16px 20px 20px}.image-crop-info{color:var(--color-text-secondary);margin-bottom:12px;font-size:12px}.image-crop-stage{cursor:move;background:#1c1c1c;border-radius:8px;justify-content:center;align-items:center;min-height:260px;max-height:360px;margin-bottom:14px;padding:12px;display:flex;position:relative;overflow:hidden}.image-crop-stage .ReactCrop__crop-selection{border-color:#ffffffe6;box-shadow:0 0 0 9999em #00000073}.image-crop-stage .ReactCrop__drag-handle:after{background-color:#fff;border:none;border-radius:1px;width:10px;height:10px}.image-crop-zoom-row{align-items:center;gap:10px;margin-bottom:4px;display:flex}.image-crop-zoom-label{color:var(--color-text-secondary);white-space:nowrap;min-width:38px;font-size:12px}.image-crop-zoom-slider{-webkit-appearance:none;background:linear-gradient(to right, var(--color-primary,#4f6ef7) var(--zoom-pct,0%), #ddd var(--zoom-pct,0%));cursor:pointer;border-radius:2px;outline:none;flex:1;height:4px}.image-crop-zoom-slider::-webkit-slider-thumb{-webkit-appearance:none;background:var(--color-primary,#4f6ef7);cursor:pointer;border-radius:50%;width:16px;height:16px;box-shadow:0 1px 4px #0003}.image-crop-zoom-value{color:var(--color-text-secondary);text-align:right;min-width:38px;font-size:12px}.image-crop-ratio-badge{color:#fff;pointer-events:none;z-index:2;background:#0009;border-radius:20px;padding:3px 8px;font-size:11px;font-weight:500;position:absolute;top:10px;right:10px}.wireframe-image-scroll{scrollbar-width:thin;scrollbar-color:transparent transparent;transition:scrollbar-color .2s}.wireframe-image-scroll:hover{scrollbar-color:#0000002e transparent}.wireframe-image-scroll::-webkit-scrollbar{width:4px}.wireframe-image-scroll::-webkit-scrollbar-track{background:0 0}.wireframe-image-scroll::-webkit-scrollbar-thumb{background:0 0;border-radius:4px;transition:background .2s}.wireframe-image-scroll:hover::-webkit-scrollbar-thumb{background:#0000002e}.wireframe-canvas ul,.wireframe-canvas ol{list-style:revert;margin:revert;padding:revert}.wireframe-canvas li{margin:revert;padding:revert}.wireframe-canvas h1,.wireframe-canvas h2,.wireframe-canvas h3,.wireframe-canvas h4,.wireframe-canvas h5,.wireframe-canvas h6{font-size:revert;font-weight:revert;margin:revert;line-height:revert}.wireframe-canvas p{margin:revert;font-size:revert;font-family:revert}.wireframe-canvas a{color:revert;-webkit-text-decoration:revert;text-decoration:revert}.wireframe-canvas table{border-collapse:revert}.wireframe-canvas td,.wireframe-canvas th{padding:revert}.wireframe-canvas blockquote,.wireframe-canvas figure{margin:revert}.wireframe-canvas hr{margin:revert;border:revert}.wireframe-canvas pre,.wireframe-canvas code{font-family:revert;font-size:revert}.gen-history-version-selector{color:var(--color-text-secondary);align-items:center;gap:8px;margin-bottom:16px;font-size:13px;display:flex}.gen-history-version-selector select{border:1px solid var(--color-border);border-radius:var(--border-radius-md);background:var(--color-surface);color:var(--color-text);cursor:pointer;padding:4px 8px;font-size:13px}.gen-history-messages{flex-direction:column;gap:8px;max-height:560px;padding:2px 4px;display:flex;overflow-y:auto}.gen-history-system{background:var(--color-bg);border:1px dashed var(--color-border);border-radius:var(--border-radius-md);color:var(--color-text-secondary);cursor:pointer;align-items:center;gap:8px;padding:6px 10px;font-size:11px;display:flex}.gen-history-system-badge{text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;border-radius:4px;flex-shrink:0;padding:2px 6px;font-size:10px;font-weight:700}.gen-history-system-badge.text{color:#1d4ed8;background:#dbeafe}.gen-history-system-badge.review{color:#c2410c;background:#ffedd5}.gen-history-system-label{white-space:nowrap;text-overflow:ellipsis;flex:1;font-style:italic;overflow:hidden}.gen-history-system-toggle{opacity:.5;flex-shrink:0;margin-left:auto}.gen-history-system-content{white-space:pre-wrap;word-break:break-word;background:var(--color-bg);border:1px dashed var(--color-border);border-radius:0 0 var(--border-radius-md) var(--border-radius-md);color:var(--color-text-secondary);border-top:none;max-height:200px;margin-top:-8px;padding:8px 10px;font-family:monospace;font-size:11px;overflow-y:auto}.gen-history-row{flex-direction:column;display:flex}.gen-history-row.user{align-items:flex-end}.gen-history-row.assistant{align-items:flex-start}.gen-history-bubble{white-space:pre-wrap;word-break:break-word;border-radius:12px;max-width:78%;padding:10px 13px;font-size:12px;line-height:1.55}.gen-history-row.user.client-text .gen-history-bubble{color:#fff;background:#2563eb;border-bottom-right-radius:4px}.gen-history-row.assistant.client-text .gen-history-bubble{color:#1e3a5f;background:#dbeafe;border:1px solid #bfdbfe;border-bottom-left-radius:4px}.gen-history-row.user.client-review .gen-history-bubble{color:#fff;background:#ea580c;border-bottom-right-radius:4px}.gen-history-row.assistant.client-review .gen-history-bubble{color:#7c2d12;background:#ffedd5;border:1px solid #fed7aa;border-bottom-left-radius:4px}.gen-history-meta{color:var(--color-text-secondary);gap:10px;margin-top:3px;padding-left:2px;font-size:10px;display:flex}.gen-history-meta-client{text-transform:uppercase;letter-spacing:.4px;font-weight:700}.gen-history-meta-client.text{color:#2563eb}.gen-history-meta-client.review{color:#ea580c}.gen-history-empty,.gen-history-loading{text-align:center;color:var(--color-text-secondary);padding:40px 0;font-size:13px}.themen-board-section-header{justify-content:space-between;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-md);display:flex}.themen-board-section-header h3{margin:0}.themen-board-section-actions{justify-content:flex-end;gap:var(--spacing-sm);margin-top:var(--spacing-md);display:flex}.themen-board-kpi-list{gap:var(--spacing-md);flex-direction:column;display:flex}.themen-board-kpi-row{gap:var(--spacing-md);grid-template-columns:1fr 1fr;align-items:start;display:grid}@media (width<=768px){.themen-board-kpi-row{grid-template-columns:1fr}}.themen-board-already-voted{color:var(--color-text-muted);margin:0 0 var(--spacing-sm)}.themen-board-topic-list{margin-top:var(--spacing-md)}.themen-board-empty{color:var(--color-text-muted);margin:var(--spacing-md) 0;text-align:center}.themen-board-topic-description{margin:0 0 var(--spacing-md);color:var(--color-text);white-space:pre-wrap}.themen-board-votes-list{margin-top:var(--spacing-md)}.themen-board-votes-list h4{margin:0 0 var(--spacing-sm)}.themen-board-votes-list ul{padding-left:var(--spacing-lg);margin:0}.themen-board-vote-tooltip{text-align:left;font-size:var(--font-sm);min-width:160px}.themen-board-vote-tooltip ul{padding-left:var(--spacing-lg);margin:2px 0 6px}.themen-board-vote-tooltip strong{margin-top:var(--spacing-xs);display:block}.themen-board-vote-tooltip>div:first-child strong{margin-top:0}.themen-board-kpi-comment{color:var(--color-text-muted)}.themen-board-accordion .accordion-item{overflow:visible}.themen-board-vote-tooltip-content{white-space:normal;text-align:left;max-width:280px}.themen-board-kpi-info-tooltip{white-space:normal;text-align:left;max-width:260px;font-weight:var(--font-weight-normal)}.themen-board-kpi-info-icon{background-color:var(--color-text-muted);width:16px;height:16px;color:var(--color-bg);font-size:11px;font-weight:var(--font-weight-bold);cursor:help;-webkit-user-select:none;user-select:none;vertical-align:middle;border-radius:50%;justify-content:center;align-items:center;margin-left:4px;font-style:italic;line-height:1;display:inline-flex}.themen-board-kpi-info-icon:hover{background-color:var(--color-primary)}.themen-board-import-row{align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-md);display:flex}.themen-board-import-filename{color:var(--color-text-muted);font-size:var(--font-sm)}.themen-board-import-result{margin-top:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px solid var(--color-border)}.themen-board-topic-score{margin-left:var(--spacing-sm);border-radius:var(--radius-sm);background-color:var(--color-bg-light);color:var(--color-text-muted);font-size:var(--font-sm);font-weight:var(--font-weight-medium);font-variant-numeric:tabular-nums;vertical-align:middle;padding:2px 8px}.themen-board-prios-toolbar{align-items:stretch;gap:var(--spacing-md);margin-bottom:var(--spacing-md);display:flex}.themen-board-prios-title{white-space:nowrap;flex:none;align-self:center;margin:0}.themen-board-prios-filter{flex:1;min-width:0}.themen-board-prios-export{padding:var(--input-padding-y) var(--input-padding-x);font-size:var(--font-md);line-height:var(--line-height-normal);flex:none;justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.themen-board-briefing{margin-bottom:var(--spacing-md)}.themen-board-briefing-display{background:var(--color-bg-subtle,#f7f7f8);border:1px solid var(--color-border,#e1e1e3);border-radius:var(--border-radius-md,6px);padding:var(--spacing-sm) var(--spacing-md);margin-bottom:var(--spacing-sm)}.themen-board-briefing-display p:last-child{margin-bottom:0}.themen-board-impl-efforts{margin:var(--spacing-md) 0}.themen-board-impl-efforts-rows{gap:var(--spacing-sm);margin-top:var(--spacing-sm);grid-template-columns:repeat(auto-fit,minmax(160px,1fr));align-items:end;display:grid}.themen-board-impl-efforts-cell{flex-direction:column;justify-content:flex-end;height:100%;display:flex}.themen-board-impl-efforts-total{margin-top:var(--spacing-sm);color:var(--color-text-secondary,#555);grid-column:1/-1;font-size:.95em}.themen-board-weights-list{gap:var(--spacing-sm);margin:var(--spacing-md) 0;flex-direction:column;display:flex}.themen-board-weights-total{margin-top:var(--spacing-md);font-size:1em}.app-launcher-container{align-items:stretch;height:100%;display:flex;position:relative}.app-launcher-container>.tooltip-container{align-items:stretch;height:100%;display:flex}.app-launcher-icon{width:22px;height:22px}.app-launcher-popover{z-index:1000;background:#fff;border-radius:12px;width:320px;padding:16px;animation:.15s ease-out appLauncherFadeIn;position:fixed;box-shadow:0 4px 20px #00000026,0 0 0 1px #0000000d}@keyframes appLauncherFadeIn{0%{opacity:0;transform:translateY(-8px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}.app-launcher-grid{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.app-launcher-item{cursor:pointer;min-height:88px;color:inherit;background:0 0;border:none;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;padding:12px 8px;text-decoration:none;transition:background-color .15s;display:flex}.app-launcher-item:hover{background-color:#f1f3f4}.app-launcher-item.active{background-color:#e8f0fe}.app-launcher-item:focus{outline-offset:-2px;outline:2px solid #1a73e8}.app-launcher-item-icon{background:linear-gradient(135deg,#f8f9fa 0%,#e8eaed 100%);border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:8px;transition:transform .15s,box-shadow .15s;display:flex}.app-launcher-item:hover .app-launcher-item-icon{transform:scale(1.05);box-shadow:0 2px 8px #0000001a}.area-icon-emoji{font-size:24px;line-height:1}.area-icon-image{object-fit:contain;width:28px;height:28px}.area-icon-letter{color:#5f6368;font-size:20px;font-weight:600}.app-launcher-item-name{color:#3c4043;text-align:center;text-overflow:ellipsis;white-space:nowrap;justify-content:center;align-items:center;gap:4px;max-width:100%;font-size:12px;font-weight:500;line-height:1.3;display:flex;overflow:hidden}.app-launcher-item:hover .app-launcher-item-name{color:#202124}.app-launcher-item.active .app-launcher-item-name{color:#1a73e8;font-weight:600}.app-launcher-item.external .app-launcher-item-icon{background:linear-gradient(135deg,#fff8e1 0%,#ffecb3 100%)}.area-external-icon{opacity:.5;flex-shrink:0}.app-launcher-item.external:hover .area-external-icon{opacity:.8}@media (width<=480px){.app-launcher-popover{width:280px;right:-8px}.app-launcher-item{min-height:80px;padding:10px 6px}.app-launcher-item-icon{width:40px;height:40px}.area-icon-emoji{font-size:20px}.area-icon-image{width:24px;height:24px}.app-launcher-item-name{font-size:11px}}.app-header{z-index:100;background-color:#fff;border-bottom:1px solid #e0e0e0;align-items:stretch;width:100%;height:64px;display:flex;position:sticky;top:0;left:0;overflow:hidden;box-shadow:0 2px 4px #0000000d}.header-zone{align-items:center;padding:0;display:flex}.header-zone-logo{justify-content:center;min-width:80px;padding-left:1rem}.header-zone-title{flex:1;justify-content:center}.header-zone-actions{justify-content:flex-end;align-items:stretch;gap:0;min-width:auto;padding-right:0}.header-zone-actions>.tooltip-container{align-items:stretch;height:100%;display:flex}.header-icon-button{color:#666;cursor:pointer;background:0 0;border:none;border-left:1px solid #e0e0e0;border-radius:0;justify-content:center;align-items:center;width:60px;height:100%;transition:background-color .2s,color .2s;display:flex}.header-icon-button:hover{color:#333;background-color:#f5f5f5}.header-icon-button:active{background-color:#e8e8e8}.header-icon-button.active{color:#1a73e8;background-color:#e8f0fe}.header-zone-logo a{align-items:center;text-decoration:none;display:flex}.header-logo{cursor:pointer;height:40px}.app-header h1{color:#333;text-align:center;margin:0;font-size:1.5rem;font-weight:600}.header-title-wrapper{justify-content:center;align-items:center;gap:.5rem;display:flex;position:relative}.header-title-wrapper.editable:hover .header-edit-button{opacity:1}.header-edit-button{color:#999;cursor:pointer;opacity:1;background:0 0;border:none;justify-content:center;align-items:center;padding:.25rem;transition:color .2s;display:flex}.header-edit-button:hover{color:#667eea}.header-title-action{align-items:center;margin-left:.75rem;display:flex}.header-title-input{color:#333;text-align:center;background:#fff;border:2px solid #667eea;border-radius:6px;outline:none;min-width:300px;max-width:600px;padding:.375rem .75rem;font-size:1.5rem;font-weight:600;transition:border-color .2s}.header-title-input:focus{border-color:#5568d3;box-shadow:0 0 0 3px #667eea1a}@media (width<=768px){.app-header h1{font-size:1.2rem}.header-zone-logo{min-width:60px}.header-logo{height:32px}.header-icon-button{width:50px}.header-title-input{min-width:200px;max-width:400px;font-size:1.2rem}.header-edit-button{opacity:1}}.global-sidebar{color:#ecf0f1;background-color:#2c3e50;border-right:1px solid #34495e;flex-direction:column;height:100%;transition:width .3s;display:flex;position:relative}.global-sidebar.collapsed{width:60px;min-width:60px}.global-sidebar.expanded{width:280px;min-width:280px}.global-sidebar-header{background-color:#0000001a;border-bottom:1px solid #34495e;align-items:center;gap:.75rem;padding:1rem;display:flex}.global-sidebar-area-icon{font-size:20px;line-height:1}.global-sidebar-area-name{color:#ecf0f1;font-size:14px;font-weight:600}.global-sidebar-nav{flex-direction:column;flex:1;padding:1rem 0;display:flex;overflow:hidden auto}.global-sidebar-item{color:#bdc3c7;cursor:pointer;background-color:#0000;border-radius:8px;align-items:flex-start;gap:.75rem;margin:.25rem .5rem;padding:.875rem 1rem;text-decoration:none;transition:all .2s;display:flex}.global-sidebar-item:hover{color:#ecf0f1;background-color:#ffffff1a}.global-sidebar-item.active{color:#3498db;background-color:#3498db33;border-left:3px solid #3498db}.global-sidebar-item-icon{filter:grayscale();opacity:.7;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-size:24px;line-height:1;transition:all .2s;display:flex}.global-sidebar-item:hover .global-sidebar-item-icon,.global-sidebar-item.active .global-sidebar-item-icon{filter:grayscale(0%);opacity:1}.global-sidebar-item-content{flex:1;min-width:0}.global-sidebar-item-name{color:inherit;white-space:nowrap;text-overflow:ellipsis;margin:0 0 .25rem;font-size:14px;font-weight:600;overflow:hidden}.global-sidebar-item-description{color:#95a5a6;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:11px;line-height:1.3;overflow:hidden}.global-sidebar-item:hover .global-sidebar-item-description{color:#bdc3c7}.global-sidebar-item.external .global-sidebar-item-name{align-items:center;gap:.5rem;display:flex}.external-link-icon{opacity:.5;flex-shrink:0}.global-sidebar-item.external:hover .external-link-icon{opacity:.8}.tool-icon-image{object-fit:contain;width:24px;height:24px}.tool-icon-emoji{font-size:inherit;line-height:1}.tool-icon-letter{color:inherit;font-size:16px;font-weight:600}.global-sidebar-icon{color:#bdc3c7;cursor:pointer;filter:grayscale();opacity:.7;border-radius:8px;justify-content:center;align-items:center;width:44px;height:44px;margin:.25rem auto;font-size:24px;text-decoration:none;transition:all .2s;display:flex}.global-sidebar-icon:hover{color:#ecf0f1;filter:grayscale(0%);opacity:1;background-color:#ffffff1a}.global-sidebar-icon.active{color:#3498db;filter:grayscale(0%);opacity:1;background-color:#3498db33;border-left:3px solid #3498db}.global-sidebar-toggle{color:#95a5a6;cursor:pointer;background-color:#34495e;border:none;border-top:1px solid #2c3e50;justify-content:center;align-items:center;width:100%;padding:1rem;font-size:16px;transition:all .2s;display:flex;position:relative}.global-sidebar-toggle:hover{color:#ecf0f1;background-color:#3d566e}.global-sidebar-toggle:active{background-color:#2c3e50}.global-sidebar-nav::-webkit-scrollbar{width:6px}.global-sidebar-nav::-webkit-scrollbar-track{background:0 0}.global-sidebar-nav::-webkit-scrollbar-thumb{background:#34495e;border-radius:3px}.global-sidebar-nav::-webkit-scrollbar-thumb:hover{background:#4a5f7f}@media (width<=768px){.global-sidebar.expanded{min-width:240px;width:240px!important}.global-sidebar-item{padding:.75rem .875rem}.global-sidebar-item-icon{width:20px;height:20px;font-size:20px}.global-sidebar-item-name{font-size:13px}.global-sidebar-item-description{font-size:10px}}.app-layout{height:100vh;background-color:#f5f5f5;flex-direction:column;width:100%;height:100dvh;display:flex;overflow:hidden}.app-body{flex:1;display:flex;position:relative;overflow:hidden}.app-body>:not(.global-sidebar):not(.tool-sidebar){flex:1;overflow:hidden}@media (width<=768px){.global-sidebar.expanded{min-width:240px;width:240px!important}.tool-sidebar.expanded{width:240px!important}}.layout-sidebar{background-color:#fff;border-right:1px solid #e0e0e0;flex-direction:column;flex-shrink:0;transition:all .3s;display:flex;overflow-y:auto}@media (width<=768px){.layout-sidebar{width:250px!important}}.layout-content{background-color:#f5f5f5;flex-direction:column;flex:1;display:flex;position:relative;overflow-y:auto}.layout-content-footer{z-index:10;background-color:#fff;border-top:1px solid #e0e0e0;flex-shrink:0;justify-content:flex-end;align-items:center;gap:1rem;padding:1rem 1.5rem;display:flex;position:sticky;bottom:0;box-shadow:0 -2px 4px #0000000d}@media (width<=768px){.layout-content-footer{gap:.75rem;padding:1rem}}.datatable-container{background-color:#fff;border:1px solid #e0e0e0;border-radius:6px;flex-direction:column;max-height:calc(100vh - 250px);display:flex;overflow:hidden}.datatable-scroll{flex:1;overflow:auto}.datatable{border-collapse:collapse;width:100%;font-size:.9rem}.datatable-header{text-align:left;color:#333;white-space:nowrap;-webkit-user-select:none;user-select:none;z-index:10;background-color:#f8f9fa;border-bottom:none;padding:.75rem 1rem;font-weight:600;position:sticky;top:0}.datatable-header.sortable{cursor:pointer;transition:background-color .2s}.datatable-header.sortable:hover{background-color:#e9ecef}.datatable-header.right{text-align:right}.datatable-header.center{text-align:center}.datatable-header-content{justify-content:flex-start;align-items:center;gap:.5rem;display:flex}.datatable-header.right .datatable-header-content{justify-content:flex-end}.datatable-header.center .datatable-header-content{justify-content:center}.sort-indicator{color:#667eea;font-size:.75rem;font-weight:700}.datatable-filter-row{background-color:#f8f9fa}.datatable-filter-cell{z-index:9;background-color:#f8f9fa;border-bottom:2px solid #e0e0e0;padding:.4rem 1rem .5rem;position:sticky;top:43px}.datatable-filter-input{background-color:#fff;border:1px solid #d0d0d0;border-radius:4px;outline:none;width:100%;padding:.35rem .5rem;font-size:.85rem;transition:border-color .2s}.datatable-filter-input:focus{border-color:#667eea;box-shadow:0 0 0 2px #667eea1a}.datatable-filter-input::placeholder{color:#999;font-size:.8rem}.datatable-cell{color:#555;vertical-align:middle;border-bottom:1px solid #f0f0f0;padding:.75rem 1rem}.datatable tbody tr:hover{background-color:#f8f9fa}.datatable tbody tr:last-child .datatable-cell{border-bottom:none}.datatable-cell.right{text-align:right}.datatable-cell.center{text-align:center}.datatable-cell.left{text-align:left}.datatable-footer{color:#666;text-align:right;background-color:#f8f9fa;border-top:1px solid #e0e0e0;padding:.75rem 1rem;font-size:.85rem}.datatable-empty{text-align:center;color:#999;background-color:#f8f9fa;border:1px solid #e0e0e0;border-radius:6px;padding:3rem 2rem;font-size:.95rem}@media (width<=768px){.datatable-header,.datatable-filter-cell,.datatable-cell{padding:.5rem .75rem;font-size:.85rem}.datatable-filter-input{padding:.3rem .5rem;font-size:.8rem}}.virtualized-datatable-container{background-color:#fff;border:1px solid #e0e0e0;border-radius:6px;flex-direction:column;display:flex;overflow:hidden}.virtual-scroll-container{position:relative;overflow:auto}.virtual-header{background-color:#f8f9fa;border-bottom:2px solid #e0e0e0}.virtual-header::-webkit-scrollbar{display:none}.virtual-header{-ms-overflow-style:none;scrollbar-width:none}.virtual-header-row,.virtual-filter-row{width:fit-content;min-width:100%;display:flex}.virtual-header-cell{color:#333;white-space:nowrap;-webkit-user-select:none;user-select:none;border-right:1px solid #e0e0e0;flex-shrink:0;padding:.75rem 1rem;font-weight:600;position:relative}.column-resize-handle{-webkit-user-select:none;user-select:none}.column-resize-handle:hover{background-color:#667eea!important}body.resizing{-webkit-user-select:none;user-select:none;cursor:col-resize}.virtual-header-cell:last-child{border-right:none}.virtual-header-cell.sortable{cursor:pointer;transition:background-color .2s}.virtual-header-cell.sortable:hover{background-color:#e9ecef}.virtual-header-content{justify-content:flex-start;align-items:center;gap:.5rem;display:flex}.virtual-header-cell.right .virtual-header-content{justify-content:flex-end}.virtual-header-cell.center .virtual-header-content{justify-content:center}.virtual-filter-row{background-color:#f8f9fa}.virtual-filter-cell{border-bottom:2px solid #e0e0e0;border-right:1px solid #e0e0e0;flex-shrink:0;padding:.4rem 1rem .5rem}.virtual-filter-cell:last-child{border-right:none}.virtual-body{overflow:hidden}.virtual-row{border-bottom:1px solid #f0f0f0;width:fit-content;min-width:100%;transition:background-color .15s;display:flex}.virtual-row:hover{background-color:#f8f9fa}.virtual-row.selected{background-color:#e7f3ff}.virtual-row.selected:hover{background-color:#d4e9ff}.virtual-row.selected .virtual-cell{background-color:#e7f3ff}.virtual-row.selected:hover .virtual-cell{background-color:#d4e9ff}.virtual-cell{color:#555;text-overflow:ellipsis;white-space:nowrap;border-right:1px solid #f0f0f0;flex-shrink:0;align-items:center;padding:.75rem 1rem;display:flex;overflow:hidden}.virtual-cell:last-child{border-right:none}.virtual-cell.right{text-align:right;justify-content:flex-end}.virtual-cell.center{text-align:center;justify-content:center}.virtual-cell.left{text-align:left;justify-content:flex-start}.virtual-cell .url-link{color:#667eea;text-overflow:ellipsis;white-space:nowrap;max-width:100%;text-decoration:none;overflow:hidden}.virtual-cell .url-link:hover{text-decoration:underline}@media (width<=768px){.virtual-header-cell,.virtual-filter-cell,.virtual-cell{padding:.5rem .75rem;font-size:.85rem}}.editable-datatable-container{background:#fff;border:1px solid #e0e6ed;border-radius:8px;flex-direction:column;width:100%;max-height:calc(100vh - 300px);display:flex;overflow:hidden}.editable-datatable-scroll{flex:1;overflow:auto}.editable-datatable{border-collapse:collapse;width:100%;font-size:.9rem}.editable-datatable thead{background:#f8f9fa}.editable-datatable th{text-align:left;color:#333;white-space:nowrap;z-index:10;background:#f8f9fa;border-bottom:2px solid #e0e6ed;padding:.75rem .5rem;font-weight:600;position:sticky;top:0}.editable-datatable th.center{text-align:center}.editable-datatable th.right{text-align:right}.editable-datatable td{vertical-align:middle;border-bottom:1px solid #f0f0f0;padding:.5rem}.editable-datatable tbody tr:hover{background:#f8f9ff}.editable-datatable td.editable{cursor:pointer;transition:background .15s}.editable-datatable td.editable:hover{background:#e7f3ff}.editable-datatable td.editing{background:#fff;padding:.25rem}.editable-datatable .cell-input{border:1px solid #667eea;border-radius:4px;outline:none;width:100%;padding:.4rem;font-family:inherit;font-size:.9rem;box-shadow:0 0 0 3px #667eea1a}.editable-datatable-empty{text-align:center;color:#999;background:#f8f9fa;border:1px solid #e0e6ed;border-radius:8px;padding:2rem}@media (width<=768px){.editable-datatable{font-size:.85rem}.editable-datatable th,.editable-datatable td{padding:.5rem .4rem}}.editable-product-list{flex-direction:column;gap:1.5rem;display:flex}.product-card-content{align-items:flex-start;gap:1.5rem;display:flex}.product-images{flex-wrap:wrap;gap:.5rem;min-width:120px;display:flex}.product-image-thumb{background:#f8f9fa;border:1px solid #e0e0e0;border-radius:4px;justify-content:center;align-items:center;width:60px;height:60px;font-size:2rem;display:flex}.product-image-count{color:#666;align-self:center;font-size:.85rem}.product-data{flex:1;min-width:0}.product-id{color:#666;margin-bottom:.5rem;font-size:.9rem;font-weight:600}.product-edit-form{flex-direction:column;gap:1rem;display:flex}.product-actions{justify-content:flex-end;gap:.5rem;margin-top:1rem;display:flex}.product-display{flex-direction:column;gap:.5rem;display:flex}.product-display-field{color:#666;font-size:.9rem}.product-display-field.product-name{color:#333;margin-bottom:.25rem;font-size:1.1rem;font-weight:600}@media (width<=768px){.product-card-content{flex-direction:column}.product-images{min-width:auto}}.image-comparison-slider{cursor:ew-resize;-webkit-user-select:none;user-select:none;background:#1a1a1a;border-radius:8px;width:100%;height:100%;position:relative;overflow:hidden}.image-container{width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.image-container.after{z-index:1}.image-container.before{z-index:2}.image-container img{object-fit:contain;pointer-events:none;width:100%;height:100%;display:block}.image-label{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;z-index:30;pointer-events:none;white-space:nowrap;background:#000c;border-radius:6px;padding:8px 16px;font-size:14px;font-weight:600;position:absolute;top:16px}.before-label{left:16px}.after-label{right:16px}.slider-handle{z-index:20;cursor:ew-resize;width:4px;margin-left:-2px;transition:opacity .2s;position:absolute;top:0;bottom:0}.slider-handle:hover,.slider-handle.dragging{opacity:1}.slider-line{background:#fff;width:2px;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%);box-shadow:0 0 10px #00000080}.slider-button{cursor:grab;background:#fff;border-radius:50%;justify-content:center;align-items:center;gap:2px;width:48px;height:48px;transition:transform .2s,box-shadow .2s;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 2px 8px #0000004d}.slider-button:hover{transform:translate(-50%,-50%)scale(1.1);box-shadow:0 4px 12px #0006}.slider-handle.dragging .slider-button{cursor:grabbing;transform:translate(-50%,-50%)scale(1.15);box-shadow:0 6px 16px #00000080}.slider-button svg{color:#333;width:16px;height:16px}.slider-hint{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff;pointer-events:none;z-index:10;opacity:0;background:#000000b3;border-radius:4px;padding:6px 12px;font-size:12px;animation:.3s ease-in-out .5s forwards fadeInHint;position:absolute;bottom:16px;left:50%;transform:translate(-50%)}@keyframes fadeInHint{to{opacity:1}}.slider-hint{animation:.3s ease-in-out .5s forwards fadeInHint,.3s ease-in-out 3s forwards fadeOutHint}@keyframes fadeOutHint{to{opacity:0}}@media (width<=768px){.image-comparison-slider{min-height:300px}.slider-button{width:40px;height:40px}.image-label{padding:4px 8px;font-size:12px;top:12px}.before-label{left:12px}.after-label{right:12px}}.confluence-export-modal{padding:1.5rem 0}.loading-spaces{color:#666;flex-direction:column;justify-content:center;align-items:center;gap:1rem;padding:3rem 0;display:flex}.loading-spaces p{margin:0;font-size:.95rem}.export-error{margin-bottom:1.5rem}.modal-actions{border-top:1px solid #e0e0e0;justify-content:flex-end;gap:.75rem;margin-top:2rem;padding-top:1.5rem;display:flex}.modal-overlay{z-index:1000;background-color:#0009;justify-content:center;align-items:center;animation:.2s ease-in fadeIn;display:flex;position:fixed;inset:0}.progress-modal{background-color:#fff;border-radius:8px;flex-direction:column;width:90%;max-width:700px;max-height:80vh;animation:.3s ease-out slideUp;display:flex;box-shadow:0 10px 40px #0000004d}.progress-modal .modal-header{border-bottom:1px solid #e0e0e0;border-radius:8px 8px 0 0;justify-content:space-between;align-items:center;padding:1.5rem 2rem;display:flex}.progress-modal .modal-header h2{margin:0;font-size:1.3rem;font-weight:600}.connection-status{align-items:center;gap:.5rem;display:flex}.status-indicator{border-radius:50%;width:10px;height:10px;animation:2s infinite pulse}.status-indicator.connected{background-color:#2ecc71}.status-indicator.disconnected{background-color:#e74c3c}.status-text{font-size:.9rem;font-weight:500}.progress-modal .modal-body{flex-direction:column;flex:1;display:flex;overflow:hidden}.messages-container{background-color:#f8f9fa;flex:1;padding:1.5rem;overflow-y:auto}.no-messages{color:#7f8c8d;flex-direction:column;justify-content:center;align-items:center;height:200px;display:flex}.loading-spinner{border:4px solid #f3f3f3;border-top-color:#667eea;border-radius:50%;width:40px;height:40px;margin-bottom:1rem;animation:1s linear infinite spin}.message-wrapper{margin-bottom:1rem}.progress-message{background-color:#fff;border-radius:6px;align-items:flex-start;gap:.75rem;padding:1rem;animation:.3s ease-out messageSlide;display:flex;box-shadow:0 1px 3px #0000001a}@keyframes messageSlide{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}.progress-message .icon{flex-shrink:0;font-size:1.5rem}.message-content{flex-direction:column;flex:1;gap:.5rem;display:flex}.message-text{color:#2c3e50;font-weight:500}.message-status{color:#7f8c8d;font-size:.85rem;font-style:italic}.progress-message .progress-bar{background-color:#ecf0f1;border-radius:12px;width:100%;height:24px;margin-top:.25rem;position:relative;overflow:hidden}.progress-message .progress-fill{background:linear-gradient(90deg,#667eea 0%,#764ba2 100%);border-radius:12px;height:100%;transition:width .3s}.progress-message .progress-text{color:#2c3e50;font-size:.8rem;font-weight:600;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.complete-message{background:linear-gradient(135deg,#d4edda 0%,#c3e6cb 100%);border-left:4px solid #28a745}.error-message{background:linear-gradient(135deg,#f8d7da 0%,#f5c6cb 100%);border-left:4px solid #dc3545}.info-message{background:linear-gradient(135deg,#d1ecf1 0%,#bee5eb 100%);border-left:4px solid #17a2b8}.progress-modal .modal-footer{background-color:#fff;border-top:1px solid #e0e0e0;border-radius:0 0 8px 8px;justify-content:flex-end;gap:1rem;padding:1.5rem 2rem;display:flex}.progress-modal .modal-footer button{cursor:pointer;border:none;border-radius:5px;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:1rem;font-weight:600;transition:all .2s;display:flex}.messages-container::-webkit-scrollbar{width:8px}.messages-container::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.messages-container::-webkit-scrollbar-thumb{background:#888;border-radius:10px}.messages-container::-webkit-scrollbar-thumb:hover{background:#555}@media (width<=768px){.progress-modal{width:95%;max-height:90vh}.progress-modal .modal-header,.progress-modal .modal-footer,.messages-container{padding:1rem}.progress-modal .modal-footer{flex-direction:column}.progress-modal .modal-footer button{width:100%}}.run-controls{background-color:#fff;border-top:2px solid #e0e0e0;padding:1.5rem 2rem;box-shadow:0 -2px 10px #0000000d}.run-error{color:#c0392b;background-color:#fee;border:1px solid #f5c6cb;border-radius:4px;align-items:center;margin-bottom:1rem;padding:.75rem 1rem;display:flex}.error-icon{margin-right:.5rem;font-size:1.2rem}.controls-buttons{justify-content:center;gap:1rem;display:flex}.button-icon{font-size:1.1rem}.spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:16px;height:16px;animation:.8s linear infinite spin}.validation-hint{text-align:center;color:#7f8c8d;margin-top:.75rem;font-size:.9rem;font-style:italic}@media (width<=768px){.run-controls{padding:1rem}.controls-buttons{flex-direction:column}.control-button{width:100%}}.linechart-container{background:#fff;border:1px solid #e0e0e0;border-radius:8px;width:100%;margin-bottom:1.5rem;padding:1rem}.linechart-header{justify-content:space-between;align-items:center;margin-bottom:.75rem;padding:0 .5rem;display:flex}.linechart-title{color:#333;font-size:.95rem;font-weight:600}.linechart-total{color:#666;font-size:.9rem;font-weight:500}.linechart-wrapper{position:relative}.linechart{width:100%;height:auto;display:block}.linechart-axis-label{fill:#666;font-family:inherit;font-size:9px}.linechart-point{transition:r .15s,fill .15s}.linechart-point-hitarea{cursor:pointer}.linechart-tooltip{color:#fff;white-space:nowrap;pointer-events:none;z-index:10;background:#333;border-radius:6px;padding:6px 10px;font-size:12px;position:absolute;transform:translate(-50%,-100%)translateY(-12px);box-shadow:0 2px 8px #0003}.linechart-tooltip:after{content:"";border:6px solid #0000;border-top-color:#333;position:absolute;top:100%;left:50%;transform:translate(-50%)}.linechart-tooltip-label{margin-bottom:2px;font-weight:500}.linechart-tooltip-value{color:#90cdf4;font-weight:600}.linechart-empty{text-align:center;color:#999;background:#f8f9fa;border:1px solid #e0e0e0;border-radius:8px;padding:2rem;font-size:.9rem}.login-page{flex-direction:column;min-height:100vh;display:flex}.login-content{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);flex:1;justify-content:center;align-items:center;padding:2rem;display:flex}.login-box{background:#fff;border-radius:10px;width:100%;max-width:400px;padding:2.5rem;box-shadow:0 10px 25px #0003}.login-box h2{color:#333;text-align:center;margin-bottom:2rem;font-size:1.5rem;font-weight:500}.login-box .login-button{width:100%}.login-links{text-align:center;justify-content:center;align-items:center;gap:.5rem;margin-top:1.5rem;display:flex}.login-link{color:#667eea;font-size:.9rem;text-decoration:none;transition:color .2s}.login-link:hover{color:#764ba2;text-decoration:underline}.login-link-separator{color:#ccc;font-size:.9rem}.relogin-modal-overlay{z-index:10000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#000000b3;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.relogin-modal{width:90%;max-width:400px;animation:.3s ease-out slideIn}.relogin-modal-content{padding:1rem}.relogin-modal-content h2{color:#d32f2f;margin-top:0;margin-bottom:.5rem}.relogin-modal-content>p{color:#666;margin-bottom:1.5rem}.relogin-modal-content form{flex-direction:column;gap:1rem;display:flex}.relogin-btn{width:100%;margin-top:.5rem}.relogin-note{color:#666;text-align:center;margin-top:1rem;margin-bottom:0;font-size:.875rem}.app{width:100%;height:100vh;overflow:hidden}:root{--color-primary:#007bff;--color-primary-hover:#0056b3;--color-primary-active:#004085;--color-primary-light:#007bff1a;--primary:#007bff;--primary-light:#80bdff;--primary-dark:#0056b3;--primary-color:#007bff;--color-secondary:#f8f9fa;--color-secondary-hover:#e9ecef;--color-secondary-active:#dee2e6;--color-success:#28a745;--color-success-hover:#218838;--color-success-active:#1e7e34;--color-success-light:#28a7451a;--color-danger:#dc3545;--color-danger-hover:#c82333;--color-danger-active:#bd2130;--color-danger-light:#dc35451a;--color-warning:#ffc107;--color-warning-hover:#e0a800;--color-warning-active:#d39e00;--color-warning-light:#ffc1071a;--color-info:#17a2b8;--color-info-hover:#138496;--color-info-active:#117a8b;--color-info-light:#17a2b81a;--success:#28a745;--danger:#dc3545;--warning:#ffc107;--info:#17a2b8;--error:#dc3545;--color-text:#333;--color-text-light:#666;--color-text-muted:#999;--color-text-inverse:#fff;--text-primary:#333;--text-secondary:#666;--color-bg:#fff;--color-bg-light:#f8f9fa;--color-bg-dark:#343a40;--color-bg-overlay:#00000080;--background-primary:#fff;--background-secondary:#f8f9fa;--background-hover:#e9ecef;--color-border:#e0e0e0;--color-border-hover:#d0d0d0;--color-border-focus:#80bdff;--color-border-error:#dc3545;--border-color:#e0e0e0;--border-hover:#d0d0d0;--spacing-xs:.25rem;--spacing-sm:.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-2xl:3rem;--radius-sm:4px;--radius-md:6px;--radius-lg:8px;--radius-xl:12px;--radius-full:9999px;--shadow-xs:0 1px 2px #0000000d;--shadow-sm:0 1px 3px #0000001a;--shadow-md:0 2px 4px #0000001a;--shadow-lg:0 4px 8px #00000026;--shadow-xl:0 8px 16px #0003;--shadow-focus:0 0 0 3px #007bff40;--transition-fast:.15s ease;--transition-base:.2s ease;--transition-slow:.3s ease;--font-family-base:-apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;--font-family-mono:source-code-pro, Menlo, Monaco, Consolas, "Courier New", monospace;--font-xs:.75rem;--font-sm:.875rem;--font-md:.9rem;--font-base:1rem;--font-lg:1.125rem;--font-xl:1.25rem;--font-2xl:1.5rem;--font-3xl:1.875rem;--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;--z-dropdown:1000;--z-sticky:1020;--z-fixed:1030;--z-modal-backdrop:1040;--z-modal:1050;--z-popover:1060;--z-tooltip:1070;--breakpoint-sm:576px;--breakpoint-md:768px;--breakpoint-lg:992px;--breakpoint-xl:1200px;--max-width-container:1200px;--header-height:60px;--sidebar-width:250px;--input-height-sm:32px;--input-height-md:38px;--input-height-lg:44px;--input-padding-x:.75rem;--input-padding-y:.5rem}.content-container,.tab-content-container{background-color:#f5f5f5;flex:1;padding:2rem;overflow-y:auto}.content-section{background-color:#fff;border-radius:8px;margin-bottom:1.5rem;padding:1.5rem;box-shadow:0 1px 3px #0000001a}.content-section h3{color:#2c3e50;margin-bottom:1rem;font-size:1.2rem;font-weight:600}.accordion-content .content-section{box-shadow:none;background-color:#0000;border-bottom:1px solid #e0e0e0;padding:0 0 1.5rem}.accordion-content .content-section:last-child{border-bottom:none;padding-bottom:0}@media (width<=1024px){.content-container,.tab-content-container{padding:1rem}}*{box-sizing:border-box;outline:none;margin:0;padding:0}:focus,:focus-visible{box-shadow:none;outline:none}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#333;background-color:#f5f5f5;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}#root{width:100%;height:100vh}