.api-keys-management{flex-direction:column;gap:20px;display:flex}.api-keys-header{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.api-keys-description{color:var(--text-muted);flex:1;margin:0;font-size:14px;line-height:1.5}.api-keys-loading{color:var(--text-muted);justify-content:center;align-items:center;gap:12px;padding:40px;display:flex}.api-keys-spinner{border:2px solid var(--border-color);border-top-color:var(--color-primary);border-radius:50%;width:20px;height:20px;animation:.8s linear infinite api-keys-spin}@keyframes api-keys-spin{to{transform:rotate(360deg)}}.api-keys-error{border:1px solid var(--color-red);color:var(--color-red);background:#ff55551a;border-radius:8px;align-items:center;gap:12px;padding:16px;display:flex}.api-keys-error .btn{margin-left:auto}.api-keys-empty{text-align:center;background:var(--background-secondary);border:1px solid var(--border-color);border-radius:8px;flex-direction:column;justify-content:center;align-items:center;padding:60px 20px;display:flex}.api-keys-empty-icon{color:var(--text-muted);opacity:.3;margin-bottom:16px}.api-keys-empty h3{color:var(--text-normal);margin:0 0 8px;font-size:16px;font-weight:600}.api-keys-empty p{color:var(--text-muted);margin:0;font-size:14px}.api-keys-list{flex-direction:column;gap:8px;display:flex}.api-key-item{background:var(--background-secondary);border:1px solid var(--border-color);border-radius:8px;justify-content:space-between;align-items:center;padding:16px;transition:border-color .15s;display:flex}.api-key-item:hover{border-color:var(--color-primary)}.api-key-info{flex-direction:column;gap:4px;display:flex}.api-key-name{color:var(--text-normal);align-items:center;gap:8px;font-weight:500;display:flex}.api-key-name svg{color:var(--color-primary)}.api-key-meta{color:var(--text-muted);align-items:center;gap:8px;font-size:12px;display:flex}.api-key-prefix{background:var(--background-primary);border-radius:4px;padding:2px 6px;font-family:Menlo,Monaco,Consolas,monospace}.api-key-divider{color:var(--border-color)}.api-key-actions{align-items:center;gap:8px;display:flex}.api-key-delete-confirm{color:var(--text-muted);align-items:center;gap:8px;font-size:13px;display:flex}.api-key-modal-backdrop{z-index:1000;background:#000000b3;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.api-key-modal{background:var(--background-primary);border:1px solid var(--border-color);border-radius:12px;width:100%;max-width:480px;overflow:hidden}.api-key-modal-header{border-bottom:1px solid var(--border-color);padding:20px}.api-key-modal-header h3{color:var(--text-normal);align-items:center;gap:10px;margin:0;font-size:18px;font-weight:600;display:flex}.api-key-modal-header .success-icon{color:var(--color-green)}.api-key-modal-body{flex-direction:column;gap:16px;padding:20px;display:flex}.api-key-modal-footer{border-top:1px solid var(--border-color);justify-content:flex-end;gap:8px;padding:16px 20px;display:flex}.api-key-form-field{flex-direction:column;gap:6px;display:flex}.api-key-form-field label{color:var(--text-normal);font-size:14px;font-weight:500}.api-key-form-field input{background:var(--background-secondary);border:1px solid var(--border-color);color:var(--text-normal);border-radius:6px;padding:10px 12px;font-size:14px;transition:border-color .15s}.api-key-form-field input:focus{border-color:var(--color-primary);outline:none}.api-key-form-hint{color:var(--text-muted);margin:0;font-size:12px}.api-key-warning{border:1px solid var(--color-orange);color:var(--color-orange);background:#ffb86c26;border-radius:6px;align-items:center;gap:10px;padding:12px;font-size:13px;display:flex}.api-key-display{background:var(--background-secondary);border:1px solid var(--border-color);border-radius:6px;align-items:center;gap:8px;padding:12px;display:flex}.api-key-display code{color:var(--text-normal);word-break:break-all;flex:1;font-family:Menlo,Monaco,Consolas,monospace;font-size:13px}.api-key-presets{flex-direction:column;gap:8px;margin-top:8px;display:flex}.api-key-preset-btn{background:var(--background-secondary);border:1px solid var(--border-color);cursor:pointer;text-align:left;border-radius:6px;flex-direction:column;align-items:flex-start;gap:2px;padding:12px;transition:all .15s;display:flex}.api-key-preset-btn:hover{border-color:var(--color-primary)}.api-key-preset-btn.active{border-color:var(--color-primary);background:#4169e11a}.api-key-preset-btn .preset-label{color:var(--text-normal);font-size:14px;font-weight:500}.api-key-preset-btn .preset-desc{color:var(--text-muted);font-size:12px}.api-key-toggle-custom{color:var(--text-muted);cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;margin-top:12px;padding:8px 0;font-size:13px;transition:color .15s;display:flex}.api-key-toggle-custom:hover{color:var(--text-normal)}.api-key-permissions-list{background:var(--background-secondary);border:1px solid var(--border-color);border-radius:6px;flex-direction:column;gap:8px;margin-top:12px;padding:12px;display:flex}.api-key-permission-item{cursor:pointer;border-radius:4px;align-items:flex-start;gap:10px;padding:8px;transition:background .15s;display:flex}.api-key-permission-item:hover{background:var(--background-primary)}.api-key-permission-item input[type=checkbox]{accent-color:var(--color-primary);margin-top:2px}.api-key-permission-item .permission-info{flex-direction:column;gap:2px;display:flex}.api-key-permission-item .permission-label{color:var(--text-normal);font-size:13px;font-weight:500}.api-key-permission-item .permission-desc{color:var(--text-muted);font-size:12px}.api-key-form-error{color:var(--color-red);margin:8px 0 0;font-size:12px}
.model-whitelist-section{border-top:1px solid var(--border-color,#ffffff1a);margin-top:12px;padding-top:12px}.model-whitelist-toggle{width:100%;color:var(--color-muted);cursor:pointer;background:#ffffff08;border:1px solid #0000;border-radius:6px;align-items:center;gap:8px;padding:8px 12px;font-size:12px;font-weight:500;transition:background .15s,border-color .15s,color .15s;display:flex}.model-whitelist-toggle:hover{color:var(--color-foreground);background:#ffffff0f;border-color:#ffffff1a}.model-whitelist-chevron{flex-shrink:0;transition:transform .15s}.model-whitelist-badge{color:var(--color-primary);background:#4169e133;border-radius:10px;margin-left:auto;padding:2px 8px;font-size:10px;font-weight:500}.model-whitelist-content{padding:16px 0 0}.model-whitelist-loading{color:var(--color-muted);justify-content:center;align-items:center;gap:8px;padding:20px;font-size:12px;display:flex}.model-whitelist-spinner{animation:1s linear infinite whitelist-spin}@keyframes whitelist-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.model-whitelist-mode{background:#ffffff05;border-radius:6px;gap:20px;margin-bottom:16px;padding:12px;display:flex}.model-whitelist-mode-option{color:var(--color-foreground);cursor:pointer;align-items:center;gap:8px;font-size:13px;display:flex}.model-whitelist-mode-option input[type=radio]{width:16px;height:16px;accent-color:var(--color-primary);cursor:pointer}.model-whitelist-actions{gap:8px;margin-bottom:12px;display:flex}.model-whitelist-action-btn{color:var(--color-muted);cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:4px;padding:6px 12px;font-size:11px;font-weight:500;transition:background .1s,color .1s,border-color .1s}.model-whitelist-action-btn:hover{color:var(--color-foreground);background:#ffffff1a;border-color:#fff3}.model-whitelist-list{flex-direction:column;gap:4px;max-height:200px;padding-right:4px;display:flex;overflow-y:auto}.model-whitelist-list::-webkit-scrollbar{width:4px}.model-whitelist-list::-webkit-scrollbar-track{background:0 0}.model-whitelist-list::-webkit-scrollbar-thumb{background:#fff3;border-radius:2px}.model-whitelist-list::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.model-whitelist-item{cursor:pointer;background:#ffffff05;border:1px solid #0000;border-radius:6px;align-items:center;gap:10px;padding:10px 12px;transition:background .1s,border-color .1s;display:flex}.model-whitelist-item:hover{background:#ffffff0d}.model-whitelist-item.enabled{background:#4169e11a;border-color:#4169e14d}.model-whitelist-checkbox{width:16px;height:16px;accent-color:var(--color-primary);cursor:pointer;flex-shrink:0}.model-whitelist-item-name{color:var(--color-foreground);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:13px;overflow:hidden}.model-whitelist-item-meta{color:var(--color-muted);flex-shrink:0;gap:8px;font-size:11px;display:flex}.model-whitelist-context{background:#ffffff14;border-radius:4px;padding:2px 6px}.model-whitelist-pricing{opacity:.8}.model-whitelist-empty{text-align:center;color:var(--color-muted);padding:20px;font-size:13px}.model-whitelist-warning{color:var(--color-red,#f55);background:#ff55551a;border:1px solid #ff55554d;border-radius:6px;margin-top:12px;padding:10px 12px;font-size:12px}.model-whitelist-footer{border-top:1px solid var(--border-color,#ffffff1a);margin-top:16px;padding-top:16px}.model-whitelist-save-btn{background:var(--color-primary);color:#fff;cursor:pointer;border:none;border-radius:6px;justify-content:center;align-items:center;gap:6px;width:100%;padding:10px 16px;font-size:13px;font-weight:500;transition:background .15s,transform .1s;display:flex}.model-whitelist-save-btn:hover:not(:disabled){background:var(--color-primary-hover)}.model-whitelist-save-btn:active:not(:disabled){transform:scale(.98)}.model-whitelist-save-btn:disabled{opacity:.6;cursor:not-allowed}
.provider-settings{flex-direction:column;gap:20px;height:100%;min-height:0;display:flex;overflow:hidden}.provider-header{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.provider-description{color:var(--text-muted);flex:1;margin:0;font-size:14px;line-height:1.5}.provider-loading{color:var(--text-muted);justify-content:center;align-items:center;gap:12px;padding:40px;display:flex}.provider-spinner{border:2px solid var(--border-color);border-top-color:var(--color-primary);border-radius:50%;width:20px;height:20px;animation:.8s linear infinite provider-spin}@keyframes provider-spin{to{transform:rotate(360deg)}}.provider-error{border:1px solid var(--color-red);color:var(--color-red);background:#ff55551a;border-radius:8px;align-items:center;gap:12px;padding:16px;display:flex}.provider-error .btn{margin-left:auto}.provider-list{flex-direction:column;flex:1;gap:8px;min-height:0;padding-right:4px;display:flex;overflow-y:auto}.provider-list::-webkit-scrollbar{width:6px}.provider-list::-webkit-scrollbar-track{background:0 0}.provider-list::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}.provider-list::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.provider-item{background:var(--background-secondary);border:1px solid var(--border-color);border-radius:8px;flex-direction:column;gap:0;padding:16px;transition:border-color .15s;display:flex}.provider-item:hover{border-color:var(--color-primary)}.provider-item-header{justify-content:space-between;align-items:center;width:100%;display:flex}.provider-info{flex-direction:column;gap:4px;display:flex}.provider-name{color:var(--text-normal);align-items:center;gap:8px;font-weight:500;display:flex}.provider-name svg{color:var(--color-primary)}.provider-status{text-transform:uppercase;letter-spacing:.5px;border-radius:9999px;align-items:center;padding:2px 8px;font-size:11px;font-weight:500;display:inline-flex}.provider-status.connected{color:var(--color-green);background:#50fa7b26}.provider-status.not-configured{color:var(--text-muted);background:#64748b26}.provider-meta{color:var(--text-muted);align-items:center;gap:8px;font-size:12px;display:flex}.provider-key-hint{background:var(--background-primary);border-radius:4px;padding:2px 6px;font-family:Menlo,Monaco,Consolas,monospace}.provider-divider{color:var(--border-color)}.provider-actions{align-items:center;gap:8px;display:flex}.provider-delete-confirm{color:var(--text-muted);align-items:center;gap:8px;font-size:13px;display:flex}.provider-modal-backdrop{z-index:1000;background:#000000b3;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.provider-modal{background:var(--background-primary);border:1px solid var(--border-color);border-radius:12px;width:100%;max-width:480px;overflow:hidden}.provider-modal-header{border-bottom:1px solid var(--border-color);padding:20px}.provider-modal-header h3{color:var(--text-normal);align-items:center;gap:10px;margin:0;font-size:18px;font-weight:600;display:flex}.provider-modal-header svg{color:var(--color-primary)}.provider-modal-body{flex-direction:column;gap:16px;padding:20px;display:flex}.provider-modal-footer{border-top:1px solid var(--border-color);justify-content:flex-end;gap:8px;padding:16px 20px;display:flex}.provider-form-field{flex-direction:column;gap:6px;display:flex}.provider-form-field label{color:var(--text-normal);font-size:14px;font-weight:500}.provider-form-field input{background:var(--background-secondary);border:1px solid var(--border-color);color:var(--text-normal);border-radius:6px;padding:10px 12px;font-size:14px;transition:border-color .15s}.provider-form-field input:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 3px #4169e126}.provider-form-field input:disabled{opacity:.5;cursor:not-allowed}.provider-form-hint{color:var(--text-muted);margin:0;font-size:12px}.provider-modal-error{border:1px solid var(--color-red);color:var(--color-red);background:#ff55551a;border-radius:6px;align-items:flex-start;gap:10px;padding:12px;font-size:13px;display:flex}.provider-modal-error svg{flex-shrink:0;margin-top:1px}.provider-btn-spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:14px;height:14px;margin-right:6px;animation:.8s linear infinite provider-spin}.provider-form-field select{background:var(--background-secondary);border:1px solid var(--border-color);color:var(--text-normal);cursor:pointer;border-radius:6px;padding:10px 12px;font-size:14px;transition:border-color .15s}.provider-form-field select:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 3px #4169e126}.provider-form-field select:disabled{opacity:.5;cursor:not-allowed}.provider-form-field textarea{background:var(--background-secondary);border:1px solid var(--border-color);color:var(--text-normal);resize:vertical;border-radius:6px;min-height:120px;padding:10px 12px;font-family:Menlo,Monaco,Consolas,monospace;font-size:12px;transition:border-color .15s}.provider-form-field textarea:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 3px #4169e126}.provider-form-field textarea:disabled{opacity:.5;cursor:not-allowed}.provider-form-field label{justify-content:space-between;align-items:center;display:flex}.btn-upload{background:var(--background-secondary);border:1px solid var(--border-color);color:var(--text-muted);cursor:pointer;border-radius:4px;align-items:center;gap:4px;padding:4px 8px;font-size:12px;font-weight:500;transition:all .15s;display:inline-flex}.btn-upload:hover:not(:disabled){background:var(--background-primary);border-color:var(--color-primary);color:var(--color-primary)}.btn-upload:disabled{opacity:.5;cursor:not-allowed}
.export-section{flex-direction:column;gap:1rem;display:flex}.export-description{color:var(--text-muted);margin:0;font-size:.8rem;line-height:1.5}.export-no-permission{border:1px solid var(--color-orange);color:var(--color-orange);background:#ffb86c1a;border-radius:6px;margin:0;padding:.75rem;font-size:.8rem}.export-options{flex-direction:column;gap:.875rem;display:flex}.export-option-group{flex-direction:column;gap:.5rem;display:flex}.export-option-label{color:var(--text-normal);font-size:.8rem;font-weight:500}.export-format-options{gap:.5rem;display:flex}.export-format-option{background:var(--background-primary);border:1px solid var(--border-color);cursor:pointer;border-radius:6px;flex:1;align-items:center;gap:.5rem;padding:.5rem .75rem;transition:all .15s;display:flex}.export-format-option:hover{border-color:var(--color-primary)}.export-format-option.selected{border-color:var(--color-primary);background:#4169e11a}.export-format-option input[type=radio]{display:none}.export-format-option svg{color:var(--text-muted);flex-shrink:0;width:18px;height:18px}.export-format-option.selected svg{color:var(--color-primary)}.export-format-info{flex-direction:column;gap:0;display:flex}.export-format-name{color:var(--text-normal);font-size:.8rem;font-weight:500}.export-format-desc{color:var(--text-muted);font-size:.7rem}.export-checkbox-option{cursor:pointer;color:var(--text-normal);align-items:center;gap:.5rem;font-size:.8rem;display:flex}.export-checkbox-option input[type=checkbox]{width:14px;height:14px;accent-color:var(--color-primary);cursor:pointer}.export-checkbox-option svg{color:var(--text-muted);width:14px;height:14px}.export-option-hint{color:var(--text-faint);margin:0;font-size:.7rem;line-height:1.4}.export-button{background:var(--color-primary);color:#fff;cursor:pointer;border:none;border-radius:6px;justify-content:center;align-items:center;gap:.375rem;width:fit-content;padding:.5rem 1rem;font-size:.8rem;font-weight:500;transition:all .15s;display:inline-flex}.export-button:hover:not(:disabled){background:var(--color-primary-hover)}.export-button:disabled{opacity:.6;cursor:not-allowed}.export-spinner{animation:.8s linear infinite export-spin}@keyframes export-spin{to{transform:rotate(360deg)}}.export-info{background:var(--background-primary);border:1px solid var(--border-color);border-radius:6px;padding:.75rem}.export-info h4{color:var(--text-muted);text-transform:uppercase;letter-spacing:.025em;margin:0 0 .5rem;font-size:.75rem;font-weight:600}.export-info ul{flex-direction:column;gap:.25rem;margin:0;padding-left:1rem;display:flex}.export-info li{color:var(--text-muted);font-size:.75rem}.export-info-note{border-top:1px solid var(--border-color);color:var(--text-faint);margin:.5rem 0 0;padding-top:.5rem;font-size:.7rem;font-style:italic}
.import-section{flex-direction:column;gap:1rem;display:flex}.import-no-permission{border:1px solid var(--color-orange);color:var(--color-orange);background:#ffb86c1a;border-radius:6px;margin:0;padding:.75rem;font-size:.8rem}.import-step{flex-direction:column;gap:1rem;display:flex}.import-step-center{text-align:center;justify-content:center;align-items:center;padding:2rem 1rem}.import-step-header{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.import-step-header h3{color:var(--text-normal);margin:0;font-size:.85rem;font-weight:600}.import-description{color:var(--text-muted);margin:0;font-size:.8rem;line-height:1.5}.import-dropzone{background:var(--background-primary);border:2px dashed var(--border-color);cursor:pointer;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:.5rem;padding:1.5rem 1rem;transition:all .15s;display:flex}.import-dropzone:hover{border-color:var(--color-primary);background:#4169e108}.import-dropzone.validating{border-style:solid;border-color:var(--color-primary);cursor:wait}.import-dropzone-icon{color:var(--text-muted);width:28px;height:28px}.import-dropzone-text{color:var(--text-normal);font-size:.8rem;font-weight:500}.import-dropzone-hint{color:var(--text-muted);font-size:.7rem}.import-spinner{color:var(--color-primary);animation:.8s linear infinite import-spin}@keyframes import-spin{to{transform:rotate(360deg)}}.import-formats{gap:.5rem;display:flex}.import-format-item{background:var(--background-primary);border:1px solid var(--border-color);border-radius:6px;flex:1;align-items:center;gap:.5rem;padding:.5rem;display:flex}.import-format-item svg{color:var(--text-muted);flex-shrink:0;width:16px;height:16px}.import-format-item div{flex-direction:column;gap:0;display:flex}.import-format-item strong{color:var(--text-normal);font-size:.75rem;font-weight:500}.import-format-item span{color:var(--text-muted);font-size:.65rem}.import-format-badge{background:var(--background-primary);border:1px solid var(--border-color);color:var(--text-muted);border-radius:4px;padding:.25rem .5rem;font-size:.7rem;font-weight:500}.import-preview-stats{gap:1rem;display:flex}.import-stat{color:var(--text-normal);align-items:center;gap:.375rem;font-size:.8rem;display:flex}.import-stat svg{color:var(--color-primary);width:16px;height:16px}.import-conflicts{border:1px solid var(--color-orange);background:#ffb86c1a;border-radius:6px;padding:.75rem}.import-conflicts-header{color:var(--color-orange);align-items:center;gap:.5rem;margin-bottom:.5rem;font-size:.8rem;font-weight:500;display:flex}.import-conflicts-header svg{width:14px;height:14px}.import-conflicts-list{flex-direction:column;gap:.25rem;margin:0;padding-left:1rem;display:flex}.import-conflicts-list li{color:var(--text-muted);font-size:.75rem}.import-conflicts-list li strong{color:var(--text-normal);margin-right:.25rem}.import-conflicts-more{color:var(--text-faint);font-style:italic}.import-warnings{flex-direction:column;gap:.375rem;display:flex}.import-warning-item{color:var(--text-muted);align-items:center;gap:.375rem;margin:0;font-size:.75rem;display:flex}.import-warning-item svg{color:var(--color-orange);flex-shrink:0;width:12px;height:12px}.import-options{flex-direction:column;gap:1rem;display:flex}.import-option-group{flex-direction:column;gap:.375rem;display:flex}.import-option-label{color:var(--text-normal);font-size:.8rem;font-weight:500}.import-option-hint{color:var(--text-muted);margin:0;font-size:.7rem}.import-conflict-options{flex-direction:column;gap:.375rem;display:flex}.import-conflict-option{background:var(--background-primary);border:1px solid var(--border-color);cursor:pointer;border-radius:6px;align-items:center;gap:.5rem;padding:.5rem .75rem;transition:all .15s;display:flex}.import-conflict-option:hover{border-color:var(--color-primary)}.import-conflict-option.selected{border-color:var(--color-primary);background:#4169e11a}.import-conflict-option input[type=radio]{accent-color:var(--color-primary);width:14px;height:14px}.import-conflict-option div{flex-direction:column;gap:0;display:flex}.import-conflict-option strong{color:var(--text-normal);font-size:.8rem;font-weight:500}.import-conflict-option span{color:var(--text-muted);font-size:.7rem}.import-checkbox-option{cursor:pointer;color:var(--text-normal);align-items:center;gap:.5rem;font-size:.8rem;display:flex}.import-checkbox-option input[type=checkbox]{width:14px;height:14px;accent-color:var(--color-primary);cursor:pointer}.import-actions{border-top:1px solid var(--border-color);justify-content:flex-end;gap:.5rem;padding-top:.75rem;display:flex}.import-btn-primary,.import-btn-secondary{cursor:pointer;border-radius:6px;justify-content:center;align-items:center;gap:.375rem;padding:.5rem 1rem;font-size:.8rem;font-weight:500;transition:all .15s;display:inline-flex}.import-btn-primary{background:var(--color-primary);color:#fff;border:none}.import-btn-primary:hover{background:var(--color-primary-hover)}.import-btn-secondary{color:var(--text-normal);border:1px solid var(--border-color);background:0 0}.import-btn-secondary:hover{border-color:var(--color-primary);color:var(--color-primary)}.import-progress-text{color:var(--text-muted);margin:0;font-size:.8rem}.import-result-status{text-align:center;border-radius:8px;flex-direction:column;align-items:center;gap:.5rem;padding:1rem;display:flex}.import-result-status.completed{color:var(--color-green);background:#50fa7b1a}.import-result-status.partial{color:var(--color-orange);background:#ffb86c1a}.import-result-status.failed{color:var(--color-red);background:#ff55551a}.import-result-status svg{width:24px;height:24px}.import-result-status h3{margin:0;font-size:.9rem;font-weight:600}.import-result-stats{justify-content:center;gap:.75rem;display:flex}.import-result-stat{background:var(--background-primary);border-radius:6px;flex-direction:column;align-items:center;gap:.125rem;padding:.75rem 1rem;display:flex}.import-result-stat.success{border-left:2px solid var(--color-green)}.import-result-stat.skipped{border-left:2px solid var(--color-orange)}.import-result-stat-value{color:var(--text-normal);font-size:1.25rem;font-weight:600}.import-result-stat-label{color:var(--text-muted);font-size:.7rem}.import-result-errors{border:1px solid var(--color-red);background:#ff55551a;border-radius:6px;padding:.75rem}.import-result-errors h4{color:var(--color-red);margin:0 0 .5rem;font-size:.8rem;font-weight:600}.import-result-errors ul{margin:0;padding-left:1rem}.import-result-errors li{color:var(--text-muted);margin-bottom:.25rem;font-size:.75rem}
.integrations-settings{flex-direction:column;gap:20px;height:100%;min-height:0;display:flex;overflow:hidden}.integrations-header{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.integrations-description{color:var(--text-muted);flex:1;margin:0;font-size:14px;line-height:1.5}.integrations-loading{color:var(--text-muted);justify-content:center;align-items:center;gap:12px;padding:40px;display:flex}.integrations-spinner{border:2px solid var(--border-color);border-top-color:var(--color-primary);border-radius:50%;width:20px;height:20px;animation:.8s linear infinite integrations-spin}@keyframes integrations-spin{to{transform:rotate(360deg)}}.integrations-error{border:1px solid var(--color-red);color:var(--color-red);background:#ff55551a;border-radius:8px;align-items:center;gap:12px;padding:16px;display:flex}.integrations-error .btn{margin-left:auto}.integration-card{background:var(--background-secondary);border:1px solid var(--border-color);border-radius:12px;overflow:hidden}.integration-card-header{border-bottom:1px solid var(--border-color);align-items:center;gap:16px;padding:20px;display:flex}.integration-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.integration-icon.slack{color:#fff;background:linear-gradient(135deg,#611f69 0%,#e01e5a 50%,#36c5f0 100%)}.integration-info{flex:1}.integration-info h3{color:var(--text-normal);margin:0 0 4px;font-size:16px;font-weight:600}.integration-info p{color:var(--text-muted);margin:0;font-size:13px}.integration-status{text-transform:uppercase;letter-spacing:.5px;border-radius:9999px;align-items:center;padding:4px 12px;font-size:12px;font-weight:500;display:inline-flex}.integration-status.connected{color:var(--color-green);background:#50fa7b26}.integration-status.not-configured{color:var(--text-muted);background:#64748b26}.integration-card-body{padding:20px}.integration-connected{flex-direction:column;gap:16px;display:flex}.integration-details{flex-direction:column;gap:8px;display:flex}.integration-detail-row{align-items:center;gap:12px;font-size:14px;display:flex}.integration-label{color:var(--text-muted);min-width:120px}.integration-value{color:var(--text-normal)}.integration-value.monospace{background:var(--background-primary);border-radius:4px;padding:4px 8px;font-family:Menlo,Monaco,Consolas,monospace}.integration-actions{align-items:center;gap:8px;display:flex}.integration-delete-confirm{color:var(--text-muted);align-items:center;gap:12px;font-size:13px;display:flex}.integration-setup{flex-direction:column;gap:16px;display:flex}.integration-form-field{flex-direction:column;gap:6px;display:flex}.integration-form-field label{color:var(--text-normal);font-size:14px;font-weight:500}.integration-form-field input{background:var(--background-primary);border:1px solid var(--border-color);color:var(--text-normal);border-radius:6px;padding:10px 12px;font-size:14px;transition:border-color .15s}.integration-form-field input:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 3px #4169e126}.integration-form-field input:disabled{opacity:.5;cursor:not-allowed}.integration-form-hint{color:var(--text-muted);margin:0;font-size:12px;line-height:1.5}.integration-form-hint a{color:var(--color-primary);align-items:center;gap:4px;text-decoration:none;display:inline-flex}.integration-form-hint a:hover{text-decoration:underline}.integration-form-error{border:1px solid var(--color-red);color:var(--color-red);background:#ff55551a;border-radius:6px;align-items:flex-start;gap:10px;padding:12px;font-size:13px;display:flex}.integration-form-error svg{flex-shrink:0;margin-top:1px}.integration-form-actions{justify-content:flex-start;display:flex}.integration-no-permission{background:var(--background-primary);text-align:center;border-radius:6px;padding:16px}.integration-no-permission p{color:var(--text-muted);margin:0;font-size:13px}.integration-card-footer{background:var(--background-primary);border-top:1px solid var(--border-color);padding:16px 20px}.integration-card-footer h4{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin:0 0 12px;font-size:12px;font-weight:600}.integration-events{flex-wrap:wrap;gap:8px;display:flex}.integration-event{background:var(--background-secondary);border:1px solid var(--border-color);color:var(--text-normal);border-radius:9999px;padding:4px 10px;font-size:12px;display:inline-flex}.integrations-btn-spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:14px;height:14px;margin-right:6px;animation:.8s linear infinite integrations-spin}
.settings-page{background-color:var(--background-primary);min-height:100vh;color:var(--color-foreground)}.settings-loading{min-height:50vh;color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;gap:.75rem;display:flex}.settings-loading-spinner{border:2px solid var(--border-color);border-top-color:var(--color-primary);border-radius:50%;width:24px;height:24px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.settings-container{max-width:1100px;margin:0 auto;padding:1.5rem 2rem}.settings-header{align-items:center;gap:1.5rem;margin-bottom:1.25rem;display:flex}.settings-back-button{border:1px solid var(--border-color);width:32px;height:32px;color:var(--text-muted);cursor:pointer;background:0 0;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;padding:0;transition:all .15s;display:flex}.settings-back-button:hover{background:var(--background-secondary);border-color:var(--color-primary);color:var(--color-primary)}.settings-back-button span{display:none}.settings-header-text{flex-direction:column;gap:.125rem;display:flex}.settings-title{color:var(--color-foreground);margin:0;font-size:1.25rem;font-weight:600}.settings-subtitle{color:var(--text-muted);margin:0;font-size:.8rem}.settings-layout{flex-direction:column;gap:1rem;display:flex}.settings-nav{border-bottom:1px solid var(--border-color);gap:.25rem;padding-bottom:0;display:flex;overflow-x:auto}.settings-nav-item{color:var(--text-muted);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;align-items:center;gap:.5rem;margin-bottom:-1px;padding:.625rem 1rem;font-size:.85rem;transition:all .15s;display:flex}.settings-nav-item:hover{color:var(--color-foreground)}.settings-nav-item.active{color:var(--color-primary);border-bottom-color:var(--color-primary)}.settings-nav-item.danger,.settings-nav-item.danger:hover{color:var(--color-red)}.settings-nav-item.danger.active{border-bottom-color:var(--color-red)}.settings-nav-item svg{width:16px;height:16px}.settings-content{background:var(--background-secondary);border:1px solid var(--border-color);border-radius:8px;min-height:400px;max-height:calc(100vh - 180px);padding:1.25rem;overflow-y:auto}.settings-section{animation:.15s fadeIn}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.settings-section-title{border-bottom:1px solid var(--border-color);margin:0 0 1rem;padding-bottom:.5rem;font-size:1rem;font-weight:600}.settings-section-divider{background:var(--border-color);height:1px;margin:1.5rem 0}.settings-form{grid-template-columns:repeat(2,1fr);gap:1rem;max-width:600px;display:grid}.settings-form-full{grid-column:1/-1}.settings-field{flex-direction:column;gap:.375rem;display:flex}.settings-field label{color:var(--text-muted);font-size:.8rem;font-weight:500}.settings-field input{background:var(--background-primary);border:1px solid var(--border-color);color:var(--color-foreground);border-radius:6px;padding:.5rem .75rem;font-size:.875rem;transition:all .15s}.settings-field input:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 2px #4169e126}.settings-field input:disabled{background:var(--background-secondary);color:var(--text-muted);cursor:not-allowed}.settings-field-hint{color:var(--text-faint);margin:0;font-size:.75rem}.settings-save-button{background:var(--color-primary);color:#fff;cursor:pointer;border:none;border-radius:6px;justify-content:center;align-items:center;gap:.375rem;width:fit-content;padding:.5rem 1rem;font-size:.85rem;font-weight:500;transition:all .15s;display:inline-flex}.settings-save-button:hover:not(:disabled){background:var(--color-primary-hover)}.settings-save-button:disabled{opacity:.5;cursor:not-allowed}.danger-zone .settings-section-title{color:var(--color-red)}.danger-card{background:#ff55550d;border:1px solid #f553;border-radius:8px;max-width:500px;padding:1rem}.danger-card-header{gap:.75rem;margin-bottom:.75rem;display:flex}.danger-card-header svg{color:var(--color-red);flex-shrink:0;width:20px;height:20px}.danger-card-header h3{color:var(--color-foreground);margin:0 0 .125rem;font-size:.9rem}.danger-card-header p{color:var(--text-muted);margin:0;font-size:.8rem}.danger-button{background:var(--color-red);color:#fff;cursor:pointer;border:none;border-radius:6px;padding:.5rem 1rem;font-size:.85rem;font-weight:500;transition:all .15s}.danger-button:hover:not(:disabled){background:#f33}.danger-button:disabled{opacity:.5;cursor:not-allowed}.danger-confirm{border-top:1px solid #f553;margin-top:.75rem;padding-top:.75rem}.danger-confirm p{margin:0 0 .5rem;font-size:.85rem}.danger-confirm input{background:var(--background-primary);border:1px solid var(--border-color);width:100%;color:var(--color-foreground);border-radius:6px;margin-bottom:.75rem;padding:.5rem .75rem;font-size:.875rem}.danger-confirm input:focus{border-color:var(--color-red);outline:none}.danger-confirm-actions{gap:.5rem;display:flex}.cancel-button{border:1px solid var(--border-color);color:var(--text-muted);cursor:pointer;background:0 0;border-radius:6px;padding:.5rem 1rem;font-size:.85rem;transition:all .15s}.cancel-button:hover{background:var(--background-primary);color:var(--color-foreground)}.settings-export-import-grid{grid-template-columns:1fr 1fr;gap:1.5rem;display:grid}.settings-export-import-column{flex-direction:column;display:flex}.settings-export-import-column .settings-section-title{margin-bottom:.75rem}@media (max-width:900px){.settings-export-import-grid{grid-template-columns:1fr}}@media (max-width:768px){.settings-container{padding:1rem}.settings-header{gap:1rem}.settings-nav{padding-bottom:.5rem}.settings-nav-item span{display:none}.settings-content{padding:1rem}.settings-form{grid-template-columns:1fr}.danger-confirm-actions{flex-direction:column}}