:root{--color-primary:#de5a23;--color-primary-hover:#c94d1a;--color-primary-light:#de5a2314;--color-primary-medium:#de5a231f;--color-primary-title:#ec6524;--color-white:#fff;--color-background:#f8f8f8;--color-background-secondary:#f5f5f5;--color-text-primary:#2a2a2a;--color-text-secondary:#718096;--color-text-tertiary:#4a5568;--color-border:#0000001a;--color-border-light:#0000000d;--color-shadow:#0000000f;--color-shadow-medium:#00000014;--color-shadow-heavy:#0000001f;--color-success:#48bb78;--color-warning:#ed8936;--color-error:#e53e3e;--color-info:#4299e1;--color-team-ai:#667eea;--color-team-storage:#48bb78;--color-team-connector:#ed8936;--color-team-pipeline:#4299e1;--color-team-framework:#d53f8c;--color-team-leadership:#f6ad55;--color-bg-hover:#de5a230a;--color-primary-dark:#a43d15;--color-secondary:#718096;--color-secondary-dark:#4a5568;--background-primary:#fff;--background-secondary:#f5f5f5;--background-tertiary:#f8f8f8;--border-color:#0000001a;--primary-color:#de5a23;--primary-color-rgb:222,90,35;--secondary-color:#718096;--text-primary:#2a2a2a;--text-secondary:#718096}*{box-sizing:border-box;padding:0}*,body{margin:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f5f5f5;background-color:var(--color-background-secondary);color:#2a2a2a;color:var(--color-text-primary);font-family:Poppins,-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}h1,h2,h3,h4,h5,h6{color:#2a2a2a;color:var(--color-text-primary);font-weight:600;line-height:1.3}h1{font-size:2rem}h2{font-size:1.5rem}h3{font-size:1.25rem}h4{font-size:1.125rem}h5{font-size:1rem}h6{font-size:.875rem}p{line-height:1.6;margin-bottom:1rem}.btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:inline-flex;font-family:inherit;font-size:.875rem;font-weight:500;gap:8px;justify-content:center;outline:none;padding:12px 24px;text-decoration:none;transition:all .15s ease;-webkit-user-select:none;user-select:none}.btn:disabled{cursor:not-allowed;opacity:.5}.btn-primary{background:#de5a23;background:var(--color-primary);color:var(--color-white)}.btn-primary:hover:not(:disabled){background:#c94d1a;background:var(--color-primary-hover);box-shadow:0 2px 8px #de5a2333}.btn-secondary{background:#f5f5f5;background:var(--color-background-secondary);border:1px solid #0000000d;border:1px solid var(--color-border-light);color:#2a2a2a;color:var(--color-text-primary)}.btn-secondary:hover:not(:disabled){background:#fff;background:var(--color-white);border-color:#0000001a;border-color:var(--color-border)}.btn-sm{font-size:.75rem;padding:8px 16px}.btn-lg{font-size:1rem;padding:16px 32px}.btn-icon{height:48px;min-width:48px;padding:12px}.btn-link{color:#de5a23;color:var(--color-primary);font-size:inherit;padding:0;text-decoration:underline}.btn-link:hover:not(:disabled){color:#c94d1a;color:var(--color-primary-hover);text-decoration:none}.btn-warning{background:#ed8936;background:var(--color-warning);color:#fff;color:var(--color-white)}.btn-warning:hover:not(:disabled){background:#dd6b20;box-shadow:0 2px 8px #ed893633}.form-group{margin-bottom:1rem}.form-label{color:#4a5568;color:var(--color-text-tertiary);display:block;font-size:.875rem;font-weight:500;margin-bottom:8px}.form-input,.form-select,.form-textarea{background:#f5f5f5;background:var(--color-background-secondary);border:1px solid #0000000d;border:1px solid var(--color-border-light);border-radius:6px;color:#2a2a2a;color:var(--color-text-primary);font-family:inherit;font-size:.875rem;padding:12px 16px;transition:border-color .15s ease;width:100%}.form-input:focus,.form-select:focus,.form-textarea:focus{background:#fff;background:var(--color-white);border-color:#de5a23;border-color:var(--color-primary);outline:none}.form-textarea{min-height:100px;resize:vertical}.card{background:var(--color-white);border:1px solid #0000000d;border:1px solid var(--color-border-light);border-radius:6px;padding:16px;transition:all .15s ease}.card:hover{border-color:#0000001a;border-color:var(--color-border);box-shadow:0 2px 8px #0000000f;box-shadow:0 2px 8px var(--color-shadow)}.card-header{border-bottom:1px solid #0000000d;border-bottom:1px solid var(--color-border-light);margin-bottom:12px;padding-bottom:12px}.card-title{font-size:1rem;font-weight:600;margin:0}.card-body,.card-title{color:#2a2a2a;color:var(--color-text-primary)}.list-item{border:1px solid #0000;border-radius:6px;cursor:pointer;padding:12px;transition:all .15s ease}.list-item:hover{background:#f5f5f5;background:var(--color-background-secondary);border-color:#0000000d;border-color:var(--color-border-light)}.list-item.active{background:#de5a2314;background:var(--color-primary-light);border-color:#de5a23;border-color:var(--color-primary)}.text-primary{color:#de5a23;color:var(--color-primary)}.text-secondary{color:#718096;color:var(--color-text-secondary)}.text-tertiary{color:#4a5568;color:var(--color-text-tertiary)}.text-success{color:#48bb78;color:var(--color-success)}.text-warning{color:#ed8936;color:var(--color-warning)}.text-error{color:#e53e3e;color:var(--color-error)}.text-info{color:#4299e1;color:var(--color-info)}.bg-primary{background-color:#de5a23;background-color:var(--color-primary)}.bg-primary-light{background-color:#de5a2314;background-color:var(--color-primary-light)}.bg-white{background-color:var(--color-white)}.bg-secondary{background-color:#f5f5f5;background-color:var(--color-background-secondary)}.border-light{border:1px solid #0000000d;border:1px solid var(--color-border-light)}.border-primary{border:1px solid #de5a23;border:1px solid var(--color-primary)}.rounded{border-radius:6px}.rounded-sm{border-radius:4px}.rounded-lg{border-radius:8px}.rounded-full{border-radius:50%}.shadow{box-shadow:0 2px 8px #0000000f;box-shadow:0 2px 8px var(--color-shadow)}.shadow-md{box-shadow:0 2px 8px #00000014;box-shadow:0 2px 8px var(--color-shadow-medium)}.shadow-lg{box-shadow:0 4px 12px #0000001f;box-shadow:0 4px 12px var(--color-shadow-heavy)}.transition-fast{transition:all .15s ease}.transition-normal{transition:all .2s ease}.transition-slow{transition:all .3s ease}@keyframes globalFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fadeIn{animation:globalFadeIn .3s ease}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:#f5f5f5;background:var(--color-background-secondary)}::-webkit-scrollbar-thumb{background:#0000001a;background:var(--color-border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#718096;background:var(--color-text-secondary)}.App{flex-direction:column}.App,.error-boundary{display:flex;min-height:100vh}.error-boundary{align-items:center;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);justify-content:center;padding:20px}.error-boundary-container{background:#fff;border-radius:16px;box-shadow:0 10px 40px #0000001a;max-width:700px;padding:60px 40px;text-align:center;width:100%}.error-boundary-icon{animation:pulse 2s ease-in-out infinite;font-size:80px;margin-bottom:24px}.error-boundary-title{color:#1f2937;font-size:32px;font-weight:700;margin:0 0 16px}.error-boundary-message{color:#6b7280;font-size:16px;line-height:1.6;margin:0 0 32px}.error-boundary-details{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;cursor:pointer;margin-bottom:32px;padding:16px;text-align:left}.error-boundary-details summary{color:#374151;font-weight:600;margin-bottom:12px;-webkit-user-select:none;user-select:none}.error-boundary-details[open] summary{margin-bottom:16px}.error-boundary-stack{color:#ef4444;font-family:Courier New,monospace;font-size:12px;max-height:300px;overflow-y:auto}.error-boundary-stack p{margin:0 0 12px}.error-boundary-stack strong{color:#dc2626}.error-boundary-stack pre{background:#fff;border:1px solid #fecaca;border-radius:4px;margin:0;overflow-x:auto;padding:12px;white-space:pre-wrap;word-break:break-word}.error-boundary-actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-bottom:32px}.error-boundary-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-size:16px;font-weight:500;gap:8px;padding:12px 24px;transition:all .2s}.error-boundary-btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.error-boundary-btn-primary:hover{box-shadow:0 4px 12px #667eea66;transform:translateY(-2px)}.error-boundary-btn-secondary{background:#fff;border:2px solid #667eea;color:#667eea}.error-boundary-btn-secondary:hover{background:#f9fafb}.error-boundary-help{border-top:1px solid #e5e7eb;margin-top:16px;padding-top:24px}.error-boundary-help p{color:#9ca3af;font-size:14px;margin:0}@media (max-width:640px){.error-boundary-container{padding:40px 24px}.error-boundary-title{font-size:24px}.error-boundary-actions{flex-direction:column}.error-boundary-btn{justify-content:center;width:100%}}.toast-container{display:flex;flex-direction:column;gap:12px;max-width:420px;pointer-events:none;position:fixed;right:24px;top:24px;z-index:9999}.toast-item{align-items:flex-start;animation:slideIn .3s ease-out;background:#fff;border-radius:12px;box-shadow:0 4px 12px #00000026,0 0 0 1px #0000000d;display:flex;gap:12px;min-width:320px;padding:16px;pointer-events:auto;transition:all .3s ease-out}.toast-item.toast-exiting{animation:slideOut .3s ease-out;opacity:0;transform:translateX(100%)}@keyframes slideOut{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(100%)}}.toast-content{align-items:flex-start;display:flex;flex:1 1;gap:12px}.toast-icon{align-items:center;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:14px;font-weight:700;height:24px;justify-content:center;width:24px}.toast-icon-success{background:linear-gradient(135deg,#10b981,#059669)}.toast-icon-error{background:linear-gradient(135deg,#ef4444,#dc2626)}.toast-icon-warning{background:linear-gradient(135deg,#f59e0b,#d97706)}.toast-icon-info{background:linear-gradient(135deg,#3b82f6,#2563eb)}.toast-text{flex:1 1;min-width:0}.toast-title{color:#1f2937;font-size:14px;font-weight:600;margin-bottom:4px}.toast-message{word-wrap:break-word;color:#6b7280;font-size:14px;line-height:1.5}.toast-close{align-items:center;background:none;border:none;border-radius:4px;color:#9ca3af;cursor:pointer;display:flex;flex-shrink:0;font-size:24px;height:24px;justify-content:center;line-height:1;padding:0;transition:all .2s;width:24px}.toast-close:hover{background:#f3f4f6;color:#374151}.toast-success{border-left:4px solid #10b981}.toast-error{border-left:4px solid #ef4444}.toast-warning{border-left:4px solid #f59e0b}.toast-info{border-left:4px solid #3b82f6}@media (max-width:640px){.toast-container{left:16px;max-width:none;right:16px;top:16px}.toast-item{min-width:0;width:100%}}@media (prefers-color-scheme:dark){.toast-item{background:#1f2937;box-shadow:0 4px 12px #0006,0 0 0 1px #ffffff1a}.toast-title{color:#f9fafb}.toast-message{color:#d1d5db}.toast-close{color:#6b7280}.toast-close:hover{background:#374151;color:#d1d5db}}.form-field{margin-bottom:20px}.form-field-label{color:var(--color-text-primary);display:block;font-size:14px;font-weight:600;margin-bottom:8px}.form-field-label .required-indicator{color:var(--color-error);margin-left:4px}.form-field-input-wrapper{align-items:center;display:flex;position:relative}.form-field-icon{color:var(--color-text-secondary);left:12px;pointer-events:none;position:absolute;z-index:1}.form-field-input,.form-field-select,.form-field-textarea{background:var(--color-white);border:1px solid var(--color-border);border-radius:8px;color:var(--color-text-primary);font-family:Poppins,sans-serif;font-size:14px;padding:12px;transition:border-color .2s,box-shadow .2s;width:100%}.form-field-input.with-icon{padding-left:40px}.form-field-input:focus,.form-field-select:focus,.form-field-textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #de5a231a;outline:none}.form-field.has-error .form-field-input,.form-field.has-error .form-field-select,.form-field.has-error .form-field-textarea{border-color:var(--color-error)}.form-field.has-error .form-field-input:focus,.form-field.has-error .form-field-select:focus,.form-field.has-error .form-field-textarea:focus{box-shadow:0 0 0 3px #e53e3e1a}.form-field.disabled .form-field-input,.form-field.disabled .form-field-select,.form-field.disabled .form-field-textarea{background:var(--color-background-secondary);color:var(--color-text-tertiary);cursor:not-allowed}.form-field-textarea{min-height:100px;resize:vertical}.form-field-error{align-items:center;color:var(--color-error);display:flex;font-size:13px;gap:6px;margin-top:6px}.form-field-error i{font-size:12px}.form-field-help{color:var(--color-text-secondary);font-size:13px;margin-top:6px}.form-field-select{appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath fill='%23718096' d='M6 9 1 4h10z'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;padding-right:40px}.multi-select{margin-bottom:20px;position:relative}.multi-select-label{color:var(--color-text-primary);display:block;font-size:14px;font-weight:600;margin-bottom:8px}.multi-select-label .required-indicator{color:var(--color-error);margin-left:4px}.multi-select-trigger{align-items:center;background:var(--color-white);border:1px solid var(--color-border);border-radius:8px;cursor:pointer;display:flex;justify-content:space-between;min-height:44px;padding:12px;transition:border-color .2s,box-shadow .2s}.multi-select-trigger.open,.multi-select-trigger:hover:not(.disabled){border-color:var(--color-primary)}.multi-select-trigger.open{box-shadow:0 0 0 3px #de5a231a}.multi-select.has-error .multi-select-trigger{border-color:var(--color-error)}.multi-select.disabled .multi-select-trigger{background:var(--color-background-secondary);cursor:not-allowed;opacity:.6}.multi-select-value{flex:1 1}.multi-select-value .placeholder{color:var(--color-text-tertiary);font-size:14px}.selected-badges{display:flex;flex-wrap:wrap;gap:6px}.selected-badges .badge{align-items:center;background:var(--color-primary);border-radius:12px;color:var(--color-white);display:inline-flex;font-size:13px;gap:6px;padding:4px 8px}.selected-badges .badge-remove{align-items:center;background:none;border:none;border-radius:50%;color:var(--color-white);cursor:pointer;display:flex;font-size:16px;height:16px;justify-content:center;line-height:1;margin:0;padding:0;transition:background .2s;width:16px}.selected-badges .badge-remove:hover{background:#fff3}.selected-badges .badge-count{background:var(--color-text-secondary);border-radius:12px;color:var(--color-white);font-size:13px;padding:4px 8px}.dropdown-arrow{color:var(--color-text-secondary);font-size:12px;transition:transform .2s}.dropdown-arrow.rotate{transform:rotate(180deg)}.multi-select-dropdown{animation:dropdown-slide .2s ease-out;background:var(--color-white);border:1px solid var(--color-border);border-radius:8px;box-shadow:0 4px 12px #0000001a;left:0;overflow:hidden;position:absolute;right:0;top:calc(100% + 4px);z-index:1000}@keyframes dropdown-slide{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.multi-select-search{border-bottom:1px solid var(--color-border);padding:12px;position:relative}.multi-select-search .search-icon{color:var(--color-text-secondary);font-size:14px;left:24px;position:absolute;top:50%;transform:translateY(-50%)}.multi-select-search .search-input{border:1px solid var(--color-border);border-radius:6px;font-family:Poppins,sans-serif;font-size:14px;padding:8px 12px 8px 36px;width:100%}.multi-select-search .search-input:focus{border-color:var(--color-primary);outline:none}.multi-select-actions{border-bottom:1px solid var(--color-border);display:flex;gap:8px;padding:8px 12px}.multi-select-actions .action-btn{background:none;border:1px solid var(--color-border);border-radius:6px;color:var(--color-text-primary);cursor:pointer;flex:1 1;font-size:13px;padding:6px 12px;transition:background .2s,border-color .2s}.multi-select-actions .action-btn:hover{background:var(--color-background);border-color:var(--color-primary)}.multi-select-options{max-height:200px;overflow-y:auto;padding:8px 0}.multi-select-option{align-items:center;cursor:pointer;display:flex;padding:10px 16px;transition:background .2s}.multi-select-option:hover:not(.disabled){background:#de5a230a}.multi-select-option.disabled{cursor:not-allowed;opacity:.5}.multi-select-option input[type=checkbox]{opacity:0;pointer-events:none;position:absolute}.multi-select-option .checkbox-custom{border:2px solid var(--color-border);border-radius:4px;flex-shrink:0;height:18px;margin-right:12px;position:relative;transition:all .2s;width:18px}.multi-select-option input:checked+.checkbox-custom{background:var(--color-primary);border-color:var(--color-primary)}.multi-select-option input:checked+.checkbox-custom:after{border:solid #fff;border-width:0 2px 2px 0;content:"";height:8px;left:5px;position:absolute;top:2px;transform:rotate(45deg);width:4px}.multi-select-option .option-label{color:var(--color-text-primary);font-size:14px}.multi-select-options .no-options{color:var(--color-text-secondary);font-size:14px;padding:20px;text-align:center}.multi-select-error{align-items:center;color:var(--color-error);display:flex;font-size:13px;gap:6px;margin-top:6px}.multi-select-error i{font-size:12px}.modal-overlay{animation:modalFadeIn .2s ease-in-out;background-color:#00000080;z-index:9999!important}.modal-content{animation:slideUp .3s ease-out;background:#fff;border-radius:8px;box-shadow:0 4px 20px #00000026;display:flex;flex-direction:column;max-height:90vh;position:relative;z-index:10000!important}.modal-small{max-width:400px;width:90%}.modal-medium{max-width:600px;width:90%}.modal-large{max-width:900px;width:90%}.modal-fullscreen{height:90vh;max-height:90vh;max-width:1600px;width:90vw}@media (max-width:768px){.modal-fullscreen{border-radius:0;height:100vh;max-height:100vh;width:100vw}}.modal-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;flex-shrink:0;justify-content:space-between;padding:24px 32px}.modal-header h3{align-items:center!important;color:#1f2937!important;display:flex!important;font-size:1.25rem!important;font-weight:600!important;gap:0!important;line-height:1.5!important;margin:0!important}.modal-close{align-items:center;background:none;border:none;border-radius:4px;color:#6b7280;cursor:pointer;display:flex;font-size:1.5rem;justify-content:center;margin:-8px -8px -8px 0;padding:8px;transition:color .2s}.modal-close:hover{background:#f3f4f6;color:#1f2937}.modal-body{flex:1 1;overflow-y:auto;padding:32px}.modal-footer{flex-shrink:0;gap:12px;padding:24px 32px}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}.modal-footer button{border:none;border-radius:6px;cursor:pointer;font-size:.875rem;font-weight:500;padding:10px 20px;transition:all .2s}.modal-footer .btn-secondary{background:#f3f4f6;color:#374151}.modal-footer .btn-secondary:hover{background:#e5e7eb}.modal-footer .btn-primary{background:#de5a23;color:#fff}.modal-footer .btn-primary:hover{background:#c54d1e}.modal-footer .btn-primary:disabled{background:#f3f4f6;color:#9ca3af;cursor:not-allowed}.modal-footer .btn-danger{background:#ef4444;color:#fff}.modal-footer .btn-danger:hover{background:#dc2626}.confirm-icon{display:flex;font-size:48px;justify-content:center;margin-bottom:20px}.confirm-dialog.variant-danger .confirm-icon{color:var(--color-error)}.confirm-dialog.variant-warning .confirm-icon{color:#ed8936}.confirm-dialog.variant-info .confirm-icon{color:var(--color-primary)}.confirm-message{color:var(--color-text-secondary);font-size:15px;line-height:1.6;margin:0;text-align:center}.confirm-actions{display:flex;gap:12px;justify-content:flex-end}.confirm-actions button{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-family:Poppins,sans-serif;font-size:14px;font-weight:500;gap:8px;padding:10px 24px;transition:all .2s}.confirm-actions button:disabled{cursor:not-allowed;opacity:.6}.confirm-actions .btn-secondary{background:var(--color-background-secondary);color:var(--color-text-primary)}.confirm-actions .btn-secondary:hover:not(:disabled){background:var(--color-text-secondary);color:var(--color-white)}.confirm-actions .btn-danger{background:var(--color-error);color:var(--color-white)}.confirm-actions .btn-danger:hover:not(:disabled){background:#c53030}.confirm-actions .btn-warning{background:#ed8936;color:var(--color-white)}.confirm-actions .btn-warning:hover:not(:disabled){background:#dd6b20}.confirm-actions .btn-info{background:var(--color-primary);color:var(--color-white)}.confirm-actions .btn-info:hover:not(:disabled){background:var(--color-primary-hover)}.confirm-actions .btn-danger i.fa-spinner,.confirm-actions .btn-info i.fa-spinner,.confirm-actions .btn-warning i.fa-spinner{animation:spin 1s linear infinite}.data-table-container{background:var(--color-white);border-radius:12px;box-shadow:0 2px 8px #0000000f;overflow-x:auto;width:100%}.data-table{border-collapse:initial;border-spacing:0}.data-table thead{background:var(--color-background-secondary)}.data-table th{border-bottom:2px solid var(--color-border);color:var(--color-text-primary);padding:16px;white-space:nowrap}.data-table th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none}.data-table th.sortable:hover{background:#de5a230a}.data-table .th-content{align-items:center;display:flex;gap:8px}.data-table .sort-icon{color:var(--color-primary);font-size:12px}.data-table td{border-bottom:1px solid #0000000d;color:var(--color-text-secondary)}.data-table tbody tr.clickable{cursor:pointer}.data-table.hoverable tbody tr:hover{background:#de5a230a}.data-table.striped tbody tr:nth-child(2n){background:#00000003}.data-table.loading{pointer-events:none}.skeleton-cell,.skeleton-header{animation:skeleton-loading 1.5s infinite;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);border-radius:4px;height:20px}.data-table-empty{align-items:center;color:var(--color-text-secondary);display:flex;flex-direction:column;justify-content:center;padding:60px 20px}.data-table-empty .empty-icon{color:#0003;font-size:48px;margin-bottom:16px}.data-table-empty p{font-size:16px;margin:0}@media (max-width:768px){.data-table td,.data-table th{font-size:14px;padding:12px 8px}}.language-selector{position:relative}.language-trigger{align-items:center;background:#0000;border:none;border-radius:6px;color:var(--color-text-primary);cursor:pointer;display:flex;font-size:.875rem;gap:8px;padding:8px 12px;transition:all .2s ease}.language-trigger:hover{background:var(--color-bg-hover)}.flag-icon{background:#fff;border-radius:50%;display:block;height:24px;object-fit:cover;padding:2px;width:24px}.language-name{font-weight:500}.language-dropdown{background:var(--color-white);border:1px solid var(--color-border);border-radius:8px;box-shadow:0 4px 12px #0000001a;min-width:150px;overflow:hidden;position:absolute;right:0;top:calc(100% + 4px);z-index:1000}.language-option{align-items:center;background:#0000;border:none;color:var(--color-text-primary);cursor:pointer;display:flex;font-size:.875rem;gap:12px;padding:10px 16px;text-align:left;transition:background .2s ease;width:100%}.language-option:hover{background:var(--color-bg-hover)}.language-option.active{background:var(--color-primary-light);color:var(--color-primary);font-weight:600}.language-option .flag-icon{height:24px;width:24px}.language-option .language-name{flex:1 1}.domain-selector{position:relative}.domain-trigger{align-items:center;background:#0000;border:none;border-radius:6px;color:var(--color-text-primary);cursor:pointer;display:flex;font-size:.875rem;gap:8px;padding:8px 12px;transition:all .2s ease}.domain-trigger:hover:not(:disabled){background:var(--color-bg-hover)}.domain-trigger:disabled{cursor:not-allowed;opacity:.6}.domain-trigger i:first-child{color:var(--color-primary);font-size:1.125rem}.domain-trigger .domain-name{font-weight:500;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.domain-trigger i:last-child{color:var(--color-text-secondary);font-size:.75rem}.domain-dropdown{background:var(--color-white);border:1px solid var(--color-border);border-radius:8px;box-shadow:0 4px 12px #0000001a;max-width:400px;min-width:320px;overflow:hidden;position:absolute;right:0;top:calc(100% + 4px);z-index:1000}.domain-search{align-items:center;background:var(--color-bg-secondary);border-bottom:1px solid var(--color-border);display:flex;gap:8px;padding:12px}.domain-search i{color:var(--color-text-secondary);font-size:.875rem}.domain-search-input{background:#0000;border:none;color:var(--color-text-primary);flex:1 1;font-size:.875rem;outline:none;padding:0}.domain-search-input::placeholder{color:var(--color-text-tertiary)}.domain-options{max-height:400px;overflow-y:auto}.domain-option{align-items:flex-start;background:#0000;border:none;cursor:pointer;display:flex;gap:12px;padding:12px;text-align:left;transition:background .2s ease;width:100%}.domain-option:hover{background:var(--color-bg-hover)}.domain-option.active{background:var(--color-primary-light)}.domain-option.active .domain-option-name{color:var(--color-primary);font-weight:600}.domain-option i{color:var(--color-primary);flex-shrink:0;font-size:1.125rem;margin-top:2px}.domain-option-content{display:flex;flex:1 1;flex-direction:column;gap:4px;min-width:0}.domain-option-name{color:var(--color-text-primary);font-size:.875rem;font-weight:500}.domain-option-description,.domain-option-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.domain-option-description{color:var(--color-text-secondary);font-size:.75rem}.domain-option.default-domain{background-color:#f0f9ff;border-left:3px solid #3b82f6;font-weight:600}.domain-option.default-domain:hover{background-color:#dbeafe}.domain-option.default-domain.active{background-color:#3b82f6;border-left-color:#1e40af;color:#fff}.domain-option.default-domain.active .domain-option-name{color:#fff}.domain-option.default-domain.active .domain-option-description{color:#fffc}.domain-no-results{align-items:center;color:var(--color-text-secondary);display:flex;flex-direction:column;font-size:.875rem;gap:8px;padding:24px 12px}.domain-no-results i{color:var(--color-text-tertiary);font-size:2rem;opacity:.5}.domain-options::-webkit-scrollbar{width:6px}.domain-options::-webkit-scrollbar-track{background:#0000}.domain-options::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:3px}.domain-options::-webkit-scrollbar-thumb:hover{background:var(--color-text-tertiary)}.domain-selector.compact .domain-trigger{font-size:.8125rem;padding:6px 10px}.domain-selector.compact .domain-trigger i:first-child{font-size:1rem}.domain-selector.compact .domain-trigger .domain-name{max-width:150px}.domain-selector.compact .domain-dropdown{min-width:280px}.domain-selector.required .domain-trigger{background:#fffbeb;border:1px solid #f59e0b}.domain-selector.error .domain-trigger{background:#fef2f2;border:1px solid #ef4444}.domain-selector.error .domain-trigger:hover:not(:disabled){background:#fee2e2}.account-modal-overlay{align-items:center;animation:fadeIn .2s ease-out;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.account-modal-content{animation:slideUp .3s ease-out;background:#fff;border-radius:12px;box-shadow:0 10px 25px #0000001a;display:flex;flex-direction:column;max-height:80vh;max-width:600px;width:90%}.account-modal-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:20px 24px}.account-modal-title-section{align-items:center;display:flex;gap:12px}.account-modal-icon{color:#667eea;height:24px;width:24px}.account-modal-title{color:#111827;font-size:20px;font-weight:600;margin:0}.account-modal-close-button{background:none;border:none;border-radius:6px;cursor:pointer;padding:8px;transition:background-color .2s}.account-modal-close-button:hover{background-color:#f3f4f6}.close-icon{color:#6b7280;height:20px;width:20px}.account-modal-body{flex:1 1;overflow-y:auto;padding:24px}.account-modal-loading{align-items:center;color:#6b7280;display:flex;flex-direction:column;justify-content:center;padding:40px}.spinner{animation:spin .8s linear infinite;border:3px solid #e5e7eb;border-top-color:#667eea;margin-bottom:12px}.account-modal-empty{align-items:center;color:#6b7280;display:flex;flex-direction:column;justify-content:center;padding:40px}.empty-icon{color:#d1d5db;height:64px;margin-bottom:16px;width:64px}.account-list{display:flex;flex-direction:column;gap:12px;list-style:none;margin:0;padding:0}.account-item{background:#fff;border:2px solid #e5e7eb;justify-content:space-between;padding:16px;transition:all .2s}.account-item:hover{border-color:#667eea;box-shadow:0 4px 6px #667eea1a}.account-item.active{background:#f5f7ff;border-color:#667eea}.account-item-info{flex:1 1;min-width:0}.account-item-header{align-items:center;display:flex;gap:12px;margin-bottom:8px}.account-item-name{color:#111827;font-size:16px;font-weight:600;margin:0}.account-item-badges{display:flex;gap:8px}.active-badge,.default-badge{align-items:center;border-radius:4px;display:flex;font-size:12px;font-weight:500;gap:4px;padding:4px 8px}.default-badge{background:#fef3c7;color:#92400e}.active-badge{background:#d1fae5;color:#065f46}.active-icon,.default-icon{height:14px;width:14px}.account-item-details{display:flex;flex-direction:column;gap:8px}.role-badge{border-radius:4px;width:fit-content}.role-badge-owner{background:#ede9fe;color:#5b21b6}.role-badge-admin{background:#dbeafe;color:#1e40af}.role-badge-member{background:#f3f4f6;color:#4b5563}.role-badge-default{background:#e5e7eb;color:#6b7280}.role-badge-admin_access{background:#faf5ff;border:1px solid #e9d5ff;color:#7c3aed}.account-item-description{color:#6b7280;font-size:14px;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-section{margin-bottom:24px}.account-section:last-child{margin-bottom:0}.account-section-title{align-items:center;color:#374151;display:flex;font-size:14px;font-weight:600;gap:8px;letter-spacing:.05em;margin-bottom:12px;text-transform:uppercase}.admin-section{border-top:1px solid #e5e7eb;padding-top:24px}.admin-section-title{color:#7c3aed}.admin-section-title svg{height:18px;width:18px}.non-member-badge{background:#f3f4f6;border:1px dashed #d1d5db;border-radius:12px;color:#6b7280;font-size:12px;font-weight:600;padding:4px 12px}.account-item.non-member{background:#faf5ff;border-left:3px solid #7c3aed}.confirm-modal-overlay{align-items:center;animation:fadeIn .2s ease-out;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1001}.confirm-modal-content{animation:slideUp .3s ease-out;background:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a;max-width:400px;padding:24px}.confirm-modal-content h3{color:#111827;font-size:18px;font-weight:600;margin-bottom:12px}.confirm-modal-content p{color:#6b7280;font-size:14px;line-height:1.5;margin-bottom:24px}.confirm-modal-actions{display:flex;gap:12px;justify-content:flex-end}.confirm-modal-actions .btn-primary,.confirm-modal-actions .btn-secondary{border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:all .2s}.confirm-modal-actions .btn-secondary{background:#f3f4f6;color:#374151}.confirm-modal-actions .btn-secondary:hover{background:#e5e7eb}.confirm-modal-actions .btn-primary{background:#667eea;color:#fff}.confirm-modal-actions .btn-primary:hover{background:#5568d3}.account-item-actions{display:flex;flex-shrink:0;gap:8px;margin-left:16px}.default-button,.switch-button{border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:all .2s;white-space:nowrap}.switch-button{background:#667eea;color:#fff}.switch-button:hover:not(:disabled){background:#5568d3}.switch-button:disabled{background:#d1d5db;cursor:not-allowed}.default-button{align-items:center;background:#fff;border:1px solid #667eea;color:#667eea;display:flex;gap:6px}.default-button:hover:not(:disabled){background:#f5f7ff}.default-button:disabled{border-color:#d1d5db;color:#9ca3af;cursor:not-allowed}.default-button-icon{height:16px;width:16px}@media (max-width:640px){.account-modal-content{max-height:90vh;width:95%}.account-item{align-items:flex-start;flex-direction:column;gap:12px}.account-item-actions{margin-left:0;width:100%}.default-button,.switch-button{flex:1 1;justify-content:center}}.module-selector{align-items:center;display:flex}.module-selector__button{align-items:center;background:#0000;border:1px solid #0000;border-radius:999px;color:var(--color-text-primary);cursor:pointer;display:inline-flex;justify-content:center;padding:.35rem .6rem;transition:background .2s ease,color .2s ease,border-color .2s ease,box-shadow .2s ease}.module-selector__button--active,.module-selector__button:focus-visible,.module-selector__button:hover{background:var(--color-primary-light);border-color:var(--color-primary-medium);box-shadow:0 6px 18px #0f172a24;color:var(--color-primary);outline:none}.module-selector__icon{height:1.4rem;width:1.4rem}.module-panel{background:var(--color-white);display:flex;flex-direction:column;gap:1.5rem;inset:0 auto 0 0;overflow-y:auto;padding:1.25rem 1.5rem 1.5rem;position:fixed;transform:translateX(-100%);transition:transform .3s ease;width:280px;z-index:30}.module-panel--open{box-shadow:6px 0 24px #0f172a2e;transform:translateX(0)}.module-panel__overlay{background:#11182733;inset:0;opacity:0;pointer-events:none;position:fixed;transition:opacity .3s ease;z-index:20}.module-panel__overlay--visible{opacity:1;pointer-events:auto}.module-panel__header{align-items:center;display:flex;gap:1rem;justify-content:space-between}.module-panel__title{color:var(--color-text-secondary);font-size:.75rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.module-panel__close{background:#0000;border:none;border-radius:.375rem;color:var(--color-text-secondary);cursor:pointer;font-size:1.25rem;line-height:1;padding:.25rem;transition:background .2s ease,color .2s ease}.module-panel__close:focus-visible,.module-panel__close:hover{background:var(--color-primary-light);color:var(--color-primary);outline:none}.module-panel__section{display:flex;flex-direction:column;gap:.75rem}.module-panel__section-title{color:var(--color-text-secondary);font-size:.75rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.module-panel__module-list{display:flex;flex-direction:column;gap:.5rem;list-style:none;margin:0;padding:0}.module-panel__module-button{background:var(--color-white);border:1px solid var(--color-border-light);border-radius:.75rem;cursor:pointer;padding:.65rem .75rem;text-align:left;transition:border .2s ease,background .2s ease,transform .2s ease;width:100%}.module-panel__module-content{align-items:center;display:flex;gap:.75rem}.module-panel__module-logo{flex-shrink:0;height:32px;object-fit:contain;width:32px}.module-panel__admin-icon{align-items:center;background:linear-gradient(135deg,#1f2937,#374151);border-radius:8px;color:#fff;display:flex;flex-shrink:0;font-size:16px;height:32px;justify-content:center;width:32px}.module-panel__divider{background:linear-gradient(90deg,#0000,#e5e7eb 20%,#e5e7eb 80%,#0000);height:1px;list-style:none;margin:.75rem 0}.module-panel__admin-section{border-top:1px solid #e5e7eb;margin-top:auto;padding-top:1rem}.module-panel__module-text{display:flex;flex:1 1;flex-direction:column;gap:.35rem;min-width:0}.module-panel__module-button:focus-visible,.module-panel__module-button:hover{background:var(--color-primary-light);border-color:var(--color-primary-medium);outline:none}.module-panel__module-button--active{background:var(--color-primary-light);border-color:var(--color-primary)}.module-panel__module-name{color:var(--color-text-primary);font-size:.9rem;font-weight:600}.module-panel__module-description{color:var(--color-text-secondary);font-size:.75rem;line-height:1.3}.module-panel__nav{display:flex;flex-direction:column;gap:.35rem}.module-panel__nav-link{align-items:center;border-radius:.65rem;color:var(--color-text-primary);display:inline-flex;font-size:.9rem;font-weight:500;gap:.6rem;padding:.55rem .5rem;text-decoration:none;transition:background .2s ease,color .2s ease}.module-panel__nav-link:focus-visible,.module-panel__nav-link:hover{background:var(--color-primary-light);color:var(--color-primary);outline:none}.module-panel__nav-link--active{background:var(--color-primary-light);color:var(--color-primary)}.module-panel__empty{color:var(--color-text-secondary);font-size:.8rem}@media (max-width:767px){.module-panel{width:min(280px,90vw)}.module-panel__overlay{background:#11182780}}.nav-link{border-radius:.375rem;color:var(--color-text-secondary);display:inline-flex;gap:.5rem;padding:.5rem 1rem;transition:all .2s ease;white-space:nowrap}.nav-link.active,.nav-link:hover{background-color:var(--color-primary-light)}.desktop-navigation{align-items:center;display:none;gap:.25rem}@media (max-width:767px){.desktop-navigation{display:none!important}}@media (min-width:768px){.desktop-navigation{display:flex}}.mobile-navigation{display:block;position:relative}@media (min-width:768px){.mobile-navigation{display:none}}.mobile-menu-button{align-items:center;background:#0000;border:none;border-radius:.375rem;color:var(--color-text-secondary);cursor:pointer;display:inline-flex;justify-content:center;padding:.5rem;transition:all .2s ease}.mobile-menu-button:hover{background-color:var(--color-primary-light);color:var(--color-primary)}.mobile-menu-button .menu-icon{height:1.5rem;width:1.5rem}.mobile-menu-panel{background-color:#fff;bottom:0;box-shadow:0 10px 15px -3px #0000001a;left:0;overflow-y:auto;padding:1rem;position:fixed;right:0;top:4rem;z-index:50}.mobile-menu-section{border-bottom:1px solid var(--color-border-light);padding:.75rem 0}.mobile-menu-section:last-child{border-bottom:none}.mobile-section-header{align-items:center;color:var(--color-text-primary);display:flex;font-size:.875rem;font-weight:600;gap:.5rem;margin-bottom:.5rem;padding:.5rem 1rem}.mobile-section-header .section-icon{color:var(--color-primary);height:1.25rem;width:1.25rem}.mobile-nav-link{align-items:center;background:#0000;border:none;border-radius:.5rem;color:var(--color-text-primary);cursor:pointer;display:flex;font-size:1rem;font-weight:500;gap:.75rem;padding:.75rem 1rem;text-align:left;text-decoration:none;transition:all .2s ease;width:100%}.mobile-nav-link.active,.mobile-nav-link:hover{background-color:var(--color-primary-light);color:var(--color-primary)}.mobile-nav-link.active{font-weight:600}.mobile-nav-link .link-icon{height:1.25rem;width:1.25rem}.mobile-user-section{background-color:var(--color-background-secondary);border-radius:.5rem;padding:1rem}.mobile-user-info{align-items:center;display:flex;gap:.75rem;margin-bottom:.5rem;padding:.75rem}.mobile-user-avatar{border:2px solid var(--color-primary);border-radius:50%;height:3rem;object-fit:cover;width:3rem}.mobile-user-details{display:flex;flex-direction:column;gap:.25rem}.mobile-user-name{color:var(--color-text-primary);font-size:1rem;font-weight:600}.mobile-user-email{color:var(--color-text-secondary);font-size:.875rem}.admin-trigger{align-items:center;background:#0000;display:inline-flex;gap:.5rem}.admin-icon,.chevron-icon{height:1rem;width:1rem}.chevron-icon{transition:transform .2s ease}.admin-trigger[aria-expanded=true] .chevron-icon{transform:rotate(180deg)}.admin-dropdown{background-color:#fff;border-radius:.5rem;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;left:auto;margin-top:.5rem;max-width:calc(100vw - 32px);min-width:12rem;overflow:hidden;padding:.5rem 0;right:0;top:100%;z-index:100}@media (max-width:767px){.admin-dropdown{left:auto;max-width:calc(100vw - 32px);right:0}}.user-menu-trigger{background:#0000;border-radius:.5rem;display:inline-flex;gap:.5rem;padding:.5rem;transition:all .2s ease}.user-menu-trigger:hover{background-color:var(--color-primary-light)}.user-avatar{height:2rem;width:2rem}.user-name{color:var(--color-text-primary);max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width:1024px){.user-name{display:none}}.user-dropdown{background-color:#fff;border-radius:.5rem;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;margin-top:.5rem;max-width:calc(100vw - 32px);min-width:12rem;overflow:hidden;padding:.5rem 0;right:16px;z-index:100}@media (max-width:767px){.user-dropdown{max-width:calc(100vw - 32px);right:16px}}.dropdown-item{background:#0000;color:var(--color-text-primary);font-weight:500;gap:.75rem;outline:none;padding:.75rem 1rem;transition:all .2s ease}.dropdown-item.active,.dropdown-item:hover{background-color:var(--color-primary-light);color:var(--color-primary)}.dropdown-item:focus-visible{outline:2px solid var(--color-primary);outline-offset:-2px}.dropdown-item i{flex-shrink:0;font-size:1rem;width:1rem}.dropdown-icon{flex-shrink:0;height:1.25rem;width:1.25rem}.dropdown-divider{background-color:var(--color-border-light);margin:.5rem 0}@media (min-width:768px) and (max-width:1024px){.nav-link{font-size:.8125rem;padding:.5rem .75rem}.desktop-navigation{gap:.125rem}}@media (max-width:375px){.mobile-nav-link{font-size:.9375rem;padding:.625rem .875rem}.mobile-user-avatar{height:2.5rem;width:2.5rem}.mobile-user-name{font-size:.9375rem}}.layout{background-color:var(--color-background-secondary);min-height:100vh;overflow-x:hidden;position:relative}.layout-shell{display:flex;flex-direction:column;max-height:100vh;min-height:100vh;overflow:hidden;transform:translateX(0);transition:transform .3s ease}.layout-shell--shifted{transform:translateX(280px)}@media (max-width:767px){.layout-shell--shifted{transform:translateX(min(280px,90vw))}}.header{background-color:var(--color-white);box-shadow:0 1px 3px var(--color-shadow);color:var(--color-text-primary);padding:.2rem 0;position:relative;z-index:10}.header-content{align-items:center;display:flex;gap:2rem;height:48px;justify-content:space-between;padding:0 2rem}.header-left{flex-shrink:0;gap:1rem;max-width:300px}.logo-container{align-items:center;cursor:pointer;display:flex;gap:12px;text-decoration:none;transition:opacity .2s ease}.logo-container:hover{opacity:.8}.logo{height:36px;margin:0;object-fit:contain;width:auto}.logo-text{color:var(--color-text-primary);font-family:Poppins,sans-serif;font-size:1.125rem;font-weight:600;white-space:nowrap}.navigation{align-items:stretch;flex-grow:0;flex-shrink:0;gap:1.5rem;justify-content:flex-start}.nav-link,.navigation{display:flex;height:100%}.nav-link{align-items:center;color:var(--color-text-primary);font-family:Poppins,sans-serif;font-size:.875rem;font-weight:500;padding:0 12px;position:relative;text-decoration:none;transition:color .2s}.nav-link.active,.nav-link:hover{color:var(--color-primary)}.main-content{display:flex;flex:1 1;flex-direction:column;max-height:calc(100vh - 48px);overflow:hidden;width:100%}.footer{background-color:var(--color-background);border-top:1px solid var(--color-border-light);color:var(--color-text-primary);font-size:.875rem;margin-top:auto;padding:1rem;text-align:center}.header-actions{flex-shrink:0}.desktop-user-menu{display:none}@media (min-width:768px){.desktop-user-menu{display:block}}.user-menu-container{position:relative}.user-menu-trigger{align-items:center;background:none;border:none;border-radius:4px;color:var(--color-text-primary);cursor:pointer;display:flex;gap:8px;padding:6px 12px;transition:background .2s ease}.user-menu-trigger:hover{background:var(--color-primary-light);color:var(--color-primary)}.user-avatar{height:32px;object-fit:cover;width:32px}.user-name{font-size:.875rem}.user-menu-trigger i{font-size:.75rem;margin-left:4px}.user-dropdown{animation:dropdownFade .2s ease;background:#fff;border-radius:8px;box-shadow:0 4px 12px #00000026;margin-top:8px;min-width:180px;position:absolute;right:0;top:100%;z-index:3000}@keyframes dropdownFade{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.dropdown-item{align-items:center;background:none;border:none;color:#4a5568;cursor:pointer;display:flex;font-size:.875rem;gap:10px;padding:10px 16px;text-align:left;text-decoration:none;transition:background .2s ease;width:100%}.dropdown-item:first-child{border-radius:8px 8px 0 0}.dropdown-item:last-child{border-radius:0 0 8px 8px}.dropdown-item:hover{background:#f7fafc}.dropdown-item i{color:#718096;text-align:center;width:16px}.dropdown-divider{background:#0000000d;height:1px;margin:4px 0}.admin-menu-container{align-items:center;display:flex;height:100%;position:relative}.admin-trigger{background:none;border:none;cursor:pointer;font-family:Poppins,sans-serif;font-weight:500;gap:8px}.admin-trigger i.fa-shield-alt{font-size:.875rem;margin-right:4px}.admin-trigger i.fa-chevron-down,.admin-trigger i.fa-chevron-up{font-size:.625rem;margin-left:4px}.admin-dropdown{animation:dropdownFade .2s ease;background:#fff;border-radius:8px;box-shadow:0 4px 12px #00000026;left:0;min-width:220px;position:absolute;top:calc(100% + 8px);z-index:3000}.admin-dropdown .dropdown-item{white-space:nowrap}.ml-1{margin-left:4px}.stat-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 2px 8px #0000000f;overflow:hidden;padding:24px;position:relative;transition:all .3s ease}.stat-card:before{background:var(--color-primary);content:"";height:3px;left:0;position:absolute;right:0;top:0}.stat-card:hover{box-shadow:0 8px 24px #0000001f}.stat-card.clickable{cursor:pointer}.stat-header{align-items:center;display:flex;gap:12px;margin-bottom:16px}.stat-icon{font-size:1.5rem}.stat-icon.text-purple{color:#805ad5}.stat-icon.text-blue{color:#4299e1}.stat-icon.text-green{color:#48bb78}.stat-icon.text-orange{color:#ed8936}.stat-icon.text-indigo{color:var(--color-primary)}.stat-icon.text-red{color:#e53e3e}.stat-header h3{color:#4a5568;font-size:.875rem;font-weight:600;letter-spacing:.05em;margin:0;text-transform:uppercase}.stat-value{color:#1a202c;font-size:2rem;font-weight:700;margin:0 0 8px}.stat-change{align-items:center;display:flex;font-size:.875rem;font-weight:500;gap:4px}.stat-change.up{color:#22543d}.stat-change.down{color:#c53030}.stat-change i{font-size:.75rem}@media (max-width:768px){.stat-card{padding:16px}.stat-value{font-size:1.5rem}.stat-icon{font-size:1.25rem}}.breadcrumb{background:var(--color-white);border-bottom:1px solid var(--color-border-light);border-radius:8px;padding:10px 24px}.breadcrumb-container{align-items:center;display:flex;gap:16px;justify-content:space-between;min-height:37px}.breadcrumb-list{align-items:center;display:flex;flex-wrap:wrap;list-style:none;margin:0;padding:0}.breadcrumb-actions{align-items:center;display:flex;gap:12px}.breadcrumb-actions .btn{font-size:.875rem;padding:8px 20px}.breadcrumb-item{align-items:center;display:flex;font-size:.875rem}.breadcrumb-link{color:var(--color-text-secondary);padding:4px 0;text-decoration:none;transition:color .2s ease}.breadcrumb-link:hover{color:var(--color-primary)}.breadcrumb-current{color:var(--color-text-primary);font-weight:500;padding:4px 0}.breadcrumb-separator{align-items:center;color:var(--color-text-tertiary);display:flex;font-size:.75rem;margin:0 12px}@media (max-width:768px){.breadcrumb{padding:10px 16px}.breadcrumb-container{align-items:flex-start;flex-direction:column;gap:12px}.breadcrumb-actions{width:100%}.breadcrumb-actions .btn{justify-content:center;padding:8px 16px;width:100%}.breadcrumb-item{font-size:.8125rem}.breadcrumb-separator{margin:0 8px}}.status-badge{gap:6px;transition:all .2s ease}.status-badge.size-small{font-size:.65rem;gap:4px;padding:2px 6px}.status-badge.size-small .status-icon{font-size:.65rem}.status-badge.size-medium{font-size:.75rem;gap:6px;padding:4px 8px}.status-badge.size-medium .status-icon{font-size:.75rem}.status-badge.size-large{font-size:.875rem;gap:8px;padding:6px 12px}.status-badge.size-large .status-icon{font-size:.875rem}.status-icon{align-items:center;display:inline-flex}.status-badge:hover{box-shadow:0 2px 4px #0000001a}.metrics-display{display:flex;flex-direction:column;gap:8px}.metrics-description{color:#4a5568;font-size:.9rem;line-height:1.5;margin:0 0 16px}.metric-row{gap:12px}.metric-value{color:#2d3748;font-size:.875rem;font-weight:600;overflow-wrap:break-word;text-align:right;word-break:break-word}@media (max-width:768px){.metric-row{gap:8px}.metric-label,.metric-value{font-size:.8125rem}}.dashboard-item{background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;height:100%;overflow:hidden;padding:16px;position:relative;transition:all .2s ease}.dashboard-item:before{background:#0000;content:"";height:3px;left:0;position:absolute;right:0;top:0}.dashboard-item.accent-primary:before{background:var(--color-primary)}.dashboard-item.accent-success:before{background:#48bb78}.dashboard-item.accent-warning:before{background:#ed8936}.dashboard-item.accent-info:before{background:#4299e1}.dashboard-item.accent-danger:before{background:#e53e3e}.dashboard-item:hover{box-shadow:0 4px 8px #0000001f}.dashboard-item-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px;min-height:24px}.dashboard-item-title{color:#2d3748;font-size:.875rem;font-weight:600;line-height:1.2}.dashboard-item-progress{background:#e2e8f0;border-radius:2px;height:4px;margin-top:12px;overflow:hidden}.dashboard-item-progress-bar{background:var(--color-primary);border-radius:2px;height:100%;transition:width .3s ease}.dashboard-page{display:flex;flex-direction:column;height:100%}.dashboard-items-grid{grid-gap:16px;gap:16px;grid-template-columns:repeat(2,1fr)}.dashboard-controls{align-items:center;display:flex;gap:16px}.live-indicator{align-items:center;background:#f0fff4;border:1px solid #9ae6b4;border-radius:6px;color:#22543d;display:flex;font-size:.875rem;font-weight:500;gap:8px;padding:8px 16px}.live-dot{animation:pulse 2s infinite;background:#48bb78;border-radius:50%;height:8px;width:8px}.refresh-btn{background:#4299e1;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:500;padding:8px 16px;transition:all .2s ease}.refresh-btn:hover{background:#3182ce;transform:translateY(-1px)}.alerts-section{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:24px}.alert{flex:1 1;font-size:.875rem;font-weight:500;gap:12px;min-width:300px;transition:all .2s ease}.alert:hover{box-shadow:0 4px 12px #0000001a}.alert-error{background:#fed7d7;border:1px solid #fc8181;color:#742a2a}.alert-warning{background:#fefcbf;border:1px solid #f6e05e;color:#744210}.alert-success{background:#c6f6d5;border:1px solid #9ae6b4;color:#22543d}.alert-info{background:#bee3f8;border:1px solid #90cdf4;color:#2a4365}.alert-message{flex:1 1}.alert-time{font-size:.75rem;opacity:.8}.stats-grid{grid-gap:20px;gap:20px;grid-template-columns:repeat(5,1fr);margin-bottom:32px;padding:0 24px}@media (max-width:1200px){.stats-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:768px){.stats-grid{grid-template-columns:1fr;padding:0 16px}.dashboard-grid{padding:0 16px 16px}.pipelines-list,.storage-list{grid-template-columns:1fr}}.dashboard .realtime-metrics{margin-bottom:32px}.dashboard .realtime-metrics h3{color:#2d3748;font-size:1.25rem;font-weight:600;margin:0 0 20px}.dashboard .metrics-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.dashboard .metric-card{background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 2px 8px #0000000f;padding:20px}.dashboard .metric-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.dashboard .metric-status{font-size:1.2rem}.dashboard .metric-status.healthy{color:#48bb78}.dashboard .metric-status.warning{color:#ed8936}.dashboard .metric-status.critical{color:#e53e3e}.dashboard .metric-value{color:#2d3748;font-size:1.5rem;font-weight:700;margin-bottom:12px}.dashboard .metric-bar{background:#edf2f7;border-radius:3px;height:6px;overflow:hidden;width:100%}.dashboard .metric-fill{border-radius:3px;height:100%;transition:width .3s ease}.dashboard .metric-fill.healthy{background:linear-gradient(90deg,#48bb78,#38a169)}.dashboard .metric-fill.warning{background:linear-gradient(90deg,#ed8936,#dd6b20)}.dashboard .metric-fill.critical{background:linear-gradient(90deg,#e53e3e,#c53030)}.dashboard-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(12,1fr);padding:0 24px 24px}.pipelines-overview{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 2px 8px #0000000f;grid-column:span 6;padding:24px}.pipelines-overview h3{color:#2d3748;font-size:1.25rem;font-weight:600;margin:0 0 20px}.pipelines-list{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(2,1fr)}.dashboard .pipeline-item{background:#f7fafc;border:1px solid #e2e8f0;border-radius:8px;padding:16px;transition:all .2s ease}.dashboard .pipeline-item:hover{background:#edf2f7;border-color:#cbd5e0}.dashboard .pipeline-info{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:12px}.dashboard .pipeline-name{color:#2d3748;font-size:1rem;font-weight:600}.dashboard .pipeline-source{color:#718096;font-size:.875rem}.dashboard .pipeline-metrics{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.dashboard .pipeline-docs{color:#4a5568;font-size:.875rem;font-weight:500}.dashboard .pipeline-progress{align-items:center;display:flex;gap:12px}.dashboard .progress-bar{background:#edf2f7;border-radius:4px;flex:1 1;height:8px;overflow:hidden}.dashboard .progress-fill{border-radius:4px;height:100%;transition:width .3s ease}.dashboard .progress-fill.running{background:linear-gradient(90deg,#48bb78,#38a169)}.dashboard .progress-fill.completed{background:linear-gradient(90deg,#4299e1,#3182ce)}.dashboard .progress-fill.paused{background:linear-gradient(90deg,#ed8936,#dd6b20)}.dashboard .progress-text{color:#4a5568;font-size:.875rem;font-weight:600;min-width:35px}.dashboard .pipeline-card{background:#f7fafc;border:1px solid #e2e8f0;border-radius:8px;padding:16px;transition:all .2s ease}.dashboard .pipeline-card:hover{background:#edf2f7;border-color:#cbd5e0}.dashboard .pipeline-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.dashboard .pipeline-header .pipeline-name{color:#2d3748;font-size:.875rem;font-weight:600}.dashboard .pipeline-details{color:#718096;font-size:.75rem;line-height:1.4}.connectors-status{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 2px 8px #0000000f;grid-column:span 6;padding:24px}.connectors-status h3{color:#2d3748;font-size:1.25rem;font-weight:600;margin:0 0 20px}.connector-card{background:#f7fafc;border:1px solid #e2e8f0;border-radius:8px;padding:16px;transition:all .2s ease}.connector-card:hover{background:#edf2f7;border-color:#cbd5e0}.connector-header{align-items:center;justify-content:space-between;margin-bottom:12px}.connector-name{font-size:.875rem}.connector-details{color:#718096;font-size:.75rem;line-height:1.4}.storage-overview{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 2px 8px #0000000f;grid-column:span 6;padding:24px;width:50%}.storage-overview h3{color:#2d3748;font-size:1.25rem;font-weight:600;margin:0 0 20px}.storage-list{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(2,1fr)}.storage-item{align-items:center;background:#f7fafc;border:1px solid #e2e8f0;border-radius:8px;display:flex;gap:16px;padding:16px;transition:all .2s ease}.storage-item:hover{background:#edf2f7;border-color:#cbd5e0}.storage-info{flex:1 1}.storage-name{color:#2d3748;font-size:1rem;font-weight:600}.storage-capacity{color:#718096;font-size:.875rem}.storage-metrics{flex:2 1;margin-right:16px}.storage-usage{margin-bottom:8px}.storage-usage span{color:#4a5568;display:block;font-size:.875rem;font-weight:500;margin-bottom:4px}.storage-docs{color:#718096;font-size:.75rem}.storage-card{background:#f7fafc;border:1px solid #e2e8f0;border-radius:8px;padding:16px;transition:all .2s ease}.storage-card:hover{background:#edf2f7;border-color:#cbd5e0}.storage-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.storage-header .storage-name{color:#2d3748;font-size:.875rem;font-weight:600}.storage-details{color:#718096;font-size:.75rem;line-height:1.4}.storage-logs-row{display:flex;gap:24px;grid-column:span 12}.storage-logs-row .storage-overview,.storage-logs-row .system-logs{flex:1 1;grid-column:unset;width:50%}.system-logs{grid-column:span 6;width:50%}.logs-container{display:flex;flex-direction:column;gap:8px;max-height:400px}.log-entry{align-items:center;background:#f7fafc;border-left:3px solid #e2e8f0;border-radius:6px;display:flex;font-family:Courier New,monospace;font-size:.875rem;gap:12px;padding:8px 12px;transition:all .2s ease}.log-entry:hover{background:#edf2f7}.log-time{color:#718096;font-weight:500;min-width:60px}.log-level{border-radius:4px;font-size:.75rem;font-weight:600;min-width:60px;padding:2px 6px;text-align:center;text-transform:uppercase}.log-level.info{background:#bee3f8;border-left-color:#4299e1;color:#2a4365}.log-level.success{background:#c6f6d5;border-left-color:#48bb78;color:#22543d}.log-level.warning{background:#fefcbf;border-left-color:#ed8936;color:#744210}.log-level.error{background:#fed7d7;border-left-color:#e53e3e;color:#742a2a}.log-entry.info{border-left-color:#4299e1}.log-entry.success{border-left-color:#48bb78}.log-entry.warning{border-left-color:#ed8936}.log-entry.error{border-left-color:#e53e3e}.log-service{color:#4a5568;font-weight:500;min-width:100px}.log-message{color:#2d3748;flex:1 1;line-height:1.4}.performance-chart{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 2px 8px #0000000f;grid-column:span 4;padding:24px}.performance-chart h3{color:#2d3748;font-size:1.25rem;font-weight:600;margin:0 0 20px}.chart-container{height:200px}.chart-legend{display:flex;font-size:.75rem;gap:16px;margin-bottom:16px}.legend-item{align-items:center;display:flex;gap:6px}.legend-color{border-radius:2px;height:12px;width:12px}.legend-color.throughput{background:linear-gradient(90deg,#4299e1,#3182ce)}.legend-color.latency{background:linear-gradient(90deg,#48bb78,#38a169)}.chart{align-items:end;display:flex;height:140px;justify-content:space-between;padding:0 8px}.chart-bar-group{align-items:center;display:flex;flex:1 1;flex-direction:column;max-width:40px}.chart-bar{align-items:end;display:flex;gap:4px;height:120px;margin-bottom:8px}.bar{border-radius:2px 2px 0 0;cursor:pointer;transition:all .3s ease;width:12px}.bar:hover{opacity:.8;transform:scaleY(1.05)}.throughput-bar{background:linear-gradient(180deg,#4299e1,#3182ce)}.latency-bar{background:linear-gradient(180deg,#48bb78,#38a169)}.chart-label{color:#718096;font-size:.75rem;font-weight:500}.system-logs{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 2px 8px #0000000f;grid-column:span 12;padding:24px}.system-logs h3{color:#2d3748;font-size:1.25rem;font-weight:600;margin:0 0 20px}.logs-container{background:#1a202c;border:1px solid #e2e8f0;border-radius:6px;font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,Consolas,Courier New,monospace;max-height:300px;overflow-y:auto;padding:16px}.all-alerts{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 2px 8px #0000000f;grid-column:span 4;padding:24px}.all-alerts h3{color:#2d3748;font-size:1.25rem;font-weight:600;margin:0 0 20px}.alerts-list{display:flex;flex-direction:column;gap:12px;max-height:300px;overflow-y:auto}.alert-item{border-radius:6px;display:flex;gap:12px;padding:12px;transition:all .2s ease}.alert-item:hover{transform:translateX(4px)}.alert-item.error{background:#fed7d7;border-left:4px solid #e53e3e}.alert-item.warning{background:#fefcbf;border-left:4px solid #d69e2e}.alert-item.success{background:#c6f6d5;border-left:4px solid #38a169}.alert-item.info{background:#bee3f8;border-left:4px solid #3182ce}.alert-type-icon{flex-shrink:0;font-size:1.2rem}.alert-content{flex:1 1}.alert-content .alert-message{color:#2d3748;font-size:.875rem;font-weight:500;margin-bottom:4px}.alert-content .alert-time{color:#718096;font-size:.75rem}@media (max-width:1200px){.dashboard-grid{grid-template-columns:repeat(8,1fr)}.connectors-status,.pipelines-overview{grid-column:span 4}.storage-overview,.system-logs{grid-column:span 8}.all-alerts,.performance-chart{grid-column:span 4}}@media (max-width:768px){.dashboard{padding:16px}.dashboard-header{align-items:flex-start;flex-direction:column;gap:16px}.dashboard-controls{justify-content:space-between;width:100%}.stats-grid{gap:16px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.dashboard-grid,.metrics-grid{grid-template-columns:1fr}.dashboard-grid{gap:16px}.all-alerts,.connectors-status,.performance-chart,.pipelines-overview,.storage-overview,.system-logs{grid-column:span 1}.alerts-section{flex-direction:column}.alert{min-width:auto}.dashboard-items-grid{grid-template-columns:1fr}.storage-item{align-items:flex-start;flex-direction:column;gap:12px}.storage-metrics{margin-right:0;width:100%}}.alerts-list::-webkit-scrollbar,.logs-container::-webkit-scrollbar{width:6px}.logs-container::-webkit-scrollbar-track{background:#2d3748}.logs-container::-webkit-scrollbar-thumb{background:#4a5568;border-radius:3px}.alerts-list::-webkit-scrollbar-track{background:#f7fafc}.alerts-list::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:3px}.alert-item:focus,.alert:focus,.connector-card:focus,.dashboard .pipeline-item:focus,.refresh-btn:focus,.storage-item:focus{outline:2px solid #4299e1;outline-offset:2px}@media print{.dashboard{background:#fff;padding:0}.dashboard-controls,.refresh-btn{display:none}.dashboard-grid{display:block}.all-alerts,.connectors-status,.performance-chart,.pipelines-overview,.storage-overview,.system-logs{break-inside:avoid;margin-bottom:20px;page-break-inside:avoid}}.page-header{margin-bottom:32px}.page-header h2{-webkit-text-fill-color:#0000;background:var(--color-primary-title);-webkit-background-clip:text;background-clip:text;color:#1a202c;font-size:2rem;font-weight:700;margin:0 0 8px}.page-header p{color:#718096;font-size:1.1rem;margin:0}@media (max-width:768px){.page-header{margin-bottom:24px;padding-bottom:12px}.page-header h2{font-size:1.5rem}.page-header p{font-size:1rem}}.page-container{box-sizing:border-box;display:flex;flex-direction:column;max-width:100%;width:100%}.page-container-header{align-items:flex-start;display:flex;flex-shrink:0;gap:20px;justify-content:space-between}.page-container-header .page-header{flex:1 1;margin-bottom:0}.page-container-header-action{align-items:center;display:flex;flex-shrink:0;gap:12px;height:fit-content}.page-container-content{display:flex;flex:1 1;flex-direction:column;gap:20px}.page-variant-default{display:flex;flex:1 1;flex-direction:column;min-height:0;overflow:auto;padding:20px}.page-variant-default .page-container-header{margin-bottom:24px}.page-variant-full-height{height:calc(100vh - 64px);overflow:hidden;padding:0}.page-variant-full-height .page-container-content{overflow:hidden}.page-variant-full-height .page-container-content>.breadcrumb{flex-shrink:0}.page-variant-full-height .page-container-content>:not(.breadcrumb){box-sizing:border-box;display:flex;flex:1 1;flex-direction:column;gap:1rem;min-height:0;overflow:hidden;padding:1.5rem}.page-variant-full-height .page-container-content>:not(.breadcrumb)>:not(.scrollable-area){flex-shrink:0}.page-variant-full-height .scrollable-area{flex:1 1;min-height:0;overflow-x:hidden;overflow-y:auto}.page-variant-scrollable-content{height:calc(100vh - 64px);overflow:hidden;padding:0}.page-variant-scrollable-content .page-container-content{overflow-x:hidden;overflow-y:auto;padding:1.5rem}.page-variant-scrollable-content .page-container-header{margin-bottom:1.5rem;padding:1.5rem 1.5rem 0}@media (max-width:768px){.page-variant-default{padding:16px}.page-variant-full-height .page-container-content>*,.page-variant-scrollable-content .page-container-content{padding:1rem}.page-variant-scrollable-content .page-container-header{padding:1rem 1rem 0}.page-container-header{align-items:stretch;flex-direction:column;gap:16px}.page-container-header-action,.page-container-header-action>*{width:100%}}.connection-form-container{padding:0;width:100%}.connection-form-card{background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;overflow:hidden}.connection-form-header{background:#f8f9fa;border-bottom:1px solid #e5e7eb;padding:1.5rem 2rem}.connection-form-title-section{display:flex;flex-direction:column;gap:.5rem}.connection-form-title{align-items:center;color:#111827;display:flex;font-size:1.5rem;font-weight:600;gap:.75rem;margin:0}.connection-form-title i{color:#3b82f6;font-size:1.25rem}.connection-form-subtitle{color:#6b7280;font-size:.875rem;line-height:1.5;margin:0}.connection-form-error-state{padding:3rem 2rem;text-align:center}.connection-form-error-state i{color:#f59e0b;font-size:3rem;margin-bottom:1rem}.connection-form-error-state h3{color:#111827;font-size:1.25rem;font-weight:600;margin:0 0 .5rem}.connection-form-error-state p{color:#6b7280;font-size:.875rem;margin:0 0 1.5rem}.connection-form-container .form-alert{align-items:center;border-radius:6px;display:flex;font-size:.875rem;gap:.75rem;margin:0 2rem 1.5rem;padding:1rem 1.25rem}.connection-form-container .form-alert i{font-size:1.125rem}.connection-form-container .form-alert-error{background:#fef2f2;border:1px solid #fee2e2;color:#991b1b}.connection-form-container .form-alert-error i{color:#dc2626}.connection-form-container .connection-form{padding:2rem}.connection-form-container .form-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr 1fr;margin-bottom:2rem}.connection-form-container .form-group{display:flex;flex-direction:column;gap:.5rem}.connection-form-container .form-group-full{grid-column:1/-1}.connection-form-container .form-divider{grid-column:1/-1;margin:1rem 0}.connection-form-container .form-section-title{align-items:center;border-bottom:2px solid #e5e7eb;color:#111827;display:flex;font-size:1rem;font-weight:600;gap:.5rem;margin:0;padding-bottom:.75rem}.connection-form-container .form-section-title i{color:#6b7280}.connection-form-container .form-label{align-items:center;color:#374151;display:flex;font-size:.875rem;font-weight:600;gap:.25rem}.connection-form-container .form-label .required{color:#ef4444}.connection-form-container .form-input,.connection-form-container .form-textarea{border:1px solid #d1d5db;border-radius:6px;color:#111827;font-family:inherit;font-size:.875rem;padding:.75rem 1rem;transition:all .2s}.connection-form-container .form-input:focus,.connection-form-container .form-textarea:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.connection-form-container .form-input.error,.connection-form-container .form-textarea.error{border-color:#ef4444}.connection-form-container .form-input:disabled,.connection-form-container .form-textarea:disabled{background-color:#f3f4f6;cursor:not-allowed;opacity:.6}.connection-form-container .form-textarea{min-height:80px;resize:vertical}.connection-form-container .form-error{color:#ef4444;font-size:.75rem;margin-top:-.25rem}.connection-form-container .form-hint{color:#6b7280;font-size:.75rem;margin-top:-.25rem}.connection-form-container .form-checkbox{align-items:center;cursor:pointer;display:flex;gap:.5rem;padding:.5rem 0}.connection-form-container .form-checkbox input[type=checkbox]{cursor:pointer;height:1rem;width:1rem}.connection-form-container .form-checkbox span{color:#374151;font-size:.875rem}.connection-form-container .form-help{align-items:center;background:#eff6ff;border:1px solid #dbeafe;border-radius:6px;color:#1e40af;display:flex;font-size:.875rem;gap:.5rem;margin-top:1.5rem;padding:1rem 1.25rem}.connection-form-container .form-help i{color:#3b82f6;font-size:1rem}.connection-form-container .form-help-link{color:#2563eb;font-weight:600;text-decoration:underline}.connection-form-container .form-help-link:hover{color:#1d4ed8}.connection-form-container .form-actions{border-top:1px solid #e5e7eb;display:flex;gap:1rem;justify-content:flex-end;padding-top:1.5rem}.connection-form-container .btn-form-primary,.connection-form-container .btn-form-secondary{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:.875rem;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .2s}.connection-form-container .btn-form-primary{background:#3b82f6;color:#fff}.connection-form-container .btn-form-primary:hover:not(:disabled){background:#2563eb}.connection-form-container .btn-form-primary:disabled{cursor:not-allowed;opacity:.6}.connection-form-container .btn-form-secondary{background:#fff;border:1px solid #d1d5db;color:#6b7280}.connection-form-container .btn-form-secondary:hover:not(:disabled){background:#f9fafb;border-color:#9ca3af}.connection-form-container .btn-form-secondary:disabled{cursor:not-allowed;opacity:.6}.connection-form-container .btn-form-primary i.fa-spinner,.connection-form-container .btn-form-secondary i.fa-spinner{animation:connection-form-spin 1s linear infinite}@keyframes connection-form-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (max-width:768px){.connection-form-container .form-grid{gap:1rem;grid-template-columns:1fr}.connection-form-container .connection-form{padding:1.5rem}.connection-form-container .connection-form-header{padding:1.25rem 1.5rem}.connection-form-container .form-alert{margin:0 1.5rem 1.5rem}.connection-form-container .form-actions{flex-direction:column-reverse}.connection-form-container .btn-form-primary,.connection-form-container .btn-form-secondary{justify-content:center;width:100%}}.connection-form-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9999}.connection-form-modal-content{background:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-height:90vh;max-width:500px;overflow:auto;width:90%}.connection-form-modal-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:1.5rem 2rem}.connection-form-modal-header h3{align-items:center;color:#111827;display:flex;font-size:1.25rem;font-weight:600;gap:.75rem;margin:0}.connection-form-modal-header i{color:#3b82f6}.connection-form-modal-close{align-items:center;background:none;border:none;border-radius:4px;color:#6b7280;cursor:pointer;display:flex;font-size:1.5rem;height:32px;justify-content:center;padding:.25rem;transition:all .2s;width:32px}.connection-form-modal-close:hover:not(:disabled){background:#f3f4f6;color:#111827}.connection-form-modal-close:disabled{cursor:not-allowed;opacity:.5}.connection-form-modal-body{padding:1.5rem 2rem}.connection-form-modal-instruction{color:#6b7280;font-size:.875rem;line-height:1.6;margin:0 0 .75rem}.connection-form-modal-instruction-list{color:#6b7280;font-size:.875rem;line-height:1.6;margin:0 0 1.5rem;padding-left:1.5rem}.connection-form-modal-instruction-list li{margin-bottom:.5rem}.connection-form-modal-instruction-list li:last-child{margin-bottom:0}.connection-form-modal-instruction-list strong{color:#111827;font-weight:600}.connection-form-modal-footer{display:flex;gap:.75rem;justify-content:flex-end;padding:1rem 2rem 1.5rem}@media (max-width:768px){.connection-form-modal-content{max-width:none;width:95%}.connection-form-modal-body,.connection-form-modal-footer,.connection-form-modal-header{padding-left:1.5rem;padding-right:1.5rem}.connection-form-modal-footer{flex-direction:column-reverse}.connection-form-modal-footer button{justify-content:center;width:100%}}.search-bar{width:100%}.search-bar-container{align-items:center;background:#fff;border-radius:var(--admin-radius-xl);box-shadow:var(--admin-shadow-sm);display:flex;gap:var(--admin-spacing-md);padding:var(--admin-spacing-md)}.search-input-wrapper{align-items:center;display:flex;flex:1 1;position:relative}.search-icon{color:#9ca3af;font-size:16px;left:16px;pointer-events:none;position:absolute;z-index:1}.search-input{background-color:var(--admin-bg-secondary);border:1px solid var(--admin-border-default);border-radius:var(--admin-radius-lg);font-size:var(--admin-font-base);padding:12px 40px 12px 48px!important;transition:all var(--admin-transition-base);width:100%}.search-input:focus{background-color:#fff;border-color:var(--admin-primary);box-shadow:0 0 0 3px #de5a231a;outline:none}.search-input:disabled{background-color:#f3f4f6;color:#9ca3af;cursor:not-allowed}.clear-button{align-items:center;background:none;border:none;color:#9ca3af;cursor:pointer;display:flex;font-size:14px;justify-content:center;padding:4px;position:absolute;right:12px;transition:color .2s}.clear-button:hover{color:#6b7280}.clear-button:disabled{cursor:not-allowed;opacity:.5}.clear-button:focus{color:#3b82f6;outline:none}.search-bar-actions{align-items:center;display:flex;flex-shrink:0;gap:var(--admin-spacing-sm)}.search-bar-actions .btn-open-connections{align-items:center;background:#2563eb;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:10px 16px;transition:all .2s ease;white-space:nowrap}.search-bar-actions .btn-open-connections:hover{background:#1d4ed8;box-shadow:0 2px 4px #2563eb33}.search-bar-actions .btn-open-connections:active{background:#1e40af;transform:translateY(1px)}.search-bar-actions .btn-open-connections i{font-size:14px}.filter-bar{align-items:flex-end;display:flex;flex-wrap:wrap;gap:16px;margin-bottom:20px}.filter-group{display:flex;flex-direction:column;gap:6px;min-width:150px}.filter-label{color:#6b7280;font-size:13px;font-weight:500;margin:0}.filter-select{background-color:#fff;color:#111827;padding:10px 12px}.filter-select:focus{box-shadow:0 0 0 3px #3b82f61a}.filter-select:hover{border-color:#d1d5db}.filter-select:disabled{background-color:#f3f4f6;color:#9ca3af}@media (max-width:768px){.filter-bar{align-items:stretch;flex-direction:column}.filter-group{min-width:100%}}.pagination-controls{gap:16px;justify-content:center;margin-top:0;padding:16px 0}.pagination-button{align-items:center;background-color:#fff;border:1px solid #e5e7eb;border-radius:8px;color:#374151;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:10px 16px;transition:all .2s}.pagination-button:hover:not(:disabled){background-color:#f9fafb;border-color:#3b82f6;color:#3b82f6}.pagination-button:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.pagination-button:disabled{background-color:#f3f4f6;border-color:#e5e7eb;color:#9ca3af;cursor:not-allowed;opacity:.6}.pagination-button i{font-size:12px}@media (max-width:640px){.pagination-controls{flex-direction:column;gap:12px}.pagination-button{justify-content:center;width:100%}.pagination-info{order:-1}}.delete-modal-overlay{align-items:center;animation:deleteConfirmFadeIn .2s ease-in-out;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}@keyframes deleteConfirmFadeIn{0%{opacity:0}to{opacity:1}}.delete-modal-content{animation:slideUp .2s ease-out;background-color:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;display:flex;flex-direction:column;max-height:90vh;max-width:500px;width:90%}.delete-modal-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:20px 24px}.delete-modal-header h3{color:#111827;font-size:18px;font-weight:600;margin:0}.delete-modal-close{align-items:center;background:none;border:none;color:#9ca3af;cursor:pointer;display:flex;font-size:16px;justify-content:center;padding:4px;transition:color .2s}.delete-modal-close:hover:not(:disabled){color:#6b7280}.delete-modal-close:disabled{cursor:not-allowed;opacity:.5}.delete-modal-body{color:#374151;flex:1 1;line-height:1.6;overflow-y:auto;padding:24px}.delete-modal-body p{font-size:14px;margin:0}.delete-modal-body strong{color:#111827;font-weight:600}.delete-modal-footer{border-top:1px solid #e5e7eb;display:flex;gap:12px;justify-content:flex-end;padding:16px 24px}.delete-modal-content .btn-danger,.delete-modal-content .btn-secondary{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:10px 20px;transition:all .2s}.delete-modal-content .btn-secondary{background-color:#fff;border:1px solid #d1d5db;color:#374151}.delete-modal-content .btn-secondary:hover:not(:disabled){background-color:#f9fafb;border-color:#9ca3af}.delete-modal-content .btn-danger{background-color:#ef4444;color:#fff}.delete-modal-content .btn-danger:hover:not(:disabled){background-color:#dc2626}.delete-modal-content .btn-danger:disabled,.delete-modal-content .btn-secondary:disabled{cursor:not-allowed;opacity:.6}.delete-modal-content .btn-danger:disabled{background-color:#fca5a5}.delete-modal-content .btn-danger i.fa-spinner{animation:spin 1s linear infinite}@media (max-width:640px){.delete-modal-content{max-height:95vh;width:95%}.delete-modal-body,.delete-modal-footer,.delete-modal-header{padding:16px}.delete-modal-footer{flex-direction:column-reverse}.delete-modal-content .btn-danger,.delete-modal-content .btn-secondary{justify-content:center;width:100%}}:root{--admin-primary:#de5a23;--admin-primary-hover:#c54d1e;--admin-primary-light:#f97316;--admin-success:#10b981;--admin-success-bg:#d1fae5;--admin-success-text:#065f46;--admin-warning:#f59e0b;--admin-warning-bg:#fff3e0;--admin-warning-text:#f57c00;--admin-danger:#ef4444;--admin-danger-bg:#fee2e2;--admin-danger-text:#991b1b;--admin-info:#3b82f6;--admin-info-bg:#e3f2fd;--admin-info-text:#1976d2;--admin-gray-50:#f9fafb;--admin-gray-100:#f3f4f6;--admin-gray-200:#e5e7eb;--admin-gray-300:#d1d5db;--admin-gray-400:#9ca3af;--admin-gray-500:#6b7280;--admin-gray-600:#4b5563;--admin-gray-700:#374151;--admin-gray-800:#1f2937;--admin-gray-900:#111827;--admin-bg-primary:#fff;--admin-bg-secondary:#f9fafb;--admin-bg-hover:#f9fafb;--admin-border-light:#f3f4f6;--admin-border-default:#e5e7eb;--admin-border-dark:#d1d5db;--admin-text-primary:#1f2937;--admin-text-secondary:#6b7280;--admin-text-muted:#9ca3af;--admin-spacing-xs:4px;--admin-spacing-sm:8px;--admin-spacing-md:16px;--admin-spacing-lg:20px;--admin-spacing-xl:32px;--admin-spacing-2xl:40px;--admin-spacing-3xl:60px;--admin-font-xs:12px;--admin-font-sm:13px;--admin-font-base:14px;--admin-font-lg:18px;--admin-font-xl:20px;--admin-font-2xl:24px;--admin-font-3xl:28px;--admin-font-normal:400;--admin-font-medium:500;--admin-font-semibold:600;--admin-font-bold:700;--admin-line-height-tight:1.2;--admin-line-height-normal:1.5;--admin-line-height-relaxed:1.6;--admin-radius-sm:4px;--admin-radius-md:6px;--admin-radius-lg:8px;--admin-radius-xl:12px;--admin-radius-full:50%;--admin-shadow-sm:0 1px 2px #0000000d;--admin-shadow-md:0 1px 3px #0000001a;--admin-shadow-lg:0 4px 12px #00000026;--admin-shadow-xl:0 10px 25px #0003;--admin-transition-fast:0.15s ease;--admin-transition-base:0.2s ease;--admin-transition-slow:0.3s ease;--admin-z-base:1;--admin-z-dropdown:100;--admin-z-overlay:500;--admin-z-modal:1000;--admin-z-toast:2000;--admin-stat-icon-size:56px;--admin-stat-icon-font-size:24px;--admin-badge-padding:4px 10px;--admin-badge-font-size:12px;--admin-btn-padding:10px 20px;--admin-btn-padding-sm:8px 16px;--admin-btn-font-size:14px;--admin-input-padding:10px 12px;--admin-input-padding-icon:12px 16px 12px 44px;--admin-input-height:42px;--admin-modal-max-width:500px;--admin-modal-width:90%;--admin-modal-max-height:90vh;--admin-table-padding:16px;--admin-table-header-bg:#f9fafb}.page-header{animation:pageHeaderFadeIn var(--admin-transition-base);margin-bottom:var(--admin-spacing-xl)}.page-header.page-header-stats-only{margin-bottom:var(--admin-spacing-lg)}.page-header.page-header-stats-only .page-header-stats{margin-top:0}@keyframes pageHeaderFadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.page-header-main{align-items:flex-start;display:flex;gap:var(--admin-spacing-lg);justify-content:space-between;margin-bottom:var(--admin-spacing-md)}.page-header-content{flex:1 1;min-width:0}.page-header-content h2{color:var(--admin-text-primary);font-size:var(--admin-font-2xl);font-weight:700;line-height:var(--admin-line-height-tight);margin:0 0 var(--admin-spacing-sm) 0}.page-header-content p{color:var(--admin-text-secondary);font-size:var(--admin-font-base);line-height:var(--admin-line-height-normal);margin:0}.page-header-actions{align-items:center;display:flex;flex-shrink:0;gap:var(--admin-spacing-md)}.page-header-stats{margin-top:var(--admin-spacing-md);width:100%}.page-header-stats .stat-badge{align-items:center;background:var(--admin-gray-100);border-radius:var(--admin-radius-sm);color:var(--admin-text-secondary);display:inline-flex;font-size:var(--admin-font-sm);gap:var(--admin-spacing-xs);padding:var(--admin-spacing-xs) var(--admin-spacing-md);transition:background var(--admin-transition-base)}.page-header-stats .stat-badge:hover{background:var(--admin-gray-200)}.page-header-stats .stat-badge i{color:var(--admin-primary);font-size:var(--admin-font-sm)}@media (max-width:768px){.page-header-main{align-items:stretch;flex-direction:column}.page-header-content h2{font-size:var(--admin-font-xl)}.page-header-actions{justify-content:stretch}.page-header-actions>*{flex:1 1}.page-header-stats{flex-direction:column}}.stats-cards-grid{grid-gap:var(--admin-spacing-lg);display:grid;gap:var(--admin-spacing-lg);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));width:100%}.stats-cards-grid .stat-card{align-items:center;background:var(--admin-bg-primary);border-radius:var(--admin-radius-xl);box-shadow:var(--admin-shadow-md);cursor:default;display:flex;gap:var(--admin-spacing-md);padding:var(--admin-spacing-lg);transition:transform var(--admin-transition-base),box-shadow var(--admin-transition-base)}.stats-cards-grid .stat-card:hover{box-shadow:var(--admin-shadow-lg);transform:translateY(-2px)}.stats-cards-grid .stat-card .stat-icon{align-items:center;border-radius:var(--admin-radius-xl);box-shadow:var(--admin-shadow-sm);color:#fff;display:flex;flex-shrink:0;font-size:var(--admin-stat-icon-font-size);height:var(--admin-stat-icon-size);justify-content:center;width:var(--admin-stat-icon-size)}.stats-cards-grid .stat-card .stat-content{flex:1 1;min-width:0}.stats-cards-grid .stat-card .stat-content h3{color:var(--admin-text-primary);font-size:var(--admin-font-3xl);font-weight:var(--admin-font-bold);line-height:var(--admin-line-height-tight);margin:0 0 var(--admin-spacing-xs) 0}.stats-cards-grid .stat-card .stat-content p{color:var(--admin-text-secondary);font-size:var(--admin-font-base);line-height:var(--admin-line-height-normal);margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width:768px){.stats-cards-grid{grid-template-columns:1fr}.stats-cards-grid .stat-card{padding:var(--admin-spacing-md)}.stats-cards-grid .stat-card .stat-icon{font-size:20px;height:48px;width:48px}.stats-cards-grid .stat-card .stat-content h3{font-size:var(--admin-font-2xl)}}.loading-state{background:var(--admin-bg-primary);flex-direction:column;justify-content:center;padding:var(--admin-spacing-3xl) var(--admin-spacing-lg)}.loading-state,.loading-state-overlay{align-items:center;border-radius:var(--admin-radius-lg);display:flex}.loading-state-overlay{background:#fffffff2;bottom:var(--admin-spacing-lg);box-shadow:var(--admin-shadow-lg);flex-direction:row;gap:var(--admin-spacing-md);padding:var(--admin-spacing-md) var(--admin-spacing-xl);position:fixed;right:var(--admin-spacing-lg);z-index:var(--admin-z-overlay)}.loading-message{color:var(--admin-text-secondary);font-size:var(--admin-font-base);font-weight:var(--admin-font-medium);margin-top:var(--admin-spacing-md)}.loading-state-overlay .loading-message{margin-left:var(--admin-spacing-sm);margin-top:0}.spinner-small{border:3px solid var(--admin-gray-200);border-top-color:var(--admin-primary);height:24px;width:24px}.spinner-medium{border:4px solid var(--admin-gray-200);border-top-color:var(--admin-primary);height:40px;width:40px}.spinner-large{border:5px solid var(--admin-gray-200);border-top-color:var(--admin-primary);height:50px;width:50px}.error-state{animation:errorStateFadeIn var(--admin-transition-base);background:var(--admin-bg-primary);border:2px solid var(--admin-danger);border-radius:var(--admin-radius-lg);padding:var(--admin-spacing-2xl);text-align:center}@keyframes errorStateFadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.error-state i{animation:shake .5s ease-in-out;color:var(--admin-danger);display:block;font-size:48px;margin-bottom:var(--admin-spacing-md)}@keyframes shake{0%,to{transform:translateX(0)}25%{transform:translateX(-10px)}75%{transform:translateX(10px)}}.error-state h3{color:var(--admin-text-primary);font-size:var(--admin-font-xl);font-weight:var(--admin-font-semibold);margin:0 0 var(--admin-spacing-md) 0}.error-state p{color:var(--admin-text-secondary);font-size:var(--admin-font-base);line-height:var(--admin-line-height-relaxed);margin:0 0 var(--admin-spacing-lg) 0}.error-state button{align-items:center;display:inline-flex;gap:var(--admin-spacing-sm);margin-top:var(--admin-spacing-md)}.error-state button i{animation:none;color:inherit;font-size:var(--admin-font-base);margin:0}.empty-state{animation:emptyStateFadeIn var(--admin-transition-base);background:var(--admin-bg-primary);border:2px dashed var(--admin-border-default);border-radius:var(--admin-radius-lg);color:var(--admin-text-muted);padding:var(--admin-spacing-3xl) var(--admin-spacing-2xl)}@keyframes emptyStateFadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.empty-state i{color:var(--admin-primary);display:block;margin-bottom:var(--admin-spacing-lg);opacity:.8}.empty-state h3{color:var(--admin-text-secondary);font-size:var(--admin-font-xl);font-weight:var(--admin-font-semibold)}.empty-state h3,.empty-state p{margin:0 0 var(--admin-spacing-sm) 0}.empty-state p{color:var(--admin-text-muted);font-size:var(--admin-font-base);line-height:var(--admin-line-height-relaxed)}.empty-state .info-text{color:var(--admin-gray-400);font-size:var(--admin-font-sm);font-style:italic}.empty-state button{align-items:center;display:inline-flex;gap:var(--admin-spacing-sm);margin-top:var(--admin-spacing-md)}.empty-state button i{color:inherit;font-size:var(--admin-font-base);margin:0;opacity:1}.empty-state:has(button):hover{background:var(--admin-bg-secondary);border-color:var(--admin-border-dark)}.category-filter{background:#fff;border:1px solid var(--admin-border-default);border-radius:var(--admin-radius-lg);color:var(--admin-text-primary);cursor:pointer;font-size:var(--admin-font-base);min-width:180px;padding:var(--admin-spacing-sm) var(--admin-spacing-md);transition:all var(--admin-transition-base)}.category-filter:focus,.category-filter:hover:not(:disabled){border-color:var(--admin-primary)}.category-filter:focus{box-shadow:0 0 0 3px #de5a231a;outline:none}.category-filter:disabled{background-color:var(--admin-bg-secondary);cursor:not-allowed;opacity:.6}.connectors-results-info{color:var(--admin-text-secondary);font-size:var(--admin-font-sm)}.connectors-loading{align-items:center;display:flex;flex-direction:column;padding:4rem 2rem}.spinner{border:4px solid #f3f3f3;border-radius:50%;border-top-color:#3498db;margin-bottom:1rem}.connectors-loading p{color:#666;font-size:1rem}.connectors-grid{grid-gap:var(--admin-spacing-lg);display:grid;gap:var(--admin-spacing-lg);grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin-bottom:var(--admin-spacing-xl)}.connector-card{background:#fff;border:1px solid #e0e0e0;border-radius:12px;cursor:pointer;display:flex;flex-direction:column;gap:.75rem;padding:1rem;transition:all .2s}.connector-card:hover{border-color:#3498db;box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.connector-connection-badge{align-items:center;background:#d1fae5;border:1px solid #6ee7b7;border-radius:12px;color:#065f46;display:inline-flex;font-size:.7rem;font-weight:600;gap:3px;margin-left:8px;padding:2px 8px;transition:all .2s}.connector-connection-badge i{color:#10b981;font-size:.65rem}.connector-header{align-items:flex-start;display:flex;gap:.75rem}.connector-logo{align-items:center;background:#f8f8f8;border-radius:8px;display:flex;flex-shrink:0;height:48px;justify-content:center;overflow:hidden;width:48px}.connector-logo img{max-height:40px;max-width:40px;object-fit:contain}.connector-header-info{display:flex;flex:1 1;flex-direction:column;gap:.25rem;min-width:0}.connector-name{align-items:center;color:#2d3748;display:flex;flex-wrap:wrap;font-size:1rem;font-weight:600;gap:4px;line-height:1.4;margin:0}.connector-category{color:#666;font-size:.75rem;font-weight:500;letter-spacing:.5px;margin:0;overflow:hidden;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.connector-content{display:flex;flex:1 1;flex-direction:column;gap:.5rem}.connector-description{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#333;display:-webkit-box;flex:1 1;font-size:.85rem;line-height:1.4;margin:0;overflow:hidden}.connector-api-type{align-self:flex-start;background:#e3f2fd;border-radius:12px;color:#1976d2;display:inline-block;font-size:.7rem;font-weight:500;padding:.25rem .5rem}.connector-actions{display:flex;gap:.5rem;margin-top:auto}.connector-connect-btn,.connector-connections-btn,.connector-files-btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:inline-flex;flex:1 1;font-size:.8rem;font-weight:500;gap:.4rem;justify-content:center;padding:.5rem .75rem;transition:all .2s}.connector-connect-btn{background:#6366f1;color:#fff}.connector-connect-btn:hover{background:#4f46e5;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;transform:translateY(-1px)}.connector-connections-btn{background:#f59e0b;color:#fff}.connector-connections-btn:hover{background:#d97706;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;transform:translateY(-1px)}.connector-files-btn{background:#10b981;color:#fff}.connector-files-btn:hover{background:#059669;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;transform:translateY(-1px)}.connector-connect-btn:active,.connector-connections-btn:active,.connector-files-btn:active{transform:translateY(0)}.connector-connect-btn i,.connector-connections-btn i,.connector-files-btn i{font-size:.875rem}.connectors-empty{color:#666;padding:4rem 2rem;text-align:center}.connectors-empty p{font-size:1rem;margin:0}.connectors-error{background:#ffebee;border:1px solid #ef9a9a;border-radius:8px;color:#c62828;margin:2rem 24px;padding:2rem}.connectors-error h2{font-size:1.25rem;font-weight:600;margin:0 0 .5rem}.connectors-error p{font-size:.95rem;margin:0}.connectors-pagination{align-items:center;display:flex;gap:1rem;justify-content:center;padding:2rem 24px}.connectors-pagination button{background:#fff;border:1px solid #ddd;border-radius:8px;cursor:pointer;font-size:1rem;font-weight:500;padding:.75rem 1.5rem;transition:all .2s}.connectors-pagination button:hover:not(:disabled){background:#f5f5f5;border-color:#999}.connectors-pagination button:disabled{background:#f9f9f9;cursor:not-allowed;opacity:.5}.pagination-info{color:#666;font-size:.95rem}@media (max-width:768px){.category-filter{min-width:100%}.connectors-grid{gap:var(--admin-spacing-md);grid-template-columns:1fr}.connectors-pagination{flex-direction:column;gap:.75rem;padding:2rem 16px}.connectors-pagination button{width:100%}.connector-card{padding:1.25rem}.connector-logo{height:56px;width:56px}.connector-logo img{max-height:40px;max-width:40px}}@media (min-width:769px) and (max-width:1024px){.connectors-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}}@media (min-width:1400px){.connectors-container{max-width:1600px}.connectors-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}}.connector-card:focus{outline:2px solid var(--admin-primary);outline-offset:2px}.category-filter:focus-visible,.connectors-pagination button:focus-visible{outline:2px solid var(--admin-primary);outline-offset:2px}@media print{.connectors-pagination{display:none}.connector-card{break-inside:avoid;page-break-inside:avoid}}.tanstack-table-container{background:#fff;border-radius:8px;box-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;display:flex;flex-direction:column;height:100%;overflow:hidden;width:100%}.table-wrapper{flex:1 1;min-height:0;overflow:auto;position:relative}.tanstack-table{border-collapse:collapse;font-size:.875rem;table-layout:fixed;width:100%}.tanstack-table thead{border-bottom:2px solid #e5e7eb}.tanstack-table th,.tanstack-table thead{background-color:#f9fafb;position:sticky;top:0;z-index:100}.tanstack-table th{color:#374151;font-weight:700;padding:.75rem 1rem;text-align:left;-webkit-user-select:none;user-select:none;white-space:nowrap}.tanstack-table th.sortable{cursor:pointer;transition:background-color .15s}.tanstack-table th.sortable:hover{background-color:#f3f4f6;position:sticky;top:0;z-index:100}.tanstack-table .th-content{align-items:center;display:flex;gap:.5rem;justify-content:space-between}.tanstack-table .sort-indicator{align-items:center;color:#6b7280;display:flex;font-size:.75rem}.tanstack-table .sort-icon-inactive{opacity:.3}.tanstack-table tbody tr{border-bottom:1px solid #e5e7eb;transition:background-color .15s}.tanstack-table tbody tr:last-child{border-bottom:none}.tanstack-table td{color:#1f2937;padding:.75rem 1rem}.tanstack-table.striped tbody tr:nth-child(2n){background-color:#f9fafb}.tanstack-table.hoverable tbody tr:hover{background-color:#f3f4f6}.tanstack-table tbody tr.clickable{cursor:pointer}.action-btn{padding:.375rem .5rem;transition:all .15s}.action-btn.secondary{background-color:#6b7280;color:#fff}.action-btn.secondary:hover:not(:disabled){background-color:#4b5563}.action-btn.danger{background-color:#ef4444;color:#fff}.action-btn.danger:hover:not(:disabled){background-color:#dc2626}.action-btn.success{background-color:#10b981;color:#fff}.action-btn.success:hover:not(:disabled){background-color:#059669}.tanstack-table.loading{opacity:.6}.skeleton-cell,.skeleton-header{animation:skeleton-loading 1.5s ease-in-out infinite;background:linear-gradient(90deg,#f3f4f6 25%,#e5e7eb 50%,#f3f4f6 75%);background-size:200% 100%;border-radius:.25rem;height:1rem}.skeleton-header{height:1.25rem;max-width:80%}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.table-empty{align-items:center;color:#6b7280;display:flex;flex:1 1;flex-direction:column;justify-content:center;padding:3rem 1rem}.table-empty .empty-icon{color:#d1d5db;font-size:3rem;margin-bottom:1rem}.table-empty p{font-size:1rem;margin:0}.table-pagination{align-items:center;background-color:#f9fafb;border-top:1px solid #e5e7eb;display:flex;flex-shrink:0;justify-content:space-between;padding:1rem}.pagination-info{color:#6b7280;font-size:.875rem}.pagination-controls{gap:.5rem}.pagination-btn{background-color:#fff;border:1px solid #d1d5db;border-radius:.375rem;color:#374151;font-size:.875rem;padding:.375rem .75rem;transition:all .15s}.pagination-btn:hover:not(:disabled){background-color:#f9fafb;border-color:#9ca3af}.pagination-btn:disabled{opacity:.5}.page-indicator{color:#6b7280;font-size:.875rem;padding:0 .5rem}.tanstack-table-container.hierarchical .expand-btn{align-items:center;background:none;border:none;cursor:pointer;display:inline-flex;justify-content:center;padding:.25rem;transition:transform .15s}.tanstack-table-container.hierarchical .expand-btn:hover{transform:scale(1.1)}.tanstack-table tbody tr.depth-0{font-weight:500}.tanstack-table tbody tr.depth-1{background-color:#f9fafb}.tanstack-table tbody tr.depth-2{background-color:#f3f4f6}@media (max-width:768px){.tanstack-table td,.tanstack-table th{font-size:.8125rem;padding:.5rem .75rem}.table-pagination{align-items:flex-start;flex-direction:column;gap:1rem}.pagination-controls{justify-content:center;width:100%}.action-buttons{flex-wrap:wrap}}.tanstack-table th .resizer{background:#0000;cursor:col-resize;height:100%;position:absolute;right:0;top:0;touch-action:none;-webkit-user-select:none;user-select:none;width:5px;z-index:1}.tanstack-table th .resizer:hover{background:#3b82f64d}.tanstack-table th .resizer.isResizing{background:#3b82f6;opacity:1}@media (prefers-color-scheme:dark){.tanstack-table-container{background:#1f2937}.tanstack-table th,.tanstack-table thead{background-color:#374151}.tanstack-table th{color:#f9fafb}.tanstack-table tbody tr{border-bottom-color:#374151}.tanstack-table td{color:#e5e7eb}.tanstack-table.striped tbody tr:nth-child(2n){background-color:#111827}.table-pagination,.tanstack-table.hoverable tbody tr:hover{background-color:#374151}.table-pagination{border-top-color:#4b5563}.pagination-btn{background-color:#374151;border-color:#4b5563;color:#f9fafb}.pagination-btn:hover:not(:disabled){background-color:#4b5563}}.table-status-badge{align-items:center!important;display:inline-flex!important;gap:.25rem!important}.table-status-badge i{align-items:center;display:inline-flex}.connection-edit-drawer-form{display:flex;flex-direction:column;gap:0}.connection-edit-loading{align-items:center;color:#6b7280;display:flex;flex-direction:column;justify-content:center;padding:3rem}.connection-edit-loading i{color:#2563eb;font-size:2rem;margin-bottom:1rem}.form-section{border-bottom:1px solid #e5e7eb;padding:1.5rem 0}.form-section:first-child{padding-top:0}.form-section:last-child{border-bottom:none}.form-section-title{align-items:center;color:#111827;display:flex;font-size:1rem;font-weight:600;gap:.5rem;margin-bottom:1rem}.form-section-title i{color:#2563eb;font-size:.9rem}.form-section-description{color:#6b7280;font-size:.875rem;line-height:1.5;margin-bottom:1.25rem}.form-group{margin-bottom:1.25rem}.form-group:last-child{margin-bottom:0}.form-group label{margin-bottom:.5rem}.form-group .required{margin-left:.25rem}.form-group input[type=number],.form-group input[type=password],.form-group input[type=text],.form-group select,.form-group textarea{background:#fff;border:1px solid #d1d5db;border-radius:6px;color:#111827;font-size:.875rem;padding:.625rem .875rem;transition:all .15s;width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.form-group input:disabled,.form-group select:disabled,.form-group textarea:disabled{background:#f3f4f6;color:#9ca3af}.form-group textarea{min-height:70px}.form-help-text{color:#6b7280;display:block;font-size:.75rem;line-height:1.4;margin-top:.375rem}.form-help-text i{color:#9ca3af;margin-right:.25rem}.form-error{align-items:center;background:#fef2f2;border:1px solid #fecaca;border-radius:6px;color:#dc2626;display:flex;font-size:.875rem;gap:.5rem;margin-top:1rem;padding:.875rem}.form-error i{color:#dc2626;flex-shrink:0}.connection-edit-drawer-footer{display:flex;gap:.75rem;justify-content:flex-end}.connection-edit-drawer-footer .btn-primary,.connection-edit-drawer-footer .btn-secondary{align-items:center;border:none;border-radius:6px;cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:500;gap:.5rem;padding:.625rem 1.125rem;transition:all .15s}.connection-edit-drawer-footer .btn-primary{background:#2563eb;color:#fff}.connection-edit-drawer-footer .btn-primary:hover:not(:disabled){background:#1d4ed8}.connection-edit-drawer-footer .btn-primary:disabled{background:#93c5fd;cursor:not-allowed}.connection-edit-drawer-footer .btn-secondary{background:#fff;border:1px solid #d1d5db;color:#374151}.connection-edit-drawer-footer .btn-secondary:hover:not(:disabled){background:#f9fafb;border-color:#9ca3af}.connection-edit-drawer-footer .btn-secondary:disabled{background:#f3f4f6;color:#9ca3af;cursor:not-allowed}.connector-connections{display:flex;flex-direction:column;gap:var(--admin-spacing-lg)}.modal-overlay{padding:1rem}.modal-warning{align-items:flex-start;background:#fef3c7;border-radius:6px;color:#92400e;display:flex;font-size:.875rem;gap:.5rem;padding:.75rem}.modal-warning i{color:#f59e0b;margin-top:.125rem}.modal-footer{border-top:1px solid #e5e7eb;display:flex;gap:.75rem;justify-content:flex-end;padding:1.5rem}.btn-modal-danger,.btn-modal-secondary{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:.9375rem;font-weight:500;gap:.5rem;padding:.625rem 1.25rem;transition:all .2s}.btn-modal-secondary{background:#f3f4f6;color:#374151}.btn-modal-secondary:hover:not(:disabled){background:#e5e7eb}.btn-modal-danger{background:#ef4444;color:#fff}.btn-modal-danger:hover:not(:disabled){background:#dc2626}.btn-modal-danger:disabled,.btn-modal-secondary:disabled{cursor:not-allowed;opacity:.6}.btn-modal-danger i.fa-spinner{animation:spin 1s linear infinite}@media (max-width:768px){.modal-content{max-width:100%}.modal-body,.modal-footer,.modal-header{padding:1.25rem}.modal-footer{flex-direction:column}.btn-modal-danger,.btn-modal-secondary{justify-content:center;width:100%}}.file-drop-zone{height:100%;position:relative;transition:all .2s ease;width:100%}.file-drop-zone--active{background:#2563eb0d;border:2px dashed #2563eb;border-radius:8px}.file-drop-zone--disabled{cursor:not-allowed;opacity:.6;pointer-events:none}.file-drop-zone__overlay{align-items:center;background:#2563eb1a;border:2px dashed #2563eb;border-radius:8px;bottom:0;display:flex;justify-content:center;left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:1000}.file-drop-zone__overlay-content{align-items:center;background:#fff;border-radius:8px;box-shadow:0 4px 12px #00000026;display:flex;flex-direction:column;gap:12px;padding:24px}.file-drop-zone__overlay-content i{color:#2563eb;font-size:48px}.file-drop-zone__overlay-content p{color:#1f2937;font-size:16px;font-weight:600;margin:0}.upload-progress-modal__overlay{align-items:center;animation:uploadProgressFadeIn .2s ease;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}@keyframes uploadProgressFadeIn{0%{opacity:0}to{opacity:1}}.upload-progress-modal__content{animation:slideIn .3s ease;background:#fff;border-radius:8px;box-shadow:0 4px 20px #00000026;display:flex;flex-direction:column;max-height:80vh;max-width:600px;width:90%}.upload-progress-modal__header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:20px}.upload-progress-modal__header h3{align-items:center;color:#1f2937;display:flex;font-size:18px;font-weight:600;gap:8px;margin:0}.upload-progress-modal__header h3 i{color:#2563eb}.upload-progress-modal__close{background:none;border:none;color:#6b7280;cursor:pointer;font-size:18px;padding:8px;transition:color .2s ease}.upload-progress-modal__close:hover:not(:disabled){color:#1f2937}.upload-progress-modal__close:disabled{cursor:not-allowed;opacity:.5}.upload-progress-modal__body{flex:1 1;overflow-y:auto;padding:20px}.upload-progress-modal__summary{align-items:center;background:#f3f4f6;border-radius:6px;display:flex;flex-wrap:wrap;gap:12px;margin-bottom:16px;padding:12px 16px}.upload-progress-summary__text{align-items:center;display:flex;flex:1 1;flex-wrap:wrap;gap:8px}.upload-progress-summary__count{color:#1f2937;font-size:14px;font-weight:600}.upload-progress-summary__uploading{color:#6b7280;font-size:13px}.upload-progress-summary__success{background:#dcfce7;border-radius:4px;color:#059669;font-size:13px;font-weight:500;padding:4px 8px}.upload-progress-summary__error{background:#fee2e2;border-radius:4px;color:#dc2626;font-size:13px;font-weight:500;padding:4px 8px}.upload-progress-modal__list{display:flex;flex-direction:column;gap:12px}.upload-progress-item{background:#fff;border:1px solid #e5e7eb;border-radius:6px;display:flex;flex-direction:column;gap:8px;padding:12px;transition:all .2s ease}.upload-progress-item:hover{box-shadow:0 2px 8px #0000000d}.upload-progress-item__header{align-items:center;display:flex;gap:10px}.upload-status-icon{flex-shrink:0;font-size:18px}.upload-status-icon--pending{color:#6b7280}.upload-status-icon--uploading{color:#2563eb}.upload-status-icon--success{color:#059669}.upload-status-icon--error{color:#dc2626}.upload-progress-item__filename{color:#1f2937;flex:1 1;font-size:14px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.upload-progress-bar{background:#e5e7eb;border-radius:3px;height:6px;overflow:hidden;width:100%}.upload-progress-bar__fill{background:linear-gradient(90deg,#2563eb,#3b82f6);border-radius:3px;height:100%;transition:width .3s ease}.upload-progress-item__error{background:#fee2e2;border-left:3px solid #dc2626;border-radius:4px;color:#dc2626;font-size:13px;padding:8px 12px}.upload-progress-modal__footer{align-items:center;border-top:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:16px 20px}.upload-progress-modal__footer .btn{border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:all .2s ease}.upload-progress-modal__footer .btn-primary{background:#2563eb;color:#fff}.upload-progress-modal__footer .btn-primary:hover{background:#1d4ed8}.upload-progress-modal__auto-close{color:#6b7280;font-size:13px;font-style:italic}@media (max-width:640px){.upload-progress-modal__content{max-height:90vh;width:95%}.upload-progress-modal__summary{align-items:flex-start;flex-direction:column}.upload-progress-modal__footer{align-items:stretch;flex-direction:column;gap:12px}.upload-progress-modal__footer .btn{text-align:center;width:100%}}.trigger-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background-color:#0009;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.trigger-modal-content{background:#fff;border-radius:12px;box-shadow:0 10px 40px #0003;display:flex;flex-direction:column;max-height:90vh;max-width:600px;overflow:hidden;width:90%}.trigger-modal-header{align-items:center;background:linear-gradient(135deg,#16a34a,#15803d);border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:20px 24px}.trigger-modal-header h3{color:#fff;font-size:20px;font-weight:600;margin:0}.trigger-modal-close{background:none;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:20px;padding:4px 8px;transition:background-color .2s}.trigger-modal-close:hover:not(:disabled){background-color:#fff3}.trigger-modal-close:disabled{cursor:not-allowed;opacity:.5}.trigger-modal-body{flex:1 1;overflow-y:auto;padding:24px}.trigger-modal-info{align-items:center;background-color:#dbeafe;border-left:4px solid #3b82f6;border-radius:6px;color:#1e40af;display:flex;font-size:14px;gap:10px;margin-bottom:24px;padding:12px 16px}.trigger-modal-info i{flex-shrink:0;font-size:18px}.form-group label{font-size:14px}.form-group .required{color:#dc2626;margin-left:2px}.form-group input[type=number],.form-group input[type=text],.form-group select,.form-group textarea{border:1px solid #d1d5db;font-size:14px;transition:border-color .2s,box-shadow .2s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#16a34a;box-shadow:0 0 0 3px #16a34a1a}.form-group input:disabled,.form-group select:disabled,.form-group textarea:disabled{background-color:#f3f4f6;cursor:not-allowed;opacity:.6}.form-group small{color:#6b7280;display:block;font-size:12px;margin-top:6px}.btn-link{align-items:center;background:none;border:none;color:#16a34a;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:8px 0;transition:color .2s}.btn-link:hover:not(:disabled){color:#15803d;text-decoration:underline}.btn-link:disabled{cursor:not-allowed;opacity:.5}.btn-link i{font-size:12px;transition:transform .2s}.advanced-options{border-left:2px solid #e5e7eb;margin-top:12px;padding-left:20px}.trigger-modal-footer{background-color:#f9fafb;border-top:1px solid #e5e7eb;display:flex;gap:12px;justify-content:flex-end;padding:16px 24px}.btn-secondary,.btn-success{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:10px 20px;transition:all .2s}.btn-secondary{background-color:#f3f4f6;color:#374151}.btn-secondary:hover:not(:disabled){background-color:#e5e7eb}.btn-success{background:linear-gradient(135deg,#16a34a,#15803d);color:#fff}.btn-success:hover:not(:disabled){box-shadow:0 4px 12px #16a34a4d;transform:translateY(-1px)}.btn-secondary:disabled,.btn-success:disabled{cursor:not-allowed;opacity:.6;transform:none}@keyframes triggerPipelineFadeIn{0%{opacity:0}to{opacity:1}}.trigger-modal-overlay{animation:triggerPipelineFadeIn .2s ease-out}.trigger-modal-content{animation:slideUp .3s ease-out}.document-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));overflow:auto;padding:16px}.grid-item{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:8px;display:flex;flex-direction:column;gap:12px;padding:16px;transition:all .2s}.grid-item:hover{border-color:#d1d5db;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;transform:translateY(-2px)}.grid-item-icon{align-items:center;display:flex;justify-content:center;padding:16px 0;width:100%}.grid-item-name{color:#111827;font-size:14px;font-weight:500;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap;width:100%}.grid-item-size{color:#6b7280;font-size:12px}.grid-item-actions{display:flex;gap:8px;margin-top:8px}@media (max-width:768px){.document-grid{gap:12px;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));padding:12px}.grid-item{padding:12px}}.floating-toolbar{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fffffff2;border:none;border-radius:4px;box-shadow:0 2px 8px var(--color-shadow);min-width:fit-content;padding:8px;position:absolute;width:auto;z-index:100}.floating-toolbar-top-left{left:15px;top:15px}.floating-toolbar-top-right{right:15px;top:15px}.floating-toolbar-bottom-left{bottom:15px;left:15px}.floating-toolbar-bottom-right{bottom:15px;right:15px}.floating-toolbar-left{left:15px;top:50%;transform:translateY(-50%)}.floating-toolbar-right{right:15px;top:50%;transform:translateY(-50%)}.floating-toolbar-top{left:50%;top:15px;transform:translateX(-50%)}.floating-toolbar-bottom{bottom:15px;left:50%;transform:translateX(-50%)}.floating-toolbar-vertical .toolbar-items{align-items:flex-start;display:flex;flex-direction:column;gap:4px}.floating-toolbar-horizontal .toolbar-items{align-items:center;display:flex;flex-direction:row;gap:4px}.floating-toolbar-horizontal:not(.expanded){width:auto!important}.floating-toolbar,.floating-toolbar *{transition:none!important}.toolbar-toggle{align-items:center;background:none;border:none;border-radius:4px;color:var(--color-text-primary);cursor:pointer;display:flex;font-size:.75rem;height:32px;justify-content:center;padding:6px;transition:all .2s ease;width:32px}.toolbar-toggle:hover{background:var(--color-primary-light);color:var(--color-primary)}.floating-toolbar-vertical .toolbar-separator{background:#e2e8f0;height:1px;margin:4px 0;width:100%}.floating-toolbar-horizontal .toolbar-separator{background:#e2e8f0;height:24px;margin:0 4px;width:1px}.toolbar-item{align-items:center;background:#0000;border:none;border-radius:4px;cursor:pointer;display:flex;height:36px;justify-content:center;position:relative;width:36px}.toolbar-item:hover{background:var(--color-primary-light)}.toolbar-item.active{background:var(--color-primary-medium)}.toolbar-item.selected{background:var(--color-primary)}.toolbar-item.selected i{color:#fff}.toolbar-item.selected:hover{background:var(--color-primary-hover)}.toolbar-item.selected:hover i{color:#fff}.toolbar-item i{color:var(--color-text-primary);font-size:.875rem}.toolbar-item.active i,.toolbar-item:hover i{color:var(--color-primary)}.floating-toolbar-vertical.expanded{width:240px}.floating-toolbar-vertical.expanded .toolbar-item{gap:10px;justify-content:flex-start;padding:0 12px;width:100%}.toolbar-item-label{color:var(--color-text-primary);font-size:.875rem;font-weight:500;white-space:nowrap}.floating-toolbar-vertical.expanded .toolbar-toggle{justify-content:flex-start;padding:6px 12px;width:100%}.floating-toolbar-vertical:not(.expanded) .toolbar-separator{align-self:center;width:36px}.floating-toolbar-vertical.expanded .toolbar-separator{margin:8px;width:calc(100% - 16px)}.floating-toolbar-horizontal.expanded .toolbar-item{gap:8px;padding:8px 12px}.toolbar-dropdown{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fffffff2;border:none;border-radius:4px;box-shadow:0 2px 8px var(--color-shadow);overflow:visible;padding:0;z-index:2000}.dropdown-grid{padding:8px;width:fit-content}.dropdown-content{align-items:stretch;display:flex;gap:4px}.dropdown-horizontal .dropdown-content{flex-direction:column;gap:4px}.dropdown-horizontal .dropdown-column{flex-direction:row;gap:4px}.dropdown-horizontal .dropdown-grid{max-width:none;padding:12px}.dropdown-column{display:flex;flex-direction:column;gap:4px}.dropdown-column-separator{align-self:stretch;background:#e2e8f0;height:auto;margin:0;width:1px}.toolbar-dropdown .dropdown-item{align-items:center;background:#0000;border:none;border-radius:4px!important;cursor:pointer;display:flex;height:36px;justify-content:center;position:relative;width:36px}.toolbar-dropdown .dropdown-item:first-child,.toolbar-dropdown .dropdown-item:last-child{border-radius:4px!important}.dropdown-item:hover{background:var(--color-primary-light)}.dropdown-item i{color:inherit;font-size:.875rem}.toolbar-dropdown .dropdown-item i{color:var(--color-text-primary)}.dropdown-item-icon{height:16px;width:16px}.toolbar-dropdown .dropdown-item span{display:none}.floating-toolbar.expanded~.toolbar-dropdown .dropdown-grid{gap:6px}.floating-toolbar.expanded~.toolbar-dropdown .dropdown-item{gap:10px;height:auto;justify-content:flex-start;padding:10px 12px;width:200px}.floating-toolbar.expanded~.toolbar-dropdown .dropdown-item span{color:#2d3748;display:block;font-size:.875rem;font-weight:500}@media (max-width:768px){.floating-toolbar{left:10px;right:auto;top:16px;width:auto}.toolbar-items{flex-direction:row;justify-content:center}.toolbar-separator{height:24px;margin:0 4px;width:1px}}.graph-database-view{background-color:#fff;display:flex;flex:1 1;flex-direction:column;min-height:0;position:relative}.graph-database-view .graph-toolbar{align-items:center;background-color:#f7fafc;border-bottom:1px solid #e2e8f0;display:flex;flex-shrink:0;gap:1rem;padding:1rem}.graph-database-view .execute-button,.graph-database-view .query-button,.graph-database-view .sync-button{border:none;border-radius:.375rem;cursor:pointer;font-weight:500;padding:.5rem 1rem;transition:all .2s}.graph-database-view .sync-button{background-color:#667eea;color:#fff}.graph-database-view .sync-button:hover:not(:disabled){background-color:#5a67d8}.graph-database-view .query-button{background-color:#764ba2;color:#fff}.graph-database-view .query-button:hover:not(:disabled){background-color:#6b3f96}.graph-database-view .execute-button{background-color:#43e97b;color:#fff}.graph-database-view .execute-button:hover:not(:disabled){background-color:#38d66a}.graph-database-view button:disabled{cursor:not-allowed;opacity:.5}.graph-database-view .error-message{align-items:center;background-color:#fed7d7;border-radius:.375rem;color:#c53030;display:flex;font-size:.875rem;gap:.5rem;margin-left:auto;padding:.5rem 1rem}.graph-database-view .close-error{align-items:center;background:#0000;border:none;color:#c53030;cursor:pointer;display:flex;font-size:1.25rem;height:1.5rem;justify-content:center;padding:0;width:1.5rem}.graph-database-view .force-panel,.graph-database-view .query-panel{background-color:#f7fafc;border-bottom:1px solid #e2e8f0;flex-shrink:0;padding:1rem}.graph-database-view .force-panel-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.graph-database-view .force-panel-header h3{color:#2d3748;font-size:1rem;font-weight:600;margin:0}.graph-database-view .reset-button{background-color:#667eea;border:none;border-radius:.375rem;color:#fff;cursor:pointer;font-size:.875rem;font-weight:500;padding:.5rem 1rem;transition:all .2s}.graph-database-view .reset-button:hover{background-color:#5a67d8}.graph-database-view .force-controls-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.graph-database-view .force-control{display:flex;flex-direction:column;gap:.5rem}.graph-database-view .force-control label{align-items:center;color:#2d3748;display:flex;font-size:.875rem;font-weight:500;justify-content:space-between}.graph-database-view .force-label{color:#4a5568}.graph-database-view .force-value{background-color:#e2e8f0;border-radius:.375rem;color:#667eea;font-family:Courier New,monospace;font-size:.875rem;font-weight:600;padding:.25rem .75rem}.graph-database-view .force-slider{appearance:none;background:#e2e8f0;border-radius:3px;height:6px;outline:none;width:100%}.graph-database-view .force-slider::-webkit-slider-thumb{appearance:none;background:#667eea;border-radius:50%;cursor:pointer;height:18px;-webkit-transition:all .2s;transition:all .2s;width:18px}.graph-database-view .force-slider::-webkit-slider-thumb:hover{background:#5a67d8;transform:scale(1.2)}.graph-database-view .force-slider::-moz-range-thumb{background:#667eea;border:none;border-radius:50%;cursor:pointer;height:18px;-moz-transition:all .2s;transition:all .2s;width:18px}.graph-database-view .force-slider::-moz-range-thumb:hover{background:#5a67d8;transform:scale(1.2)}.graph-database-view .force-control small{color:#6b7280;font-size:.75rem;font-style:italic}.graph-database-view .query-panel h3{color:#2d3748;font-size:1rem;font-weight:600;margin:0 0 .5rem}.graph-database-view .cypher-input{border:1px solid #cbd5e0;border-radius:.375rem;font-family:Courier New,monospace;font-size:.875rem;margin-bottom:.75rem;padding:.75rem;resize:vertical;width:100%}.graph-database-view .cypher-input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.graph-database-view .query-results{background-color:#fff;border:1px solid #e2e8f0;border-radius:.375rem;margin-top:1rem;overflow:hidden}.graph-database-view .results-header{align-items:center;background-color:#edf2f7;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:.75rem 1rem}.graph-database-view .results-header h4{color:#2d3748;font-size:.875rem;font-weight:600;margin:0}.graph-database-view .clear-results{background-color:#e2e8f0;border:none;border-radius:.25rem;color:#4a5568;cursor:pointer;font-size:.75rem;padding:.25rem .75rem}.graph-database-view .clear-results:hover{background-color:#cbd5e0}.graph-database-view .results-content{background-color:#fff;font-family:Courier New,monospace;font-size:.75rem;margin:0;max-height:300px;overflow:auto;padding:1rem}.graph-database-view .graph-container{background-color:#fff;display:flex;flex:1 1;flex-direction:column;min-height:0;overflow:visible;position:relative}.graph-database-view .graph-container>div:not(.floating-toolbar){flex:1 1;height:100%;overflow:hidden;width:100%}.graph-database-view .graph-container canvas{display:block;max-height:100%;max-width:100%}.graph-database-view .graph-controls{bottom:20px;display:flex;flex-direction:column;gap:8px;left:20px;position:absolute;z-index:50}.graph-database-view .graph-control-btn{align-items:center;background-color:#fff;border:none;border-radius:8px;box-shadow:0 2px 8px #00000026;color:#4a5568;cursor:pointer;display:flex;font-size:16px;height:40px;justify-content:center;transition:all .2s ease;width:40px}.graph-database-view .graph-control-btn:hover{background-color:#667eea;box-shadow:0 4px 12px #667eea4d;color:#fff;transform:scale(1.05)}.graph-database-view .graph-control-btn:active{transform:scale(.95)}.graph-database-view .graph-control-btn i{pointer-events:none}.graph-database-view .graph-loading{align-items:center;background-color:#fff;display:flex;flex:1 1;flex-direction:column;justify-content:center;min-height:400px;padding:40px 20px;text-align:center}.graph-database-view .node-details-panel{background-color:#fff;border:1px solid #e2e8f0;border-radius:.5rem;box-shadow:0 10px 25px #0000001a;display:flex;flex-direction:column;max-height:80vh;overflow:hidden;position:absolute;right:1rem;top:1rem;width:320px;z-index:100}.graph-database-view .panel-header{align-items:center;background-color:#667eea;border-bottom:1px solid #e2e8f0;color:#fff;display:flex;justify-content:space-between;padding:1rem}.graph-database-view .panel-header h3{font-size:1rem;font-weight:600;margin:0}.graph-database-view .close-details{align-items:center;background:#0000;border:none;border-radius:.25rem;color:#fff;cursor:pointer;display:flex;font-size:1.5rem;height:2rem;justify-content:center;padding:0;width:2rem}.graph-database-view .close-details:hover{background-color:#ffffff1a}.graph-database-view .panel-content{flex:1 1;overflow-y:auto;padding:1rem}.graph-database-view .detail-row{border-bottom:1px solid #f7fafc;display:flex;justify-content:space-between;padding:.5rem 0}.graph-database-view .detail-row:last-child{border-bottom:none}.graph-database-view .detail-label{color:#4a5568;font-size:.875rem;font-weight:600}.graph-database-view .detail-value{color:#2d3748;font-size:.875rem;max-width:180px;text-align:right;word-break:break-word}.graph-database-view .detail-section-header{border-bottom:2px solid #e2e8f0;color:#2d3748;font-size:.875rem;font-weight:600;margin-bottom:.5rem;margin-top:1rem;padding-bottom:.5rem}.graph-database-view .controls-sidebar{animation:graphDbSlideInRight .3s ease-out;background:#fff;box-shadow:-4px 0 12px #0000001a;display:flex;flex-direction:column;height:100vh;position:fixed;right:0;top:0;width:400px;z-index:1001}@keyframes graphDbSlideInRight{0%{transform:translateX(100%)}to{transform:translateX(0)}}.graph-database-view .controls-sidebar .sidebar-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;flex-shrink:0;justify-content:space-between;padding:1.25rem 1.5rem}.graph-database-view .controls-sidebar .sidebar-header h3{align-items:center;display:flex;font-size:1.125rem;font-weight:600;gap:.625rem;margin:0}.graph-database-view .close-sidebar-btn{align-items:center;background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1.125rem;height:32px;justify-content:center;transition:background .2s;width:32px}.graph-database-view .close-sidebar-btn:hover{background:#ffffff4d}.graph-database-view .controls-sidebar .sidebar-content{flex:1 1;overflow-y:auto;padding:0}.graph-database-view .sidebar-section{border-bottom:1px solid #e2e8f0}.graph-database-view .sidebar-section-btn{align-items:center;background:#fff;border:none;color:#2d3748;cursor:pointer;display:flex;font-size:.9375rem;font-weight:500;gap:.75rem;padding:1rem 1.5rem;transition:background .2s;width:100%}.graph-database-view .sidebar-section-btn:hover{background:#f7fafc}.graph-database-view .sidebar-section-btn i:first-child{color:#667eea;font-size:1.125rem}.graph-database-view .sidebar-section-btn span{flex:1 1;text-align:left}.graph-database-view .sidebar-section-btn i:last-child{color:#a0aec0;font-size:.875rem}.graph-database-view .sidebar-section-content{background:#f7fafc;padding:1.5rem}.graph-database-view .cypher-input-sidebar{border:1px solid #cbd5e0;border-radius:.375rem;font-family:Courier New,monospace;font-size:.875rem;margin-bottom:.75rem;padding:.75rem;resize:vertical;width:100%}.graph-database-view .cypher-input-sidebar:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.graph-database-view .execute-button-sidebar{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:.375rem;color:#fff;cursor:pointer;display:flex;font-size:.9375rem;font-weight:500;gap:.5rem;justify-content:center;padding:.75rem 1rem;transition:transform .2s,box-shadow .2s;width:100%}.graph-database-view .execute-button-sidebar:hover:not(:disabled){box-shadow:0 4px 12px #667eea66;transform:translateY(-2px)}.graph-database-view .execute-button-sidebar:disabled{cursor:not-allowed;opacity:.5}.graph-database-view .query-results-sidebar{background:#fff;border:1px solid #e2e8f0;border-radius:.375rem;margin-top:1rem;padding:1rem}.graph-database-view .query-results-text{color:#2d3748;font-size:.875rem;margin:0 0 .75rem}.graph-database-view .clear-results-sidebar{align-items:center;background:#e2e8f0;border:none;border-radius:.25rem;color:#4a5568;cursor:pointer;display:flex;font-size:.75rem;gap:.375rem;padding:.5rem .75rem;transition:background .2s}.graph-database-view .clear-results-sidebar:hover{background:#cbd5e0}.graph-database-view .reset-forces-btn-sidebar{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:.375rem;color:#fff;cursor:pointer;display:flex;font-size:.9375rem;font-weight:500;gap:.5rem;justify-content:center;margin-bottom:1.5rem;padding:.75rem 1rem;transition:transform .2s,box-shadow .2s;width:100%}.graph-database-view .reset-forces-btn-sidebar:hover{box-shadow:0 4px 12px #667eea66;transform:translateY(-2px)}.graph-database-view .control-group-sidebar{margin-bottom:1.5rem}.graph-database-view .control-group-sidebar:last-child{margin-bottom:0}.graph-database-view .control-group-sidebar label{align-items:center;color:#2d3748;display:flex;font-size:.875rem;font-weight:500;justify-content:space-between;margin-bottom:.625rem}.graph-database-view .control-group-sidebar .control-label{color:#4a5568}.graph-database-view .control-group-sidebar .control-value{background:#fff;border:1px solid #e2e8f0;border-radius:4px;color:#667eea;font-family:Courier New,monospace;font-weight:600;padding:.25rem .625rem}.graph-database-view .control-group-sidebar small{color:#718096;display:block;font-size:.75rem;font-style:italic;margin-top:.375rem}.graph-database-view .control-slider{appearance:none;background:#e2e8f0;border-radius:3px;height:6px;outline:none;width:100%}.graph-database-view .control-slider::-webkit-slider-thumb{appearance:none;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;box-shadow:0 2px 4px #667eea4d;cursor:pointer;height:18px;-webkit-transition:transform .2s;transition:transform .2s;width:18px}.graph-database-view .control-slider::-webkit-slider-thumb:hover{transform:scale(1.2)}.graph-database-view .control-slider::-moz-range-thumb{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:50%;box-shadow:0 2px 4px #667eea4d;cursor:pointer;height:18px;-moz-transition:transform .2s;transition:transform .2s;width:18px}.graph-database-view .control-slider::-moz-range-thumb:hover{transform:scale(1.2)}.graph-database-view .error-message-overlay{animation:graphDbSlideInBottom .3s ease-out;left:50%;position:fixed;top:2rem;transform:translateX(-50%);z-index:1000}@keyframes graphDbSlideInBottom{0%{opacity:0;transform:translateX(-50%) translateY(-20px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}.graph-database-view .error-message-overlay .error-message{align-items:center;background-color:#fed7d7;border-radius:8px;box-shadow:0 4px 6px #0000001a;color:#742a2a;display:flex;gap:.75rem;padding:1rem 1.5rem}.graph-database-view .error-message-overlay .error-message i{font-size:1.25rem}.graph-database-view .error-message-overlay .close-error{align-items:center;background:#0000;border:none;border-radius:50%;color:#742a2a;cursor:pointer;display:flex;font-size:1.25rem;height:1.5rem;justify-content:center;padding:0;transition:background .2s;width:1.5rem}.graph-database-view .error-message-overlay .close-error:hover{background:#742a2a1a}@media (max-width:768px){.graph-database-view .graph-toolbar{flex-wrap:wrap}.graph-database-view .node-details-panel{left:1rem;right:1rem;width:calc(100% - 2rem)}.graph-database-view .query-panel{padding:.75rem}.graph-database-view .results-content{font-size:.625rem}.graph-database-view .graph-controls{bottom:10px;gap:6px;left:10px}.graph-database-view .graph-control-btn{font-size:14px;height:36px;width:36px}.graph-database-view .force-controls-grid{grid-template-columns:1fr}.graph-database-view .force-panel-header{align-items:flex-start;flex-direction:column;gap:.75rem}.graph-database-view .controls-sidebar,.graph-database-view .reset-button{width:100%}}.editor-container{display:flex;flex-direction:column;height:100%;width:100%}.editor-selector{background:#f9fafb;border-bottom:1px solid #e5e7eb;display:flex;flex-shrink:0;gap:4px;padding:12px}.editor-tab{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:6px;color:#6b7280;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:6px;padding:8px 16px;transition:all .2s}.editor-tab:hover{background:#f3f4f6;border-color:#d1d5db;color:#374151}.editor-tab.active{background:#2563eb;border-color:#2563eb;color:#fff}.editor-tab i{font-size:14px}.editor-content{display:flex;flex:1 1;flex-direction:column;min-height:0}.editor-container-empty{align-items:center;color:#6b7280;display:flex;flex-direction:column;height:100%;justify-content:center;padding:48px;text-align:center}.editor-container-empty i{font-size:48px;margin-bottom:16px}.editor-container-empty h3{color:#111827;font-size:20px;font-weight:600;margin:0 0 8px}.editor-container-empty p{color:#6b7280;font-size:14px;margin:0}.editor-container-error{align-items:center;color:#6b7280;display:flex;flex-direction:column;height:100%;justify-content:center;padding:48px;text-align:center}.editor-container-error i{color:#ef4444;font-size:48px;margin-bottom:16px}.editor-container-error h3{color:#111827;font-size:20px;font-weight:600;margin:0 0 8px}.editor-container-error p{color:#6b7280;font-size:14px;margin:0}.graph-editor-panel{background:#fff}.graph-editor-panel,.graph-editor-panel-empty{display:flex;flex-direction:column;height:100%}.graph-editor-panel-empty{align-items:center;color:#6b7280;justify-content:center;padding:32px;text-align:center}.graph-editor-panel-empty i{color:#cbd5e0;font-size:48px;margin-bottom:16px}.graph-editor-panel-empty h3{color:#374151;font-size:18px;font-weight:600;margin:0 0 8px}.graph-editor-panel-empty p{color:#6b7280;font-size:14px;margin:0}.editor-panel-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-bottom:1px solid #e5e7eb;color:#fff;display:flex;flex-shrink:0;justify-content:space-between;padding:16px 20px}.editor-panel-title{align-items:center;display:flex;font-size:16px;font-weight:600;gap:10px}.editor-panel-title i{font-size:18px}.editor-panel-close{align-items:center;background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:28px;justify-content:center;transition:background .2s;width:28px}.editor-panel-close:hover{background:#ffffff4d}.editor-panel-content{display:flex;flex:1 1;flex-direction:column;gap:20px;overflow-y:auto;padding:20px}.editor-section{display:flex;flex-direction:column;gap:8px}.editor-label{color:#6b7280;font-size:12px;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.editor-value{background:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;color:#111827;font-size:14px;padding:10px 12px}.editor-value-mono{color:#4b5563;font-family:Courier New,monospace;font-size:13px}.editor-properties{display:flex;flex-direction:column;gap:8px}.property-row{background:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;display:flex;font-size:13px;gap:8px;padding:8px 12px}.property-key{color:#374151;font-weight:600;min-width:120px}.property-value{color:#6b7280;flex:1 1;word-break:break-word}.editor-actions{border-top:1px solid #e5e7eb;display:flex;gap:10px;margin-top:auto;padding-top:20px}.editor-btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;flex:1 1;font-size:14px;font-weight:500;gap:8px;justify-content:center;padding:10px 16px;transition:all .2s}.editor-btn-primary{background:#2563eb;color:#fff}.editor-btn-primary:hover{background:#1d4ed8;box-shadow:0 2px 4px #2563eb4d;transform:translateY(-1px)}.editor-btn-danger{background:#ef4444;color:#fff}.editor-btn-danger:hover{background:#dc2626;box-shadow:0 2px 4px #ef44444d;transform:translateY(-1px)}.editor-btn:active{transform:translateY(0)}.editor-panel-container{background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;display:flex;flex-direction:column;height:100%;min-height:0;overflow:hidden;transition:opacity .3s ease,width .3s ease}.editor-panel-container.collapsed{opacity:0;pointer-events:none;width:0}.editor-panel-toggle{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:6px 0 0 6px;box-shadow:-2px 0 4px #0000001a;color:#6b7280;cursor:pointer;display:flex;font-size:12px;height:40px;justify-content:center;padding:8px 4px;position:absolute;right:400px;top:50%;transform:translateY(-50%);transition:all .3s ease;width:16px;z-index:10}.editor-panel-toggle:hover{background:#f9fafb;box-shadow:-4px 0 8px #00000026;color:#374151}.documents-layout.editor-collapsed .editor-panel-toggle{right:0}@media (max-width:1200px){.editor-panel-container{width:320px}.editor-panel-toggle{right:340px}}@media (max-width:768px){.editor-panel-container{border-radius:0;bottom:0;position:fixed;right:0;top:0;width:100%;z-index:1000}.editor-panel-toggle{display:none}}.documents-page{display:flex;flex-direction:column;gap:20px}.documents-header{background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;padding:20px}.documents-header h2{color:#1f2937;font-size:24px;font-weight:600;margin:0 0 8px}.documents-header h2 i{color:#2563eb;margin-right:12px}.documents-header p{color:#6b7280;font-size:14px;margin:0}.documents-layout{grid-gap:20px;display:grid;flex:1 1;gap:20px;grid-template-columns:350px 1fr;grid-template-rows:100%;min-height:0;position:relative;transition:grid-template-columns .3s ease}.documents-layout.has-editor{grid-template-columns:350px 1fr 400px}.documents-layout.tree-collapsed{gap:0;grid-template-columns:0 1fr}.documents-layout.has-editor.tree-collapsed{grid-template-columns:0 1fr 400px}.documents-layout.has-editor.editor-collapsed{grid-template-columns:350px 1fr 0}.documents-layout.has-editor.tree-collapsed.editor-collapsed{grid-template-columns:0 1fr 0}.documents-tree-panel{background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;display:flex;flex-direction:column;height:100%;min-height:0;overflow:hidden;transition:opacity .3s ease}.documents-layout.tree-collapsed .documents-tree-panel{opacity:0;pointer-events:none}.tree-collapse-toggle{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:0 6px 6px 0;box-shadow:2px 0 4px #0000001a;color:#6b7280;cursor:pointer;display:flex;font-size:12px;height:40px;justify-content:center;left:350px;padding:8px 4px;position:absolute;top:50%;transform:translateY(-50%);transition:all .3s ease;width:16px;z-index:10}.tree-collapse-toggle:hover{background:#f9fafb;border-color:#d1d5db;color:#1f2937}.documents-layout.tree-collapsed .tree-collapse-toggle{border-radius:0 8px 8px 0;left:0}.documents-content-panel{background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;height:100%}.documents-content-panel,.tree-navigator{display:flex;flex-direction:column;min-height:0}.tree-navigator{flex:1 1}.tree-header{border-bottom:1px solid #e5e7eb;padding:16px}.tree-header h3{color:#1f2937;font-size:16px;font-weight:600;margin:0}.tree-header h3 i{color:#2563eb;margin-right:8px}.tree-content{flex:1 1;overflow-y:auto;padding:8px}.tree-empty{align-items:center;color:#6b7280;display:flex;flex-direction:column;justify-content:center;padding:40px 20px;text-align:center}.tree-empty i{color:#d1d5db;font-size:32px;margin-bottom:12px}.tree-empty p{font-size:14px;margin:0}.tree-node{align-items:center;border-radius:6px;cursor:pointer;display:flex;gap:6px;padding:8px 12px;transition:all .2s ease;-webkit-user-select:none;user-select:none}.tree-node:hover{background:#f3f4f6}.tree-node.selected{background:#dbeafe;color:#1e40af;font-weight:500}.tree-toggle{align-items:center;background:none;border:none;color:#6b7280;cursor:pointer;display:flex;font-size:12px;height:16px;justify-content:center;padding:4px;width:16px}.tree-toggle:hover{color:#1f2937}.tree-spacer{display:inline-block;height:16px;width:16px}.tree-icon,.tree-label{font-size:14px}.tree-label{flex:1 1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tree-status{border-radius:12px;font-size:11px;font-weight:500;padding:2px 8px;text-transform:capitalize}.tree-status.status-active{background:#dcfce7;color:#166534}.tree-status.status-inactive{background:#f3f4f6;color:#6b7280}.tree-children{margin-left:8px}.document-list{display:flex;flex:1 1;flex-direction:column;min-height:0}.document-list .file-drop-zone{display:flex;flex:1 1;flex-direction:column;min-height:0}.document-list-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;flex-shrink:0;justify-content:space-between;padding:16px}.document-list-content{display:flex;flex:1 1;flex-direction:column;min-height:0}.document-list-content .table-wrapper{flex:1 1;min-height:0;overflow:auto;position:relative}.document-list-content .tanstack-table td:first-child,.document-list-content .tanstack-table th:first-child .th-content{justify-content:center!important;text-align:center}.document-list-header h3{color:#1f2937;font-size:16px;font-weight:600;margin:0}.document-list-header h3 i{color:#f59e0b;margin-right:8px}.document-count{background:#f3f4f6;border-radius:12px;color:#6b7280;font-size:13px;padding:4px 12px}.document-list-empty,.document-list-error,.document-list-loading{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;min-height:400px;padding:40px 20px;text-align:center}.document-list-empty i,.document-list-error i,.document-list-loading i{margin-bottom:16px}.document-list-empty h3,.document-list-error h3{color:#1f2937;font-size:18px;font-weight:600;margin:0 0 8px}.document-list-empty p,.document-list-error p,.document-list-loading p{color:#6b7280;font-size:14px;margin:0}.batch-actions-bar{align-items:center;background:#dbeafe;border-bottom:1px solid #93c5fd;display:flex;flex-shrink:0;justify-content:space-between;padding:12px 16px}.batch-actions-info{align-items:center;color:#1e40af;display:flex;font-size:14px;gap:8px}.batch-actions-info i{font-size:16px}.batch-actions-buttons{align-items:center;display:flex;gap:8px}.batch-actions-buttons .btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:13px;gap:6px;padding:6px 12px;transition:all .2s ease}.batch-actions-buttons .btn-primary{background:#2563eb;color:#fff}.batch-actions-buttons .btn-primary:hover{background:#1d4ed8}.batch-actions-buttons .btn-danger{background:#ef4444;color:#fff}.batch-actions-buttons .btn-danger:hover{background:#dc2626}.batch-actions-buttons .btn-secondary{background:#6b7280;color:#fff}.batch-actions-buttons .btn-secondary:hover{background:#4b5563}.document-list .btn-icon{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:6px;box-shadow:0 1px 2px #0000000d;cursor:pointer;display:inline-flex;flex-shrink:0;font-size:13px;height:28px;justify-content:center;max-height:28px;max-width:28px;min-height:28px;min-width:28px;padding:0;transition:all .2s ease;width:28px}.document-list .btn-icon:hover{background:#f9fafb;border-color:#d1d5db;box-shadow:0 1px 3px #0000001a}.document-list .btn-icon.btn-primary{border-color:#dbeafe;color:#3b82f6}.document-list .btn-icon.btn-primary:hover{background:#eff6ff;border-color:#93c5fd;color:#2563eb}.document-list .btn-icon.btn-danger{border-color:#fecaca;color:#dc2626}.document-list .btn-icon.btn-danger:hover{background:#fef2f2;border-color:#fca5a5;color:#b91c1c}.documents-loading{align-items:center;display:flex;flex-direction:column;gap:16px;height:400px;justify-content:center}.documents-loading i{color:#2563eb;font-size:32px}.documents-loading p{color:#6b7280;font-size:14px}.btn-primary{background:#2563eb}.btn-primary:hover{background:#1d4ed8}@media (max-width:1024px){.documents-layout{grid-template-columns:300px 1fr}.tree-collapse-toggle{left:300px}.documents-layout.tree-collapsed .tree-collapse-toggle{left:0}}@media (max-width:768px){.documents-layout{grid-template-columns:1fr;grid-template-rows:300px 1fr}.tree-collapse-toggle{display:none}.batch-actions-bar{align-items:flex-start;flex-direction:column;gap:12px}.batch-actions-buttons{width:100%}.batch-actions-buttons .btn{flex:1 1;justify-content:center}.document-list-header{align-items:flex-start;flex-direction:column;gap:12px}.document-list-header>div{justify-content:space-between;width:100%}}.card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;box-sizing:border-box;display:flex;flex-direction:column;height:100%;min-width:0;padding:20px;transition:all .3s ease;width:100%}.card:hover{box-shadow:0 4px 16px #0000001f}.card-header{margin-bottom:20px}.card-info{display:flex;flex-direction:column;gap:4px}.card-info h3{color:#2d3748;font-size:1.125rem;font-weight:600;margin:0}.card-subtitle{color:#718096;font-size:.875rem;font-weight:500}.card-content{display:flex;flex:1 1;flex-direction:column}.card-actions{border-top:1px solid #e2e8f0;gap:12px;margin-top:20px;padding-top:20px}.card-actions button{border:none;border-radius:6px;cursor:pointer;flex:1 1;font-size:.875rem;font-weight:500;padding:8px 16px;transition:all .2s ease}.card .btn-primary{background:var(--color-primary);color:#fff}.card .btn-primary:hover:not(:disabled){background:var(--color-primary-hover)}.card .btn-secondary{background:#e2e8f0;color:#4a5568}.card .btn-secondary:hover:not(:disabled){background:#cbd5e0}.card .btn-danger{background:#e53e3e;color:#fff}.card .btn-danger:hover:not(:disabled){background:#c53030}.card .btn-danger:disabled,.card .btn-primary:disabled,.card .btn-secondary:disabled{cursor:not-allowed;opacity:.6}.card.loading{position:relative}.card.loading:after{background:#ffffffb3;border-radius:12px;bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:1}@media (max-width:768px){.card{padding:16px}.card-header{margin-bottom:16px}.card-actions{margin-top:16px;padding-top:16px}.card-actions button{font-size:.8125rem;padding:6px 12px}}.storage-page{display:flex;flex-direction:column;height:100%}.storage-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));padding:0 24px 24px;width:100%}.storage-card{overflow:hidden;position:relative}.storage-card:before{background:var(--color-primary);content:"";height:3px;left:0;position:absolute;right:0;top:0;z-index:1}.storage-status-badge{align-items:center;border-radius:4px;display:flex;font-size:.75rem;font-weight:600;gap:6px;padding:4px 8px;text-transform:uppercase}.storage-status-badge.healthy{background:#c6f6d5;color:#22543d}.storage-status-badge.warning{background:#fefcbf;color:#744210}.storage-status-badge.critical{background:#fed7d7;color:#742a2a}.storage-metrics{margin-bottom:20px}.usage-section{margin-bottom:16px}.metric-row{align-items:center;display:flex;gap:8px;justify-content:space-between;margin-bottom:8px}.metric-label{color:#4a5568;flex-shrink:0;font-size:.875rem;font-weight:500}.storage-metrics .metric-value{color:#2d3748;display:block;font-size:.875rem;font-weight:600;overflow-wrap:break-word;text-align:right;word-break:break-word}.usage-bar{background:#edf2f7;border-radius:4px;height:8px;margin-bottom:12px;overflow:hidden;width:100%}.usage-fill{border-radius:4px;height:100%;transition:width .3s ease}.usage-fill.healthy{background:linear-gradient(90deg,#48bb78,#38a169)}.usage-fill.warning{background:linear-gradient(90deg,#ed8936,#dd6b20)}.usage-fill.critical{background:linear-gradient(90deg,#e53e3e,#c53030)}.storage-card.clearing{background:#f7fafc;border-color:#cbd5e0;overflow:hidden;position:relative}.storage-card.clearing:before{animation:pulse 2s ease-in-out infinite;background:linear-gradient(90deg,#4299e1,#3182ce)}.clearing-content{display:flex;flex-direction:column;min-height:300px}.clearing-header{margin-bottom:auto}.clearing-header h3{color:#2d3748;font-size:1.25rem;font-weight:600;margin:0}.clearing-progress-container{align-items:center;display:flex;flex:1 1;flex-direction:column;justify-content:center;padding:20px 0;text-align:center}.clearing-percentage{color:#2d3748;font-size:2rem;font-weight:700;margin-bottom:16px}.clearing-bar-wrapper{margin-bottom:20px;width:100%}.usage-bar.full-width{width:100%}.clearing-progress-fill{overflow:hidden;position:relative}.clearing-progress-fill:after{animation:shimmer 1.5s infinite;background:linear-gradient(90deg,#0000,#fff6,#0000);bottom:0;content:"";left:0;position:absolute;right:0;top:0}@keyframes shimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.clearing-message{color:#718096;font-size:.875rem;font-style:italic;margin:0}.warning-text{background:#fef5e7;border:1px solid #fdeaa8;border-radius:6px;color:#c27803;font-weight:500;padding:12px}.modal-actions .btn-danger{background:#e53e3e;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.875rem;font-weight:500;padding:10px 20px;transition:all .2s ease}.modal-actions .btn-danger:hover{background:#c53030}@media (max-width:768px){.storage-grid{grid-template-columns:1fr;padding:0 16px 16px}.storage-actions{flex-direction:column}}.agent-selector{width:100%}.agent-selector-label{color:var(--color-text-tertiary);display:block;font-size:.875rem;font-weight:500;margin-bottom:8px}.agent-selector-wrapper{position:relative;width:100%}.selected-agent-display{background:var(--color-white);border:1px solid var(--color-border-light);border-radius:6px;cursor:pointer;display:block;padding:8px;transition:background-color .2s ease;width:100%}.selected-agent-display:hover{background:var(--color-primary-light)}.agent-display-content{align-items:center;display:flex;gap:10px}.select-agent-placeholder{align-items:center;color:var(--color-text-tertiary);display:flex;justify-content:space-between;padding:4px 0}.agent-avatar-small{border-radius:50%;flex-shrink:0;height:32px;object-fit:cover;width:32px}.agent-display-info,.agent-item-info{flex:1 1;min-width:0}.agent-name-small{color:var(--color-text-primary);font-size:.875rem;font-weight:500}.agent-name-small,.agent-role-small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.agent-role-small,.dropdown-icon{color:var(--color-text-tertiary);font-size:.75rem}.dropdown-icon{transition:color .2s ease}.selected-agent-display:hover .dropdown-icon{color:var(--color-primary)}.agent-selector-dropdown{background:var(--color-white);border:1px solid var(--color-border-light);border-radius:8px;box-shadow:0 4px 16px #0000001a;left:0;margin-top:4px;max-height:300px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:1000}.agent-selector-dropdown.dropdown-up{bottom:100%;box-shadow:0 -4px 16px #0000001a;margin-bottom:4px;margin-top:0;top:auto}.agent-selector-item{align-items:center;cursor:pointer;display:flex;gap:10px;padding:10px;transition:background-color .2s ease}.agent-selector-item:hover{background:var(--color-primary-light)}.agent-selector-item.selected{font-weight:500}.agent-selector-item.selected,.agent-selector-item.selected:hover{background:var(--color-primary-medium)}.agent-selector-dropdown::-webkit-scrollbar{width:6px}.agent-selector-dropdown::-webkit-scrollbar-track{background:var(--color-background-secondary);border-radius:3px}.agent-selector-dropdown::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:3px}.agent-selector-dropdown::-webkit-scrollbar-thumb:hover{background:var(--color-text-tertiary)}.chat-page{background:var(--color-background-secondary);display:flex;height:calc(100vh - 48px)}.chat-page .chat-sidebar{background:var(--color-white);border-right:1px solid var(--color-border-light);display:flex;flex-direction:column;overflow:hidden;width:280px}.chat-page .sidebar-header{border-bottom:1px solid var(--color-border-light);padding:16px}.new-chat-btn{width:100%}.conversations-list{flex:1 1;overflow-y:auto;padding:8px}.conversation-item{margin-bottom:8px;position:relative}.conversation-title{color:var(--color-text-primary);font-size:.875rem;font-weight:500;margin-bottom:4px;padding-right:24px}.conversation-meta{display:flex;font-size:.75rem;justify-content:space-between}.conversation-meta,.delete-btn{color:var(--color-text-secondary)}.delete-btn{background:none;border:none;cursor:pointer;font-size:.875rem;opacity:0;position:absolute;right:12px;top:12px;transition:opacity .15s ease}.conversation-item:hover .delete-btn{opacity:.6}.delete-btn:hover{opacity:1}.empty-conversations{color:var(--color-text-secondary);padding:40px 20px;text-align:center}.empty-conversations .hint{font-size:.875rem;margin-top:8px}.sidebar-footer{border-top:1px solid var(--color-border-light);display:flex;flex-direction:column;gap:10px;padding:16px}.reset-btn{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;color:#aaa;cursor:pointer;display:flex;font-size:14px;gap:8px;justify-content:center;padding:8px 16px;transition:all .2s ease}.reset-btn:hover{background:#ffffff1a;border-color:#fff3;color:#fff}.reset-btn i{font-size:14px}.chat-page .chat-main{display:flex;flex:1 1;flex-direction:column;overflow:hidden}.chat-page .chat-header{background:var(--color-white);border-bottom:1px solid var(--color-border-light);box-shadow:0 2px 4px #0000000d;padding:16px 24px}.chat-header-content{align-items:center;display:flex;gap:16px}.header-agent-avatar{border-radius:50%;box-shadow:0 2px 8px #0000001a;flex-shrink:0;height:48px;object-fit:cover;width:48px}.chat-header-info{flex:1 1}.chat-header h3{color:var(--color-text-primary);font-size:1.25rem;font-weight:600;line-height:1.2;margin:0 0 4px}.chat-info{color:var(--color-text-secondary);display:flex;font-size:.875rem;gap:24px}.chat-page .messages-area{flex:1 1;overflow-y:auto;padding:24px;scroll-behavior:smooth}.message-wrapper{align-items:flex-start;animation:messageSlideIn .3s ease-out;display:flex;gap:8px;margin-bottom:8px}@keyframes messageSlideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.message-wrapper.user{justify-content:flex-end}.message-wrapper.assistant{justify-content:flex-start}.message-avatar{border-radius:50%;flex-shrink:0;height:32px;margin-top:2px;object-fit:cover;width:32px}.chat-page .message{display:flex;flex-direction:column;gap:2px;max-width:65%;min-width:100px;position:relative}.chat-page .message-content{word-wrap:break-word;border-radius:16px;box-shadow:0 1px 2px #0000001a;color:var(--color-text-primary);line-height:1.5;min-width:0;padding:10px 14px;position:relative}.chat-page .message.user .message-content{background:var(--color-primary);border-bottom-right-radius:4px;color:var(--color-white);margin-left:auto}.chat-page .message.assistant .message-content{background:var(--color-white);border:1px solid var(--color-border-light);border-bottom-left-radius:4px}.message-timestamp{color:var(--color-text-tertiary);font-size:.7rem;padding:0 4px;white-space:nowrap}.chat-page .message.user .message-timestamp{align-self:flex-end;padding-right:4px}.chat-page .message.assistant .message-timestamp{align-self:flex-start;padding-left:4px}.chat-page .message-content h1,.chat-page .message-content h2,.chat-page .message-content h3,.chat-page .message-content h4,.chat-page .message-content h5,.chat-page .message-content h6{font-weight:600;margin-bottom:8px;margin-top:12px}.chat-page .message.assistant .message-content h1,.chat-page .message.assistant .message-content h2,.chat-page .message.assistant .message-content h3,.chat-page .message.assistant .message-content h4,.chat-page .message.assistant .message-content h5,.chat-page .message.assistant .message-content h6{color:#1a202c}.chat-page .message.user .message-content h1,.chat-page .message.user .message-content h2,.chat-page .message.user .message-content h3,.chat-page .message.user .message-content h4,.chat-page .message.user .message-content h5,.chat-page .message.user .message-content h6{color:var(--color-white)}.chat-page .message-content h1{font-size:1.5rem}.chat-page .message-content h2{font-size:1.25rem}.chat-page .message-content h3{font-size:1.125rem}.chat-page .message-content p{margin-bottom:8px}.chat-page .message-content p:last-child{margin-bottom:0}.chat-page .message-content ol,.chat-page .message-content ul{margin-bottom:8px;padding-left:20px}.chat-page .message-content li{margin-bottom:4px}.chat-page .message.assistant .message-content code{background:#de5a231a;color:var(--color-primary)}.chat-page .message.assistant .message-content code,.chat-page .message.user .message-content code{border-radius:4px;font-family:SF Mono,Monaco,Cascadia Code,monospace;font-size:.85rem;padding:2px 6px}.chat-page .message.user .message-content code{background:#fff3;color:var(--color-white)}.chat-page .message-content pre{border-radius:8px;margin:8px 0;overflow:hidden}.chat-page .message-content pre code{background:none;color:inherit;padding:0}.chat-page .message.assistant .message-content strong{color:#1a202c;font-weight:600}.chat-page .message.user .message-content strong{color:var(--color-white);font-weight:600}.chat-page .message.assistant .message-content em{color:#4a5568;font-style:italic}.chat-page .message.user .message-content em{color:var(--color-white);font-style:italic;opacity:.9}.chat-page .message.assistant .message-content blockquote{border-left:3px solid var(--color-primary);color:#4a5568;margin:8px 0;padding-left:12px}.chat-page .message.user .message-content blockquote{border-left:3px solid #ffffff80;color:var(--color-white);margin:8px 0;opacity:.9;padding-left:12px}.chat-page .message.assistant .message-content a{color:var(--color-primary);text-decoration:underline;transition:opacity .2s ease}.chat-page .message.assistant .message-content a:hover{opacity:.8}.chat-page .message.user .message-content a{color:var(--color-white);font-weight:500;text-decoration:underline;transition:opacity .2s ease}.chat-page .message.user .message-content a:hover{opacity:.8}.chat-page .message-content.streaming{overflow:hidden;position:relative}.chat-page .message.assistant .message-content.streaming:after{animation:pulse 1s ease-in-out infinite;background:linear-gradient(to bottom,#0000,var(--color-white));bottom:0;content:"";height:20px;position:absolute;right:0;width:100%}.chat-page .message.user .message-content.streaming:after{animation:pulse 1s ease-in-out infinite;background:linear-gradient(to bottom,#0000,var(--color-primary));bottom:0;content:"";height:20px;position:absolute;right:0;width:100%}.message.typing .message-content{background:#0000;border:none;padding:0}.typing-indicator{align-items:center;background:var(--color-white);border:1px solid var(--color-border-light);border-radius:12px;border-top-left-radius:4px;display:flex;gap:4px;padding:12px 16px}.typing-indicator span{animation:typing 1.4s infinite;background:var(--color-primary);border-radius:50%;height:6px;opacity:.6;width:6px}.typing-indicator span:nth-child(2){animation-delay:.2s}.typing-indicator span:nth-child(3){animation-delay:.4s}@keyframes typing{0%,60%,to{opacity:.5;transform:translateY(0)}30%{opacity:1;transform:translateY(-10px)}}.chat-page .input-area{align-items:flex-end;background:var(--color-white);border-top:1px solid var(--color-border-light);display:flex;gap:12px;padding:16px 24px}.chat-page .input-area .btn{flex:none}.chat-page .input-area textarea{background:var(--color-background-secondary);border:1px solid var(--color-border-light);border-radius:6px;flex:1 1;font-family:inherit;font-size:.875rem;max-height:200px;min-height:48px;padding:12px 16px;resize:none;transition:border-color .15s ease}.chat-page .input-area textarea:focus{border-color:var(--color-primary);outline:none}.send-btn{flex-shrink:0;height:48px;min-width:48px;padding:12px;width:48px}.no-conversation{align-items:center;display:flex;flex:1 1;justify-content:center;padding:40px}.welcome-message{max-width:600px;text-align:center}.welcome-message h2{color:var(--color-primary);font-size:1.75rem;font-weight:700;margin:0 0 16px;white-space:nowrap}.welcome-message p{color:var(--color-text-secondary);font-size:1rem;margin:0 0 24px;white-space:nowrap}.welcome-message .btn{margin:0 auto}.agent-options{grid-gap:12px;display:grid;gap:12px;margin:20px 0;max-height:300px;overflow-y:auto}.agent-option{cursor:pointer;padding:16px;transition:all .15s ease}.agent-option:hover:not(.selected){background:var(--color-background-secondary);border-color:var(--color-border)}.agent-option.selected{background:var(--color-primary-light);border-color:var(--color-primary)}.agent-option.selected:hover{background:var(--color-primary-medium);border-color:var(--color-primary)}.agent-option-header{align-items:center;display:flex;gap:12px;margin-bottom:12px}.agent-avatar-option{border:2px solid #e2e8f0;border-radius:50%;height:50px;object-fit:cover;width:50px}.agent-option-info{flex:1 1}.agent-option h4{color:#2d3748;font-size:1.1rem;font-weight:600;margin:0}.agent-role-option{color:#718096;font-size:.875rem;margin-top:2px}.agent-option p{color:#718096;font-size:.9rem;margin:0 0 12px}.agent-details{color:#4a5568;display:flex;font-size:.875rem;gap:16px}@media (max-width:768px){.chat-page .chat-sidebar{bottom:0;left:-280px;position:fixed;top:0;transition:left .3s ease;z-index:100}.chat-page .chat-sidebar.open{left:0}.chat-page .chat-main{margin-left:0}.chat-page .messages-area{padding:16px}.chat-page .message{max-width:85%}.chat-page .message-content{font-size:.875rem;padding:8px 12px}.header-agent-avatar{height:40px;width:40px}.chat-page .chat-header{padding:12px 16px}}.input-actions{display:flex;gap:.5rem}.stream-btn{background-color:var(--color-secondary)!important;flex-shrink:0;height:48px;min-width:48px;padding:12px;width:48px}.stream-btn:hover:not(:disabled){background-color:var(--color-secondary-dark)!important}.connection-status{align-items:center;display:inline-flex;font-size:.85rem;gap:.5rem;margin-left:1rem}.connection-status i{font-size:.6rem}.text-success{color:#28a745}.text-warning{color:#ffc107}.text-danger{color:#dc3545}.streaming-cursor{animation:blink 1s infinite;color:var(--color-primary);font-weight:700}.avatar-upload-container{display:flex;flex-direction:column;gap:12px}.avatar-upload{background-color:#f7fafc;border:2px dashed #cbd5e0;border-radius:50%;cursor:pointer;height:120px;overflow:hidden;position:relative;transition:all .2s ease;width:120px}.avatar-upload:hover{background-color:#edf2f7;border-color:#667eea}.avatar-upload--drag-active{background-color:#e6effb;border-color:#667eea;border-style:solid}.avatar-upload--uploading{cursor:wait;opacity:.7}.avatar-upload__preview{height:100%;position:relative;width:100%}.avatar-upload__preview img{height:100%;object-fit:cover;width:100%}.avatar-upload__loading-overlay{background-color:#00000080;color:#fff;font-size:24px;left:0;position:absolute;top:0;width:100%}.avatar-upload__loading-overlay,.avatar-upload__placeholder{align-items:center;display:flex;height:100%;justify-content:center}.avatar-upload__placeholder{color:#718096;flex-direction:column;padding:16px;text-align:center}.avatar-upload__placeholder i{font-size:32px;margin-bottom:8px}.avatar-upload__placeholder span{font-size:11px;line-height:1.3}.avatar-upload__drag-overlay{align-items:center;background-color:#667eeae6;color:#fff;display:flex;flex-direction:column;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%;z-index:10}.avatar-upload__drag-overlay i{font-size:32px;margin-bottom:8px}.avatar-upload__drag-overlay p{font-size:12px;font-weight:500;margin:0}.avatar-upload__input{display:none}.avatar-upload__actions{display:flex;flex-wrap:wrap;gap:8px}.avatar-upload__actions .btn{align-items:center;display:flex;gap:6px}.avatar-upload__error{align-items:center;background-color:#fff5f5;border:1px solid #fc8181;border-radius:4px;color:#c53030;display:flex;font-size:13px;gap:8px;padding:8px 12px}.avatar-upload__error i{flex-shrink:0}.avatar-upload__help{color:#718096;font-size:12px}.avatar-upload__help small{display:block;line-height:1.4}.avatar-upload:focus-visible{outline:2px solid #667eea;outline-offset:2px}.agent-form-modal.modal-overlay{z-index:9999!important}.agent-form-modal .modal-content{background:#fff!important;border-radius:8px!important;position:relative!important;z-index:10000!important}.agent-form-modal .modal-header{border-bottom:1px solid #e5e7eb!important;padding:24px 32px!important}.agent-form-modal .modal-header h3{color:#1f2937!important;font-size:1.25rem!important;font-weight:600!important;margin:0!important}.agent-form-modal .modal-body{flex:1 1!important;overflow-y:auto!important;padding:32px!important}.agent-form-modal .modal-footer{border-top:1px solid #e5e7eb!important;display:flex!important;gap:12px!important;justify-content:flex-end!important;padding:24px 32px!important}.agent-form-tabs-container{display:flex;flex-direction:column;height:100%;overflow:hidden}.agent-form{display:flex;flex:1 1;flex-direction:column;gap:24px;max-height:calc(90vh - 200px)}.agent-form-section{display:flex;flex-direction:column;gap:16px}.agent-form-section h4{color:#1f2937;font-size:1rem;font-weight:600;margin:0}.agent-form-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.agent-form-error,.agent-form-info{align-items:center;border-radius:8px;display:flex;font-size:.9rem;gap:12px;padding:12px 16px}.agent-form-error{background:#e53e3e1f;border:1px solid #e53e3e59;color:#b91c1c}.agent-form-error i{color:#b91c1c}.agent-form-info{background:#4299e11f;border:1px solid #4299e159;color:#1d4ed8}.agent-form-info i{color:#1d4ed8}.agent-form-checkbox{align-items:center;background:#f9fafb;border:1px solid #0000001a;border:1px solid var(--color-border-light,#0000001a);border-radius:8px;color:#1f2937;display:flex;font-size:.9rem;gap:10px;padding:12px 16px}.agent-form-checkbox input[type=checkbox]{cursor:pointer;height:18px;width:18px}.agent-form-checkbox span{-webkit-user-select:none;user-select:none}.agent-form-avatar-section{display:flex;flex-direction:column;gap:8px;margin-top:8px}.agent-form-avatar-section .form-label{color:#374151;font-size:.9rem;font-weight:500;margin:0}@media (max-width:640px){.agent-form-section h4{font-size:.95rem}.agent-form-grid{grid-template-columns:1fr}.agent-form{max-height:calc(100vh - 180px)}}.agents-page{display:flex;flex-direction:column;height:calc(100vh - 48px);overflow:hidden}.agents-page.fullscreen{flex:1 1;height:100%;overflow:hidden;padding:0;position:relative;width:100%;z-index:1}.agents-header{align-items:center;border-bottom:2px solid #e2e8f0;display:flex;justify-content:space-between;margin-bottom:32px;padding-bottom:16px}.agents-header h2{-webkit-text-fill-color:#0000;background:var(--color-primary-title);-webkit-background-clip:text;background-clip:text;color:#1a202c;font-size:2rem;font-weight:700;margin:0 0 8px}.agents-header p{color:#718096;font-size:1.1rem;margin:0}.create-agent-btn{align-items:center;background:var(--color-primary);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:8px;padding:12px 20px;transition:all .2s ease}.create-agent-btn i{font-size:14px}.create-agent-btn:hover{box-shadow:0 2px 8px #de5a2333}.create-agent-btn .icon{font-size:1.2rem}.agents-content{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1fr 380px}.agents-grid{grid-gap:20px;display:grid;flex:1 1;gap:20px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));overflow-y:auto;padding:24px}.agent-card{background:#fff;border:2px solid #e2e8f0;border-radius:12px;box-shadow:0 2px 8px #0000000f;cursor:pointer;overflow:hidden;padding:20px;position:relative;transition:all .3s ease}.agent-card:before{background:var(--color-primary);content:"";height:3px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.agent-card:hover{border-color:#cbd5e0;box-shadow:0 8px 24px #0000001f}.agent-card.selected{border-color:var(--color-primary)}.agent-card.selected:before{opacity:1}.agent-card-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:12px}.agent-status{align-items:center;display:flex;gap:8px}.agent-status h3{color:#2d3748;font-size:1.25rem;font-weight:600;margin:0}.agent-actions{display:flex;gap:4px}.icon-btn{background:none;border:none;border-radius:4px;cursor:pointer;font-size:1rem;padding:4px;transition:all .2s ease}.icon-btn:hover{background:#f1f5f9}.agent-description{color:#718096;font-size:.9rem;line-height:1.5;margin-bottom:16px}.agent-meta{border-bottom:1px solid #e2e8f0;display:flex;flex-direction:column;gap:8px;margin-bottom:16px;padding-bottom:16px}.meta-item{display:flex;font-size:.875rem;justify-content:space-between}.meta-item .label{color:#718096;font-weight:500}.meta-item .value{color:#2d3748;font-weight:600}.agent-details{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 2px 8px #0000000f;height:fit-content;padding:24px;position:sticky;top:24px}.agent-details h3{color:#2d3748;font-size:1.5rem;font-weight:700;margin:0 0 20px}.detail-section{margin-bottom:24px}.detail-section h4{color:#4a5568;font-size:1rem;font-weight:600;margin:0 0 12px}.system-prompt{border-radius:8px;color:#4a5568;font-family:SF Mono,Monaco,Cascadia Code,monospace;font-size:.9rem;line-height:1.6;padding:16px}.connected-sources{display:flex;flex-direction:column;gap:12px}.source-item{align-items:center;border-radius:8px;display:flex;gap:12px;padding:12px}.source-icon{font-size:1.5rem}.source-name{color:#2d3748;font-weight:600;margin-bottom:2px}.source-info{color:#718096;font-size:.875rem}.metrics-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(3,1fr)}.metric-card{border-radius:8px;padding:16px;text-align:center}.metric-card .metric-value{color:var(--color-primary);font-size:1.5rem;font-weight:700;margin-bottom:4px}.agents-page .metric-label{color:#718096;font-size:.75rem;text-transform:uppercase}.agent-form{max-height:70vh;overflow-y:auto;padding-right:8px}.form-section{margin-bottom:24px}.form-section h4{color:#2d3748;font-size:1.1rem;font-weight:600;margin:0 0 16px}.section-description{color:#718096;font-size:.875rem;margin:-8px 0 16px}.form-group{margin-bottom:16px}.form-group input[type=number],.form-group input[type=text],.form-group select,.form-group textarea{border:1px solid #e2e8f0;border-radius:6px;font-size:1rem;padding:10px 12px;transition:border-color .2s ease;width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--color-primary);outline:none}.form-group textarea{font-family:inherit;resize:vertical}.form-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(3,1fr)}.form-group input[type=range]{margin:8px 0;width:100%}.range-labels{color:#718096;display:flex;font-size:.75rem;justify-content:space-between}.knowledge-bases-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,1fr);max-height:300px;overflow-y:auto;padding:4px}.knowledge-base-item{align-items:center;border:2px solid #e2e8f0;border-radius:8px;cursor:pointer;display:flex;gap:12px;padding:12px;transition:all .2s ease}.knowledge-base-item:hover{border-color:#cbd5e0}.knowledge-base-item.selected{background:#f0f4ff;border-color:var(--color-primary)}.kb-icon{font-size:1.5rem}.kb-info{flex:1 1}.kb-name{color:#2d3748;font-weight:600;margin-bottom:2px}.kb-meta{color:#718096;display:flex;font-size:.75rem;gap:8px}.kb-checkbox input{pointer-events:none}.form-actions{border-top:1px solid #e2e8f0;margin-top:24px;padding-top:16px}.modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-actions{margin-top:24px}.modal-actions button{flex:1 1}.header-actions{align-items:center;gap:16px}.view-toggle{background:#e2e8f0;border-radius:8px;display:flex;padding:4px}.toggle-btn{align-items:center;background:#0000;border:none;border-radius:6px;color:#4a5568;cursor:pointer;display:flex;font-weight:500;gap:8px;padding:8px 16px;transition:all .2s ease}.toggle-btn i,.toggle-btn svg{font-size:14px}.toggle-btn.active{background:#fff;box-shadow:0 2px 4px #0000001a;color:var(--color-primary)}.network-view{display:flex;flex:1 1;gap:24px;overflow:hidden}.fullscreen .network-view{flex:1 1;gap:0;height:100%;position:relative}.graph-container{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000f;flex:1 1;overflow:hidden;position:relative}.fullscreen .graph-container{border-radius:0;bottom:0;box-shadow:none;height:100%;left:0;position:absolute;right:0;top:0;width:100%}.graph-empty-state,.graph-error-state,.graph-loading-state{align-items:center;background:#f8fafceb;color:#1a202c;display:flex;flex-direction:column;gap:16px;inset:0;justify-content:center;padding:24px;position:absolute;text-align:center;z-index:10}.graph-empty-state i{color:var(--color-primary);font-size:32px}.graph-loading-state i{animation:spin 1s linear infinite;color:#667eea;font-size:48px}.graph-error-state i{color:#f56565;font-size:48px}.graph-empty-state p,.graph-error-state p,.graph-loading-state p{color:#718096;font-size:1rem;margin:0;max-width:320px}.node-details-panel{word-wrap:break-word;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000f;max-height:100%;overflow-x:hidden;overflow-y:auto;padding:24px;width:350px}.fullscreen .node-details-panel{bottom:20px;box-shadow:0 4px 16px #0000001a;display:flex;flex-direction:column;left:20px;overflow:hidden;position:fixed;top:100px;width:350px;z-index:100}.node-details-panel{position:relative}.node-details-panel .close-btn{align-items:center;background:#f1f5f9;border:none;border-radius:6px;color:#4a5568;cursor:pointer;display:flex;font-size:24px;height:32px;justify-content:center;line-height:1;position:absolute;right:16px;top:16px;transition:all .2s ease;width:32px;z-index:10}.node-details-panel .close-btn:hover{background:#e2e8f0;color:#2d3748;transform:scale(1.05)}.node-details-panel h3{word-wrap:break-word;align-items:center;color:#2d3748;display:flex;flex-shrink:0;font-size:1.25rem;font-weight:700;gap:8px;margin:0;overflow-wrap:break-word;padding-bottom:16px;padding-right:40px}.agent-avatar,.agent-avatar-fixed{display:flex;justify-content:center;margin-bottom:20px}.agent-avatar-fixed{flex-shrink:0}.agent-details-content,.kb-details-content,.team-details-content{word-wrap:break-word;display:flex;flex:1 1;flex-direction:column;gap:16px;margin-right:-8px;overflow-wrap:break-word;overflow-x:hidden;overflow-y:auto;padding-right:8px}.agent-details-content::-webkit-scrollbar,.kb-details-content::-webkit-scrollbar,.team-details-content::-webkit-scrollbar{width:6px}.agent-details-content::-webkit-scrollbar-track,.kb-details-content::-webkit-scrollbar-track,.team-details-content::-webkit-scrollbar-track{background:#f1f5f9;border-radius:3px}.agent-details-content::-webkit-scrollbar-thumb,.kb-details-content::-webkit-scrollbar-thumb,.team-details-content::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:3px}.agent-details-content::-webkit-scrollbar-thumb:hover,.kb-details-content::-webkit-scrollbar-thumb:hover,.team-details-content::-webkit-scrollbar-thumb:hover{background:#a0aec0}.detail-item{gap:4px;max-width:100%}.detail-item label{color:#718096;font-size:.75rem;font-weight:500}.detail-item>span:not(.status-badge){color:#2d3748;font-size:.875rem;overflow-wrap:break-word;word-break:break-word}.skills-section{margin-top:8px}.skills-section label{color:#718096;display:block;font-size:.75rem;font-weight:500;margin-bottom:8px}.skills-tags{display:flex;flex-wrap:wrap;gap:6px;max-width:100%}.skill-tag{background:#f0f4ff;border-radius:12px;color:var(--color-primary);font-size:.75rem;font-weight:500;padding:4px 10px;word-break:break-word}.system-prompt-section{margin-top:8px}.system-prompt-section label{color:#718096;display:block;font-size:.75rem;font-weight:500;margin-bottom:8px}.system-prompt-preview{word-wrap:break-word;border-radius:8px;color:#4a5568;font-family:SF Mono,Monaco,monospace;font-size:.75rem;line-height:1.5;max-width:100%;overflow-wrap:break-word;overflow-x:hidden;padding:12px;white-space:pre-wrap;word-break:break-word}.actions{display:flex;gap:12px;margin-top:16px}.actions-fixed{border-top:1px solid #e2e8f0;display:flex;flex-shrink:0;gap:12px;padding-top:16px}.actions .btn-danger,.actions .btn-primary,.actions-fixed .btn-danger,.actions-fixed .btn-primary{flex:1 1}.actions .btn-danger,.actions-fixed .btn-danger{background:#e53e3e;color:#fff}.actions .btn-danger:hover,.actions-fixed .btn-danger:hover{background:#c53030}.kb-details-content ul,.team-details-content ul{list-style:none;margin:0;max-width:100%;padding:0}.kb-details-content li,.team-details-content li{word-wrap:break-word;align-items:center;border-bottom:1px solid #e2e8f0;display:flex;gap:8px;max-width:100%;overflow-wrap:break-word;padding:8px 0}.kb-details-content li:last-child,.team-details-content li:last-child{border-bottom:none}.grid-view{display:flex;flex:1 1;flex-direction:column;overflow:hidden}.grid-subbar{align-items:center;background:#fff;border-bottom:2px solid #e2e8f0;box-shadow:0 2px 4px #0000000d;display:flex;flex-shrink:0;justify-content:space-between;padding:16px 24px}.subbar-left{align-items:baseline;display:flex;gap:16px}.subbar-left h2{color:#1a202c;font-size:1.75rem;font-weight:700;margin:0}.agent-count{color:#718096;font-size:1rem;font-weight:500}.subbar-actions{align-items:center;display:flex;gap:16px}.agent-card-network{background:#fff;border:2px solid #e2e8f0;border-radius:12px;box-shadow:0 2px 8px #0000000f;padding:20px;transition:all .3s ease}.agent-card-network:hover{border-color:#cbd5e0;box-shadow:0 8px 24px #0000001f}.agent-card-network .agent-card-header{align-items:flex-start;display:flex;gap:16px;margin-bottom:16px}.agent-info{flex:1 1}.agent-info h3{color:#2d3748;font-size:1.25rem;font-weight:600;margin:0 0 4px}.agent-role{color:#4a5568;font-size:.9rem;font-weight:500;margin:0 0 2px}.agent-team{color:#718096;font-size:.875rem;margin:0}.agent-card-network .agent-actions{display:flex;gap:12px;margin-top:16px}.agent-card-network .btn-primary,.agent-card-network .btn-secondary{flex:1 1}@media (max-width:1200px){.agents-content{grid-template-columns:1fr}.agent-details{margin-top:24px;position:static}}@media (max-width:768px){.agents-page{padding:16px}.agents-header{align-items:flex-start;flex-direction:column;gap:16px}.agents-grid,.form-row,.knowledge-bases-grid,.metrics-grid{grid-template-columns:1fr}}.team-form{gap:24px}.team-form,.team-form-section{display:flex;flex-direction:column}.team-form-section{gap:16px}.team-form-section h4{border-bottom:2px solid #e2e8f0;color:#2d3748;font-size:1.1rem;font-weight:600;margin:0;padding-bottom:8px}.team-form-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(2,1fr)}.team-form-checkbox{align-items:center;cursor:pointer;display:flex;gap:8px;-webkit-user-select:none;user-select:none}.team-form-checkbox input[type=checkbox]{cursor:pointer;height:18px;width:18px}.team-form-checkbox span{color:#4a5568;font-size:.95rem}.team-form-error{align-items:center;background-color:#fff5f5;border:1px solid #fc8181;border-radius:8px;color:#c53030;display:flex;font-size:.95rem;gap:12px;padding:12px 16px}.team-form-error i{font-size:1.2rem}.team-form-info{align-items:center;background-color:#ebf8ff;border:1px solid #90cdf4;border-radius:8px;color:#2c5282;display:flex;font-size:.95rem;gap:12px;padding:12px 16px}.team-form-info i{font-size:1.2rem}@media (max-width:768px){.team-form-grid{grid-template-columns:1fr}}.team-card{background:#fff;border:2px solid #e2e8f0;border-radius:12px;box-shadow:0 2px 8px #0000000f;display:flex;flex-direction:column;gap:16px;padding:20px;transition:all .3s ease}.team-card:hover{border-color:var(--color-primary);box-shadow:0 4px 12px #de5a2326;transform:translateY(-2px)}.team-card-header{align-items:flex-start;display:flex;gap:12px}.team-icon{align-items:center;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:1.3rem;height:50px;justify-content:center;width:50px}.team-info{flex:1 1;min-width:0}.team-info h3{color:#2d3748;font-size:1.1rem;font-weight:600;margin:0 0 4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.team-slug{color:#718096;font-family:Courier New,monospace;font-size:.85rem;margin:0}.team-type{color:#4a5568;font-size:.85rem;font-weight:500;margin:4px 0 0}.team-description{background-color:#f7fafc;border-left:3px solid var(--color-primary);border-radius:8px;padding:12px}.team-description p{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#4a5568;display:-webkit-box;font-size:.9rem;line-height:1.5;margin:0;overflow:hidden;text-overflow:ellipsis}.team-actions{border-top:1px solid #e2e8f0;display:flex;gap:8px;padding-top:8px}.team-actions button{border:none;border-radius:6px;cursor:pointer;flex:1 1;font-size:.9rem;font-weight:500;padding:8px 12px;transition:all .2s ease}.team-actions .btn-secondary{background-color:#edf2f7;color:#4a5568}.team-actions .btn-secondary:hover{background-color:#e2e8f0}.team-actions .btn-danger{background-color:#fff5f5;color:#c53030}.team-actions .btn-danger:hover{background-color:#fed7d7}.team-actions .btn-primary{background-color:var(--color-primary);color:#fff}.team-actions .btn-primary:hover{opacity:.9}@media (max-width:768px){.team-actions{flex-direction:column}.team-actions button{width:100%}}.teams-page{display:flex;flex-direction:column;height:calc(100vh - 48px);overflow:hidden}.teams-page .create-team-btn{align-items:center;background:var(--color-primary);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:8px;padding:12px 20px;transition:all .2s ease}.teams-page .create-team-btn i{font-size:14px}.teams-page .create-team-btn:hover{box-shadow:0 2px 8px #de5a2333}.teams-page .grid-subbar{align-items:center;background:#fff;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:16px 24px}.teams-page .subbar-left{align-items:center;display:flex;gap:16px}.teams-page .subbar-left h2{color:#2d3748;font-size:1.5rem;font-weight:600;margin:0}.teams-page .team-count{color:#718096;font-size:.9rem}.teams-page .subbar-actions{align-items:center;display:flex;gap:12px}.teams-page .view-toggle{display:flex;gap:8px}.teams-page .toggle-btn{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:6px;cursor:pointer;display:flex;font-size:.9rem;gap:6px;padding:8px 16px;transition:all .2s ease}.teams-page .toggle-btn:hover{background:#f7fafc}.teams-page .toggle-btn.active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.teams-page .teams-grid{grid-gap:20px;display:grid;flex:1 1;gap:20px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));overflow-y:auto;padding:24px}.teams-page .table-view{display:flex;flex:1 1;flex-direction:column;overflow:hidden}.teams-page .teams-table-container{flex:1 1;overflow:auto;padding:24px}@media (max-width:768px){.teams-page .teams-grid{grid-template-columns:1fr}.teams-page .subbar-left{flex-wrap:wrap}.teams-page .view-toggle{flex-direction:column;width:100%}.teams-page .toggle-btn{justify-content:center;width:100%}}.marketplaces-grid,.plugins-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.marketplaces-grid[style*="opacity: 0.6"],.plugins-grid[style*="opacity: 0.6"]{pointer-events:none}.marketplace-card,.plugin-card{display:flex;flex-direction:column;height:100%}.card-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:1rem}.card-header h3{color:var(--color-text);font-size:1.25rem;font-weight:600;margin:0}.card-actions{display:flex;gap:.5rem}.claude-plugins-page .btn-icon{background:#0000;border:none;border-radius:.375rem;cursor:pointer;padding:.5rem;transition:background-color .2s}.claude-plugins-page .btn-icon:hover{background-color:var(--color-bg-hover)}.claude-plugins-page .btn-icon svg{color:var(--color-text-secondary);height:1.25rem;width:1.25rem}.claude-plugins-page .btn-icon.animate-spin svg{animation:spin 1s linear infinite}.card-body{flex:1 1}.description{color:var(--color-text-secondary);line-height:1.5;margin-bottom:1rem}.metadata{display:flex;flex-direction:column;gap:.5rem}.metadata-item{align-items:center;display:flex;font-size:.875rem}.metadata-item .label{color:var(--color-text-secondary);font-weight:500;min-width:100px}.metadata-item .value{color:var(--color-text)}.metadata-item .value.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.badge{background-color:var(--color-primary-light);border-radius:9999px;color:var(--color-primary);display:inline-block;font-size:.75rem;font-weight:500;padding:.25rem .75rem}.badge-category{background-color:var(--color-primary-medium)}.plugin-stats{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(2,1fr);margin:1rem 0}.stat-item{display:flex;flex-direction:column;gap:.25rem}.stat-label{color:var(--color-text-secondary);font-size:.75rem;letter-spacing:.05em;text-transform:uppercase}.stat-value{color:var(--color-primary);font-size:1.5rem;font-weight:600}.tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem}.tag{background-color:var(--color-bg-secondary);border-radius:.25rem;color:var(--color-text-secondary);font-size:.75rem;padding:.25rem .625rem}.tags-compact{display:flex;flex-wrap:wrap;gap:.25rem}.tag-small{background-color:var(--color-bg-secondary);border-radius:.25rem;color:var(--color-text-secondary);font-size:.6875rem;padding:.125rem .5rem}.card-footer{border-top:1px solid var(--color-border);margin-top:1.5rem;padding-top:1rem}.empty-state{color:var(--color-text-secondary);padding:4rem 2rem;text-align:center}.empty-icon{color:var(--color-text-tertiary);height:4rem;margin:0 auto 1rem;width:4rem}.empty-state h3{color:var(--color-text);font-size:1.125rem;font-weight:600;margin:0 0 .5rem}.empty-state p{color:var(--color-text-secondary);margin:0 0 1.5rem}.error-banner{background-color:#fee2e2;border:1px solid #ef4444;border-radius:.5rem;margin-bottom:1.5rem;padding:1rem}.error-banner p{color:#991b1b;margin:0}.loading-state{padding:4rem 2rem}.marketplaces-results-info,.plugins-results-info,.results-info,.tools-results-info{color:var(--color-text-secondary);font-size:.875rem;font-weight:500;padding-left:20px}.category-filters{display:flex;flex-wrap:wrap;gap:.5rem}.filter-btn{background:#0000;border:1px solid var(--color-border);border-radius:.375rem;font-size:.875rem;padding:.5rem 1rem}.filter-btn:hover{background-color:var(--color-bg-hover)}.filter-btn.active{background-color:var(--color-primary)}.table-container{border:1px solid var(--color-border);border-radius:.5rem;margin-top:1rem;margin-top:var(--admin-spacing-sm,1rem);overflow-x:auto}.table-container[style*="opacity: 0.6"]{pointer-events:none}.data-table{font-size:.875rem}.data-table thead{background-color:var(--color-bg-secondary);border-bottom:1px solid var(--color-border)}.data-table th{color:var(--color-text-secondary);font-size:.75rem;padding:.75rem 1rem}.data-table td{border-bottom:1px solid var(--color-border);padding:1rem}.data-table tbody tr:last-child td{border-bottom:none}.data-table tbody tr:hover{background-color:var(--color-bg-hover)}.empty-cell{color:var(--color-text-secondary);padding:3rem 1rem;text-align:center}.action-buttons{gap:.5rem}.btn-icon-sm svg{height:1rem;width:1rem}.inactive-badge{background-color:#fee2e2;border-radius:.25rem;color:#991b1b;display:inline-block;font-size:.6875rem;margin-right:.5rem;padding:.125rem .5rem}.modal-form{display:flex;flex-direction:column;gap:1.25rem}.error-message{background-color:#fee2e2;border:1px solid #ef4444;border-radius:.375rem;color:#991b1b;font-size:.875rem;padding:.75rem 1rem}.modal-actions{border-top:1px solid var(--color-border);gap:.75rem;margin-top:1rem;padding-top:1rem}.claude-plugins-page .btn{align-items:center;border:none;border-radius:.375rem;cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:500;gap:.5rem;padding:.625rem 1.25rem;transition:all .2s}.claude-plugins-page .btn:disabled{cursor:not-allowed;opacity:.6}.claude-plugins-page .btn-primary{background-color:var(--color-primary);color:#fff}.claude-plugins-page .btn-primary:hover:not(:disabled){background-color:var(--color-primary-hover)}.claude-plugins-page .btn-secondary{background-color:initial;border:1px solid var(--color-primary);color:var(--color-primary)}.claude-plugins-page .btn-secondary:hover:not(:disabled){background-color:var(--color-primary-light)}@media (max-width:768px){.marketplaces-grid,.plugin-stats,.plugins-grid{grid-template-columns:1fr}.search-input-group{align-items:stretch}.category-filters,.search-input-group{flex-direction:column}.table-container{overflow-x:scroll}}.domain-graph-page{background-color:#fff;display:flex;flex-direction:column;height:100vh;position:relative}.domain-graph-page .graph-container{background-color:#fff;display:flex;flex:1 1;flex-direction:column;min-height:0;overflow:visible;position:relative;width:100%}.domain-graph-page .graph-container>div:not(.floating-toolbar){flex:1 1;height:100%;overflow:hidden;width:100%}.domain-graph-page .graph-container canvas{display:block;max-height:100%;max-width:100%}.domain-graph-page .graph-loading-state{left:50%;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%);z-index:10}.domain-graph-page .graph-loading-state i{color:#5a4a99;font-size:3rem;margin-bottom:1rem}.domain-graph-page .graph-loading-state p{color:#4a5568;font-size:1.125rem}.domain-graph-page .graph-empty-state{left:50%;max-width:400px;padding:2rem;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%)}.domain-graph-page .graph-empty-state i{color:#cbd5e0;font-size:4rem;margin-bottom:1rem}.domain-graph-page .graph-empty-state p{color:#718096;font-size:1.125rem;margin-bottom:1.5rem}.domain-graph-page .node-details-panel{animation:slideInRight .3s ease-out;background:#fff;border-radius:12px;box-shadow:0 10px 25px #00000026;max-height:80vh;overflow-y:auto;padding:1.5rem;position:fixed;right:2rem;top:50%;transform:translateY(-50%);width:360px;z-index:1000}@keyframes domainGraphSlideInRight{0%{opacity:0;transform:translateY(-50%) translateX(20px)}to{opacity:1;transform:translateY(-50%) translateX(0)}}.domain-graph-page .node-details-panel .close-btn{align-items:center;background:none;border:none;border-radius:50%;color:#a0aec0;cursor:pointer;display:flex;font-size:1.5rem;height:30px;justify-content:center;padding:0;position:absolute;right:1rem;top:1rem;transition:all .2s;width:30px}.domain-graph-page .node-details-panel .close-btn:hover{background-color:#f7fafc;color:#2d3748}.domain-graph-page .node-details-panel h3{align-items:center;color:#2d3748;display:flex;font-size:1.25rem;gap:.5rem;margin:0 0 1.5rem;padding-right:2rem}.domain-graph-page .node-details-panel h3 i{color:#5a4a99}.domain-graph-page .domain-details-content{display:flex;flex-direction:column;gap:1rem}.domain-graph-page .detail-item{display:flex;flex-direction:column;gap:.25rem}.domain-graph-page .detail-item label{color:#718096;font-size:.75rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.domain-graph-page .detail-item span{color:#2d3748;font-size:.9375rem}.domain-graph-page .detail-item .status-badge{align-items:center;border-radius:9999px;display:inline-flex;font-size:.75rem;font-weight:600;letter-spacing:.05em;padding:.25rem .75rem;text-transform:uppercase}.domain-graph-page .detail-item .status-badge.active{background-color:#c6f6d5;color:#22543d}.domain-graph-page .detail-item .status-badge.inactive,.domain-graph-page .error-message{background-color:#fed7d7;color:#742a2a}.domain-graph-page .error-message{align-items:center;animation:domainGraphSlideInBottom .3s ease-out;border-radius:8px;bottom:2rem;box-shadow:0 4px 6px #0000001a;display:flex;gap:.75rem;left:50%;padding:1rem 1.5rem;position:fixed;transform:translateX(-50%);z-index:1000}@keyframes domainGraphSlideInBottom{0%{opacity:0;transform:translateX(-50%) translateY(20px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}.domain-graph-page .error-message i{font-size:1.25rem}.domain-graph-page .force-controls-sidebar{animation:domainGraphSlideInRight .3s ease-out;background:#fff;box-shadow:-4px 0 12px #0000001a;display:flex;flex-direction:column;height:100vh;position:fixed;right:0;top:0;width:360px;z-index:1001}@keyframes domainGraphSlideInRightSidebar{0%{transform:translateX(100%)}to{transform:translateX(0)}}.domain-graph-page .force-controls-sidebar .sidebar-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;flex-shrink:0;justify-content:space-between;padding:1.25rem 1.5rem}.domain-graph-page .force-controls-sidebar .sidebar-header h3{align-items:center;display:flex;font-size:1.125rem;font-weight:600;gap:.625rem;margin:0}.domain-graph-page .force-controls-sidebar .close-sidebar-btn{align-items:center;background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1.125rem;height:32px;justify-content:center;transition:background .2s;width:32px}.domain-graph-page .force-controls-sidebar .close-sidebar-btn:hover{background:#ffffff4d}.domain-graph-page .force-controls-sidebar .sidebar-content{flex:1 1;overflow-y:auto;padding:1.5rem}.domain-graph-page .force-controls-sidebar .reset-forces-btn{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:.9375rem;font-weight:500;gap:.5rem;justify-content:center;margin-bottom:1.5rem;padding:.75rem 1rem;transition:transform .2s,box-shadow .2s;width:100%}.domain-graph-page .force-controls-sidebar .reset-forces-btn:hover{box-shadow:0 4px 12px #667eea66;transform:translateY(-2px)}.domain-graph-page .force-controls-sidebar .reset-forces-btn:active{transform:translateY(0)}.domain-graph-page .force-controls-sidebar .control-group{margin-bottom:1.75rem}.domain-graph-page .force-controls-sidebar .control-group:last-child{margin-bottom:0}.domain-graph-page .force-controls-sidebar .control-group label{align-items:center;color:#2d3748;display:flex;font-size:.875rem;font-weight:500;justify-content:space-between;margin-bottom:.625rem}.domain-graph-page .force-controls-sidebar .control-group label .value{background:#f7fafc;border-radius:4px;color:#667eea;font-family:Courier New,monospace;font-weight:600;padding:.25rem .625rem}.domain-graph-page .force-controls-sidebar .control-group small{color:#718096;display:block;font-size:.75rem;font-style:italic;margin-top:.375rem}.domain-graph-page .force-controls-sidebar .control-group input[type=range]{appearance:none;background:#e2e8f0;border-radius:3px;height:6px;outline:none;width:100%}.domain-graph-page .force-controls-sidebar .control-group input[type=range]::-webkit-slider-thumb{appearance:none;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;box-shadow:0 2px 4px #667eea4d;cursor:pointer;height:18px;-webkit-transition:transform .2s;transition:transform .2s;width:18px}.domain-graph-page .force-controls-sidebar .control-group input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.2)}.domain-graph-page .force-controls-sidebar .control-group input[type=range]::-webkit-slider-thumb:active{transform:scale(1.1)}.domain-graph-page .force-controls-sidebar .control-group input[type=range]::-moz-range-thumb{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:50%;box-shadow:0 2px 4px #667eea4d;cursor:pointer;height:18px;-moz-transition:transform .2s;transition:transform .2s;width:18px}.domain-graph-page .force-controls-sidebar .control-group input[type=range]::-moz-range-thumb:hover{transform:scale(1.2)}.domain-graph-page .force-controls-sidebar .control-group input[type=range]::-moz-range-thumb:active{transform:scale(1.1)}@media (max-width:768px){.domain-graph-page .node-details-panel{border-radius:12px 12px 0 0;bottom:0;left:0;max-height:60vh;position:fixed;right:0;top:auto;transform:none;width:100%}.domain-graph-page .force-controls-sidebar{height:100vh;width:100%}}.framework-cards{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(3,1fr);padding:4px}.framework-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px #0000001a;display:flex;flex-direction:column;overflow:hidden;transition:all .2s ease}.framework-card:hover{border-color:#d1d5db;box-shadow:0 8px 16px #0000001f;transform:translateY(-4px)}.framework-card__header{align-items:center;background:linear-gradient(135deg,#f9fafb,#fff);border-bottom:1px solid #f3f4f6;display:flex;justify-content:space-between;min-height:120px;padding:24px}.framework-card__logo{align-items:center;display:flex;flex:1 1;justify-content:center;padding:8px}.framework-card__logo img{max-height:80px;max-width:100%;object-fit:contain}.framework-card__logo-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#047857,#065f46);-webkit-background-clip:text;background-clip:text;color:#111827;font-size:1.5rem;font-weight:700;line-height:1.3;padding:12px;text-align:center}.framework-card__status{align-items:center;border-radius:9999px;display:inline-flex;font-size:.75rem;font-weight:600;gap:6px;letter-spacing:.05em;padding:6px 12px;position:absolute;right:16px;text-transform:uppercase;top:16px}.framework-card__status i{font-size:.7rem}.framework-card__body{display:flex;flex:1 1;flex-direction:column;gap:12px;padding:20px 24px}.framework-card__title{color:#111827;font-size:1.25rem;font-weight:600;line-height:1.3;margin:0}.framework-card__code{background:#f3f4f6;border-radius:4px;color:#6b7280;display:inline-block;font-family:Courier New,monospace;font-size:.8rem;font-weight:500;margin:0;padding:4px 8px;width:fit-content}.framework-card__description{-webkit-line-clamp:3;-webkit-box-orient:vertical;color:#6b7280;display:-webkit-box;font-size:.875rem;line-height:1.5;margin:0;overflow:hidden;text-overflow:ellipsis}.framework-card__meta{display:flex;gap:16px;margin-top:auto;padding-top:8px}.framework-card__date,.framework-card__version{align-items:center;color:#9ca3af;display:flex;font-size:.8rem;gap:6px}.framework-card__date i,.framework-card__version i{font-size:.75rem}.framework-card__footer{background:#f9fafb;border-top:1px solid #f3f4f6;display:flex;gap:8px;padding:16px 24px}.card-action-btn{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:8px;color:#6b7280;cursor:pointer;display:flex;flex:1 1;font-size:.875rem;font-weight:500;gap:6px;justify-content:center;padding:10px 16px;transition:all .2s ease}.card-action-btn i{font-size:.8rem}.card-action-btn:hover{box-shadow:0 2px 4px #0000001a;transform:translateY(-1px)}.card-action-btn--view{border-color:#3b82f6;color:#3b82f6}.card-action-btn--view:hover{background:#eff6ff;border-color:#2563eb}.card-action-btn--edit{border-color:#047857;border-color:var(--color-primary,#047857);color:#047857;color:var(--color-primary,#047857)}.card-action-btn--edit:hover{background:#0478571a;background:var(--color-primary-light,#0478571a);border-color:#065f46;border-color:var(--color-primary-hover,#065f46)}.card-action-btn--delete{border-color:#ef4444;color:#ef4444;flex:0 0 auto;padding:10px 12px}.card-action-btn--delete:hover{background:#fef2f2;border-color:#dc2626}.frameworks-empty{color:#9ca3af;padding:80px 20px;text-align:center}.frameworks-empty .empty-icon{font-size:4rem;margin-bottom:20px;opacity:.3}.frameworks-empty h3{color:#6b7280;font-size:1.25rem;margin:0 0 8px}.frameworks-empty p{color:#9ca3af;font-size:.875rem;margin:0}@media (max-width:768px){.framework-cards{grid-template-columns:1fr}}@media (min-width:769px) and (max-width:1200px){.framework-cards{grid-template-columns:repeat(2,1fr)}}.admin-stats-container .stat-card,.page-header-stats .stat-card,.stats-header .stat-card{align-items:center;background:var(--admin-bg-primary);border-radius:var(--admin-radius-xl);box-shadow:var(--admin-shadow-md);display:flex;gap:var(--admin-spacing-md);padding:var(--admin-spacing-lg);transition:transform var(--admin-transition-base),box-shadow var(--admin-transition-base)}.admin-stats-container .stat-card:hover,.page-header-stats .stat-card:hover,.stats-header .stat-card:hover{box-shadow:var(--admin-shadow-lg);transform:translateY(-2px)}.admin-stats-container .stat-card .stat-icon,.page-header-stats .stat-card .stat-icon,.stats-header .stat-card .stat-icon{align-items:center;border-radius:var(--admin-radius-xl);color:#fff;display:flex;flex-shrink:0;font-size:var(--admin-stat-icon-font-size);height:var(--admin-stat-icon-size);justify-content:center;width:var(--admin-stat-icon-size)}.admin-stats-container .stat-card .stat-content h3,.page-header-stats .stat-card .stat-content h3,.stats-header .stat-card .stat-content h3{color:var(--admin-text-primary);font-size:var(--admin-font-3xl);font-weight:var(--admin-font-bold);margin:0 0 var(--admin-spacing-xs) 0}.admin-stats-container .stat-card .stat-content p,.page-header-stats .stat-card .stat-content p,.stats-header .stat-card .stat-content p{color:var(--admin-text-secondary);font-size:var(--admin-font-base);margin:0}.btn-primary{align-items:center;background:var(--admin-primary);border:none;border-radius:var(--admin-radius-lg);color:#fff;cursor:pointer;display:inline-flex;font-size:var(--admin-btn-font-size);font-weight:var(--admin-font-medium);gap:var(--admin-spacing-sm);padding:var(--admin-btn-padding);transition:all var(--admin-transition-base)}.btn-primary:hover:not(:disabled){background:var(--admin-primary-hover);box-shadow:var(--admin-shadow-md);transform:translateY(-1px)}.btn-primary:disabled{cursor:not-allowed;opacity:.5}.btn-secondary{background:var(--admin-bg-primary);border:1px solid var(--admin-border-default);border-radius:var(--admin-radius-lg);color:var(--admin-text-primary);cursor:pointer;font-size:var(--admin-btn-font-size);font-weight:var(--admin-font-medium);padding:var(--admin-btn-padding);transition:all var(--admin-transition-base)}.btn-secondary:hover:not(:disabled){background:var(--admin-bg-secondary);border-color:var(--admin-border-dark)}.btn-secondary:disabled{cursor:not-allowed;opacity:.5}.admin-common .btn-danger,.btn-danger{background:var(--admin-danger);border:none;border-radius:var(--admin-radius-lg);color:#fff;cursor:pointer;font-size:var(--admin-btn-font-size);font-weight:var(--admin-font-medium);padding:var(--admin-btn-padding);transition:all var(--admin-transition-base)}.admin-common .btn-danger:hover:not(:disabled),.btn-danger:hover:not(:disabled){background:#dc2626;box-shadow:var(--admin-shadow-md);transform:translateY(-1px)}.admin-common .modal-overlay,.user-management .modal-overlay,[class*=-management] .modal-overlay{align-items:center;animation:adminCommonFadeIn var(--admin-transition-fast);background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:var(--admin-z-modal)}@keyframes adminCommonFadeIn{0%{opacity:0}to{opacity:1}}.admin-common .modal-content,.user-management .modal-content,[class*=-management] .modal-content{animation:slideUp var(--admin-transition-base);background:var(--admin-bg-primary);border-radius:var(--admin-radius-xl);box-shadow:var(--admin-shadow-xl);max-height:var(--admin-modal-max-height);max-width:var(--admin-modal-max-width);overflow-y:auto;width:var(--admin-modal-width)}.admin-common .modal-header,.user-management .modal-header,[class*=-management] .modal-header{align-items:center;border-bottom:1px solid var(--admin-border-default);display:flex;justify-content:space-between;padding:var(--admin-spacing-lg)}.admin-common .modal-header h3,.user-management .modal-header h3,[class*=-management] .modal-header h3{color:var(--admin-text-primary);font-size:var(--admin-font-lg);font-weight:var(--admin-font-semibold);margin:0}.admin-common .modal-close,.user-management .modal-close,[class*=-management] .modal-close{align-items:center;background:var(--admin-gray-100);border:none;border-radius:var(--admin-radius-md);color:var(--admin-text-secondary);cursor:pointer;display:flex;height:32px;justify-content:center;transition:background var(--admin-transition-base);width:32px}.admin-common .modal-close:hover,.user-management .modal-close:hover,[class*=-management] .modal-close:hover{background:var(--admin-gray-200);color:var(--admin-text-primary)}.admin-common .modal-body,.user-management .modal-body,[class*=-management] .modal-body{padding:var(--admin-spacing-lg)}.admin-common .modal-footer,.user-management .modal-footer,[class*=-management] .modal-footer{border-top:1px solid var(--admin-border-default);display:flex;gap:var(--admin-spacing-md);justify-content:flex-end;padding:var(--admin-spacing-lg)}.admin-common .alert,.user-management .alert,[class*=-management] .alert{align-items:center;border-radius:var(--admin-radius-lg);display:flex;font-size:var(--admin-font-base);gap:var(--admin-spacing-sm);margin-bottom:var(--admin-spacing-lg);padding:var(--admin-spacing-md);position:relative}.admin-common .alert-error,.user-management .alert-error,[class*=-management] .alert-error{background-color:var(--admin-danger-bg);border:1px solid #fca5a5;color:var(--admin-danger-text)}.admin-common .alert-success,.user-management .alert-success,[class*=-management] .alert-success{background-color:var(--admin-success-bg);border:1px solid #86efac;color:var(--admin-success-text)}.admin-common .alert-warning,.user-management .alert-warning,[class*=-management] .alert-warning{background-color:var(--admin-warning-bg);border:1px solid #fcd34d;color:var(--admin-warning-text)}.admin-common .alert-info,.user-management .alert-info,[class*=-management] .alert-info{background-color:var(--admin-info-bg);border:1px solid #93c5fd;color:var(--admin-info-text)}.admin-common .alert-close,.user-management .alert-close,[class*=-management] .alert-close{background:none;border:none;color:inherit;cursor:pointer;margin-left:auto;opacity:.6;padding:var(--admin-spacing-xs);transition:opacity var(--admin-transition-base)}.admin-common .alert-close:hover,.user-management .alert-close:hover,[class*=-management] .alert-close:hover{opacity:1}.action-btn{background:var(--admin-gray-100);border-radius:var(--admin-radius-md);color:var(--admin-text-secondary);transition:all var(--admin-transition-base)}.action-btn:hover:not(:disabled){background:var(--admin-gray-200);color:var(--admin-text-primary);transform:translateY(-1px)}.action-btn.primary{background:var(--admin-primary-bg);color:var(--admin-primary)}.action-btn.primary:hover:not(:disabled){background:var(--admin-primary);color:#fff}.action-btn.secondary{background:var(--admin-gray-100);color:#7c3aed}.action-btn.secondary:hover:not(:disabled){background:#ede9fe;color:#6d28d9}.action-btn.danger:hover:not(:disabled){background:var(--admin-danger-bg);color:var(--admin-danger)}.badge{align-items:center;background:var(--admin-gray-100);border-radius:var(--admin-radius-md);color:var(--admin-text-secondary);display:inline-flex;font-size:var(--admin-font-sm);gap:var(--admin-spacing-xs);padding:var(--admin-spacing-xs) var(--admin-spacing-sm)}.badge i{font-size:var(--admin-font-xs)}.admin-common .form-field,.user-management .form-field,[class*=-management] .form-field{margin-bottom:var(--admin-spacing-lg)}.admin-common .form-field label,.user-management .form-field label,[class*=-management] .form-field label{color:var(--admin-text-primary);display:block;font-size:var(--admin-font-base);font-weight:var(--admin-font-medium);margin-bottom:var(--admin-spacing-xs)}.admin-common .form-field .required,.user-management .form-field .required,[class*=-management] .form-field .required{color:var(--admin-danger)}.admin-common .form-field input,.admin-common .form-field select,.admin-common .form-field textarea,.user-management .form-field input,.user-management .form-field select,.user-management .form-field textarea,[class*=-management] .form-field input,[class*=-management] .form-field select,[class*=-management] .form-field textarea{background:var(--admin-bg-primary);border:1px solid var(--admin-border-dark);border-radius:var(--admin-radius-md);color:var(--admin-text-primary);font-family:inherit;font-size:var(--admin-font-base);padding:var(--admin-input-padding);transition:border-color var(--admin-transition-base);width:100%}.admin-common .form-field input:focus,.admin-common .form-field select:focus,.admin-common .form-field textarea:focus,.user-management .form-field input:focus,.user-management .form-field select:focus,.user-management .form-field textarea:focus,[class*=-management] .form-field input:focus,[class*=-management] .form-field select:focus,[class*=-management] .form-field textarea:focus{border-color:var(--admin-primary);outline:none}.admin-common .form-field input.error,.admin-common .form-field select.error,.admin-common .form-field textarea.error,.user-management .form-field input.error,.user-management .form-field select.error,.user-management .form-field textarea.error,[class*=-management] .form-field input.error,[class*=-management] .form-field select.error,[class*=-management] .form-field textarea.error{border-color:var(--admin-danger)}.admin-common .form-field .field-error,.user-management .form-field .field-error,[class*=-management] .form-field .field-error{color:var(--admin-danger);display:block;font-size:var(--admin-font-xs);margin-top:var(--admin-spacing-xs)}.admin-common .form-field textarea,.user-management .form-field textarea,[class*=-management] .form-field textarea{min-height:80px;resize:vertical}.search-box{flex:1 1;position:relative}.search-box i{color:var(--admin-text-muted);left:var(--admin-spacing-md);position:absolute;top:50%;transform:translateY(-50%)}.search-box input{border:1px solid var(--admin-border-default);border-radius:var(--admin-radius-lg);font-size:var(--admin-font-base);padding:var(--admin-input-padding-icon);transition:border-color var(--admin-transition-base);width:100%}.search-box input:focus{border-color:var(--admin-primary);outline:none}.spinner{animation:spin 1s linear infinite;border:4px solid var(--admin-gray-200);border-radius:var(--admin-radius-full);border-top-color:var(--admin-primary);height:40px;width:40px}.spinner.spinner-sm{border-width:3px;height:24px;width:24px}.spinner.spinner-lg{border-width:5px;height:50px;width:50px}.page-container:has([class*=-management]){height:calc(100vh - 64px);max-width:100vw;overflow:hidden;padding:0}[class*=-management]{box-sizing:border-box;display:flex;flex-direction:column;gap:1rem;height:calc(100vh - 64px);max-width:100%;overflow:hidden;padding:1.5rem;width:100%}[class*=-management]>*{flex-shrink:0;margin-bottom:0}[class*=-management] .tanstack-table-container{display:flex;flex:1 1;flex-direction:column;min-height:0}[class*=-management] .table-wrapper{flex:1 1;overflow-x:auto;overflow-y:auto}[class*=-management] .tanstack-table thead{background-color:#f9fafb;position:sticky;top:0;z-index:10}[class*=-management] .page-header{margin-bottom:0}[class*=-management] .page-header-stats{margin-top:.75rem}[class*=-management] .search-bar{margin-bottom:0}[class*=-management] .pagination-container{margin-bottom:0;margin-top:0;padding-bottom:0;padding-top:0}[class*=-management] .pagination-controls{margin-top:0;padding:0}.btn-modal-secondary{background:var(--admin-bg-primary);border:1px solid var(--admin-border-default);border-radius:var(--admin-radius-lg);color:var(--admin-text-primary);cursor:pointer;font-size:var(--admin-btn-font-size);font-weight:var(--admin-font-medium);padding:var(--admin-btn-padding);transition:all var(--admin-transition-base)}.btn-modal-secondary:hover:not(:disabled){background:var(--admin-bg-secondary);border-color:var(--admin-border-dark)}.btn-modal-secondary:disabled{cursor:not-allowed;opacity:.5}.modal-content--large{max-width:1200px;width:95vw}.details-section{margin-bottom:2rem}.details-section:last-child{margin-bottom:0}.details-section h4{color:var(--admin-text-primary);font-size:1.125rem;font-weight:600;margin:0 0 1rem}.details-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.detail-item{display:flex;flex-direction:column;gap:.25rem}.detail-label{color:var(--admin-text-secondary);font-size:.875rem;font-weight:500}.detail-value{color:var(--admin-text-primary);font-size:1rem}.details-table{border:1px solid var(--admin-border-default);border-collapse:collapse;border-radius:var(--admin-radius-lg);overflow:hidden;width:100%}.details-table thead{background-color:var(--admin-gray-50)}.details-table th{font-weight:600;text-align:left}.details-table td,.details-table th{border-bottom:1px solid var(--admin-border-default);color:var(--admin-text-primary);font-size:.875rem;padding:.75rem 1rem}.details-table tbody tr:last-child td{border-bottom:none}.details-table tbody tr:hover{background-color:var(--admin-bg-secondary)}.empty-container,.error-container,.loading-container{align-items:center;color:var(--admin-text-secondary);display:flex;gap:.5rem;justify-content:center;padding:2rem;text-align:center}.error-container{color:var(--admin-danger)}.task-instances-table{overflow-x:auto}.framework-code{background:#f3f4f6;border-radius:4px;font-family:Courier New,monospace;font-size:13px;font-weight:500;padding:4px 8px}.framework-name{display:flex;flex-direction:column;gap:4px}.framework-name .name{color:#111827;font-weight:500}.framework-name .description{color:#6b7280;font-size:12px;line-height:1.4}.view-mode-toggle{background:#f3f4f6;border-radius:8px;display:flex;gap:4px;padding:4px}.view-mode-btn{align-items:center;background:#0000;border:none;border-radius:6px;color:#6b7280;cursor:pointer;display:flex;font-size:16px;justify-content:center;padding:8px 12px;transition:all .2s}.view-mode-btn:hover{background:#e5e7eb;color:#374151}.view-mode-btn.active{background:#fff;box-shadow:0 1px 3px #0000001a;color:#047857;color:var(--color-primary,#047857)}.filter-select{min-width:150px}.btn-create{align-items:center;background:#047857;background:var(--color-primary,#047857);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:12px 20px;transition:all .2s;white-space:nowrap}.btn-create:hover:not(:disabled){background:#065f46;background:var(--color-primary-hover,#065f46);box-shadow:0 2px 4px #0478574d;transform:translateY(-1px)}.btn-create:disabled{background:#9ca3af;cursor:not-allowed}.btn-create i{font-size:12px}.cards-wrapper{max-height:calc(100vh - 320px);overflow-x:hidden;overflow-y:auto;padding-right:4px}.cards-wrapper::-webkit-scrollbar{width:8px}.cards-wrapper::-webkit-scrollbar-track{background:#f3f4f6;border-radius:4px}.cards-wrapper::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:4px}.cards-wrapper::-webkit-scrollbar-thumb:hover{background:#9ca3af}.alert-error{background-color:#fef2f2;border:1px solid #fecaca}.alert-close{background:none;border:none;color:inherit;cursor:pointer;margin-left:auto;opacity:.7;padding:4px;transition:opacity .2s}.alert-close:hover{opacity:1}.react-flow{direction:ltr}.react-flow__container{height:100%;left:0;position:absolute;top:0;width:100%}.react-flow__pane{cursor:grab;z-index:1}.react-flow__pane.selection{cursor:pointer}.react-flow__pane.dragging{cursor:grabbing}.react-flow__viewport{pointer-events:none;transform-origin:0 0;z-index:2}.react-flow__renderer{z-index:4}.react-flow__selection{z-index:6}.react-flow__nodesselection-rect:focus,.react-flow__nodesselection-rect:focus-visible{outline:none}.react-flow .react-flow__edges{overflow:visible;pointer-events:none}.react-flow__connection-path,.react-flow__edge-path{stroke:#b1b1b7;stroke-width:1;fill:none}.react-flow__edge{cursor:pointer;pointer-events:visibleStroke}.react-flow__edge.animated path{stroke-dasharray:5;animation:dashdraw .5s linear infinite}.react-flow__edge.animated path.react-flow__edge-interaction{stroke-dasharray:none;animation:none}.react-flow__edge.inactive{pointer-events:none}.react-flow__edge.selected,.react-flow__edge:focus,.react-flow__edge:focus-visible{outline:none}.react-flow__edge.selected .react-flow__edge-path,.react-flow__edge:focus .react-flow__edge-path,.react-flow__edge:focus-visible .react-flow__edge-path{stroke:#555}.react-flow__edge-textwrapper{pointer-events:all}.react-flow__edge .react-flow__edge-text{pointer-events:none;-webkit-user-select:none;user-select:none}.react-flow__connection{pointer-events:none}.react-flow__connection .animated{stroke-dasharray:5;animation:dashdraw .5s linear infinite}.react-flow__connectionline{z-index:1001}.react-flow__nodes{pointer-events:none;transform-origin:0 0}.react-flow__node{box-sizing:border-box;cursor:grab;pointer-events:all;position:absolute;transform-origin:0 0;-webkit-user-select:none;user-select:none}.react-flow__node.dragging{cursor:grabbing}.react-flow__nodesselection{pointer-events:none;transform-origin:left top;z-index:3}.react-flow__nodesselection-rect{cursor:grab;pointer-events:all;position:absolute}.react-flow__handle{background:#1a192b;border:1px solid #fff;border-radius:100%;height:6px;min-height:5px;min-width:5px;pointer-events:none;position:absolute;width:6px}.react-flow__handle.connectionindicator{cursor:crosshair;pointer-events:all}.react-flow__handle-bottom{bottom:-4px;left:50%;top:auto;transform:translate(-50%)}.react-flow__handle-top{left:50%;top:-4px;transform:translate(-50%)}.react-flow__handle-left{left:-4px;top:50%;transform:translateY(-50%)}.react-flow__handle-right{right:-4px;top:50%;transform:translateY(-50%)}.react-flow__edgeupdater{cursor:move;pointer-events:all}.react-flow__panel{margin:15px;position:absolute;z-index:5}.react-flow__panel.top{top:0}.react-flow__panel.bottom{bottom:0}.react-flow__panel.left{left:0}.react-flow__panel.right{right:0}.react-flow__panel.center{left:50%;transform:translateX(-50%)}.react-flow__attribution{background:#ffffff80;font-size:10px;margin:0;padding:2px 3px}.react-flow__attribution a{color:#999;text-decoration:none}.react-flow__edgelabel-renderer{height:100%;pointer-events:none;position:absolute;-webkit-user-select:none;user-select:none;width:100%}.react-flow__edge.updating .react-flow__edge-path{stroke:#777}.react-flow__edge-text{font-size:10px}.react-flow__node.selectable:focus,.react-flow__node.selectable:focus-visible{outline:none}.react-flow__node-default,.react-flow__node-group,.react-flow__node-input,.react-flow__node-output{background-color:#fff;border:1px solid #1a192b;border-radius:3px;color:#222;font-size:12px;padding:10px;text-align:center;width:150px}.react-flow__node-default.selectable:hover,.react-flow__node-group.selectable:hover,.react-flow__node-input.selectable:hover,.react-flow__node-output.selectable:hover{box-shadow:0 1px 4px 1px #00000014}.react-flow__node-default.selectable.selected,.react-flow__node-default.selectable:focus,.react-flow__node-default.selectable:focus-visible,.react-flow__node-group.selectable.selected,.react-flow__node-group.selectable:focus,.react-flow__node-group.selectable:focus-visible,.react-flow__node-input.selectable.selected,.react-flow__node-input.selectable:focus,.react-flow__node-input.selectable:focus-visible,.react-flow__node-output.selectable.selected,.react-flow__node-output.selectable:focus,.react-flow__node-output.selectable:focus-visible{box-shadow:0 0 0 .5px #1a192b}.react-flow__node-group{background-color:#f0f0f040}.react-flow__nodesselection-rect,.react-flow__selection{background:#0059dc14;border:1px dotted #0059dccc}.react-flow__nodesselection-rect:focus,.react-flow__nodesselection-rect:focus-visible,.react-flow__selection:focus,.react-flow__selection:focus-visible{outline:none}.react-flow__controls{box-shadow:0 0 2px 1px #00000014}.react-flow__controls-button{align-items:center;background:#fefefe;border-bottom:1px solid #eee;box-sizing:initial;cursor:pointer;display:flex;height:16px;justify-content:center;padding:5px;-webkit-user-select:none;user-select:none;width:16px}.react-flow__controls-button:hover{background:#f4f4f4}.react-flow__controls-button svg{max-height:12px;max-width:12px;width:100%}.react-flow__controls-button:disabled{pointer-events:none}.react-flow__controls-button:disabled svg{fill-opacity:.4}.react-flow__minimap svg{display:block}.react-flow__resize-control{position:absolute}.react-flow__resize-control.left,.react-flow__resize-control.right{cursor:ew-resize}.react-flow__resize-control.bottom,.react-flow__resize-control.top{cursor:ns-resize}.react-flow__resize-control.bottom.right,.react-flow__resize-control.top.left{cursor:nwse-resize}.react-flow__resize-control.bottom.left,.react-flow__resize-control.top.right{cursor:nesw-resize}.react-flow__resize-control.handle{background-color:#3367d9;border:1px solid #fff;border-radius:1px;height:4px;transform:translate(-50%,-50%);width:4px}.react-flow__resize-control.handle.left{left:0;top:50%}.react-flow__resize-control.handle.right{left:100%;top:50%}.react-flow__resize-control.handle.top{left:50%;top:0}.react-flow__resize-control.handle.bottom{left:50%;top:100%}.react-flow__resize-control.handle.bottom.left,.react-flow__resize-control.handle.top.left{left:0}.react-flow__resize-control.handle.bottom.right,.react-flow__resize-control.handle.top.right{left:100%}.react-flow__resize-control.line{border:0 solid #3367d9}.react-flow__resize-control.line.left,.react-flow__resize-control.line.right{height:100%;top:0;transform:translate(-50%);width:1px}.react-flow__resize-control.line.left{border-left-width:1px;left:0}.react-flow__resize-control.line.right{border-right-width:1px;left:100%}.react-flow__resize-control.line.bottom,.react-flow__resize-control.line.top{height:1px;left:0;transform:translateY(-50%);width:100%}.react-flow__resize-control.line.top{border-top-width:1px;top:0}.react-flow__resize-control.line.bottom{border-bottom-width:1px;top:100%}.framework-editor-container{background:#fff;display:flex;flex-direction:column;height:100vh;left:0;position:fixed;top:0;width:100vw;z-index:9999}.framework-editor-header{align-items:center;background:#1a1a2e;background:var(--color-primary-dark,#1a1a2e);box-shadow:0 2px 4px #0000001a;color:#fff;display:flex;gap:24px;justify-content:space-between;padding:16px 24px;position:relative;z-index:1001}.header-left{flex:1 1;gap:16px;min-width:0}.header-center,.header-left{align-items:center;display:flex}.header-center{flex-shrink:0}.header-right{display:flex;flex-shrink:0;gap:12px}.framework-name-input{background:#ffffff1a;border:1px solid #fff3;border-radius:6px;color:#fff;font-size:1rem;font-weight:500;max-width:500px;padding:8px 16px;transition:all .2s ease;width:100%}.framework-name-input:focus{background:#ffffff26;border-color:#ffffff4d;outline:none}.framework-name-input::placeholder{color:#fff9}.framework-editor-container .btn-primary,.framework-editor-container .btn-secondary{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:8px;padding:8px 16px;transition:all .2s ease}.framework-editor-container .btn-primary{background:#667eea;background:var(--color-primary,#667eea);color:#fff}.framework-editor-container .btn-primary:hover{background:#5a67d8;background:var(--color-primary-hover,#5a67d8)}.framework-editor-container .btn-secondary{background:#ffffff1a;border:1px solid #fff3;color:#fff}.framework-editor-container .btn-secondary:hover{background:#ffffff26}.framework-editor-body{display:flex;flex:1 1;overflow:hidden;position:relative}.framework-editor-footer{align-items:center;background:#f7fafc;border-top:1px solid #e2e8f0;color:#718096;display:flex;font-size:.875rem;justify-content:space-between;padding:12px 24px}.footer-info{align-items:center;display:flex;gap:8px}.footer-stats{display:flex;gap:20px}.footer-stats span{font-weight:500}.framework-component-toolbar{z-index:1000}.framework-editor-container .floating-toolbar-top-left{left:20px!important;top:84px!important}.framework-editor-header .domain-trigger,.framework-editor-header .domain-trigger .domain-name{color:#fff}.framework-editor-header .domain-trigger i{color:#fffc}.framework-editor-header .domain-trigger:hover{background:#ffffff1a}.auth-page{align-items:center;justify-content:center;left:0;position:fixed;top:0;width:100vw}.auth-container,.auth-page{display:flex;height:100vh;overflow:hidden}.auth-container{background:#fff;width:100%}.auth-left{background:linear-gradient(140deg,#fff,#fff8f3 50%,#ffe6d3);color:#201712;display:flex;flex:1 1;flex-direction:column;height:100%;justify-content:center;overflow-y:auto;padding:60px;position:relative;z-index:0}.auth-left:after{background:radial-gradient(circle at top left,#de5a2329 0,#0000 55%),radial-gradient(circle at bottom right,#ee995a24 0,#0000 60%);content:"";inset:0;pointer-events:none;position:absolute}.auth-brand{align-items:flex-start;display:flex;flex-direction:column;gap:6px;position:relative;z-index:1}.auth-logo{height:90px;margin-bottom:16px;width:auto}.auth-brand h1{color:#0f172a;font-size:2.5rem;font-weight:700;margin:0 0 8px}.auth-brand p{margin:0}.auth-tagline{color:#33251f;font-size:1.125rem;font-weight:500;opacity:.9}.auth-subheadline{color:#5b453a;font-size:.95rem;margin-top:4px;opacity:.78}.auth-features{grid-gap:16px;display:grid;gap:16px;margin-top:36px;position:relative;z-index:1}.feature{align-items:flex-start;background:#ffffffd9;border:1px solid #de5a2324;border-radius:16px;box-shadow:0 12px 32px #c45a2814;display:flex;gap:16px;padding:18px 20px}.feature:last-child{margin-bottom:0}.feature i{align-items:center;background:#de5a2329;border-radius:12px;color:#de5a23;display:flex;flex-shrink:0;font-size:1.25rem;height:44px;justify-content:center;margin-top:2px;width:44px}.feature h3{color:#0f172a;font-size:1.125rem;font-weight:600;margin:0 0 4px}.feature p{color:#475569;font-size:.875rem;line-height:1.5;margin:0}.feature:nth-child(2) i,.feature:nth-child(3) i,.feature:nth-child(4) i{background:#de5a2329;color:#de5a23}.auth-store-badges{margin-top:40px;position:relative;z-index:1}.store-badges-title{color:#33251f;font-size:.875rem;font-weight:600;margin:0 0 16px;opacity:.85}.store-badges-grid{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.store-badge{align-items:center;background:#0000;border:none;cursor:not-allowed;display:flex;justify-content:center;opacity:.75;padding:0;transition:all .3s ease}.store-badge:hover{opacity:1;transform:scale(1.05)}.store-badge img{border-radius:8px;display:block;height:40px;object-fit:contain;width:auto}.auth-right{align-items:center;display:flex;flex:1 1;height:100%;justify-content:center;overflow-y:auto;padding:40px}.auth-form-container{max-width:400px;width:100%}.auth-header{margin-bottom:24px;text-align:center}.auth-header h2{color:#1a202c;font-size:2rem;font-weight:700;margin:0 0 8px}.auth-header p{color:#718096;font-size:1rem;margin:0}.social-auth{margin-bottom:24px}.social-button{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:8px;color:#4a5568;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:8px;justify-content:center;margin-bottom:12px;padding:12px 16px;transition:all .2s ease;width:100%}.social-button:hover{background:#f7fafc;border-color:var(--provider-color);color:var(--provider-color)}.social-button i{font-size:1.125rem}.divider{margin:24px 0;position:relative;text-align:center}.divider span{background:#fff;color:#a0aec0;font-size:.875rem;padding:0 16px;position:relative;z-index:1}.divider:before{background:#e2e8f0;content:"";height:1px;left:0;position:absolute;right:0;top:50%;transform:translateY(-50%)}.auth-form{margin-bottom:24px}.form-group input{background:#fff;border:1px solid #e2e8f0;border-radius:6px;color:#2d3748;padding:10px 12px;transition:all .2s ease;width:100%}.form-group input:focus{border-color:var(--color-primary)}.form-group input::placeholder{color:#a0aec0}.form-options{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.checkbox-label{color:#4a5568;gap:8px}.checkbox-label input[type=checkbox]{height:16px;width:16px}.link-button{background:none;border:none;color:var(--color-primary);cursor:pointer;font-size:.875rem;font-weight:500;padding:0;transition:color .2s ease}.link-button:hover{color:#5a67d8;text-decoration:underline}.submit-button{background:var(--color-primary);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.875rem;font-weight:600;padding:12px 16px;transition:all .2s ease;width:100%}.submit-button:hover:not(:disabled){box-shadow:0 2px 8px #de5a2333}.submit-button:disabled{cursor:not-allowed;opacity:.7}.loading{align-items:center;display:flex;gap:8px;justify-content:center}.auth-footer{text-align:center}.auth-footer p{color:#718096;font-size:.875rem;margin:0}@media (max-width:1024px){.auth-left{display:none}.auth-right{padding:40px}}@media (max-width:480px){.auth-right{padding:20px}.auth-header h2{font-size:1.75rem}.social-button{font-size:.813rem;padding:10px 12px}.auth-form-container{max-width:100%}}@keyframes authFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.auth-form-container{animation:authFadeIn .4s ease}.alert{animation:slideDown .3s ease-out}.alert i{font-size:1.1rem}.alert-success{background-color:#d1fae5;border:1px solid #6ee7b7;color:#065f46}.alert-info{background-color:#dbeafe;border:1px solid #93c5fd;color:#1e40af}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.profile-container{display:flex;gap:24px;margin:0 auto;max-width:1200px}.profile-sidebar{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;padding:32px 24px;text-align:center;width:280px}.profile-avatar{height:120px;margin:0 auto 16px;position:relative;width:120px}.profile-avatar img{border-radius:50%;height:100%;object-fit:cover;width:100%}.avatar-edit{align-items:center;background:var(--color-primary);border:3px solid #fff;border-radius:50%;bottom:0;color:#fff;cursor:pointer;display:flex;height:36px;justify-content:center;position:absolute;right:0;transition:all .2s ease;width:36px}.avatar-edit:hover{background:#5a67d8;transform:scale(1.05)}.profile-sidebar h3{color:#2d3748;font-size:1.25rem;font-weight:600;margin:0 0 4px}.user-role{color:#718096;font-size:.875rem;margin:0 0 24px}.profile-nav{display:flex;flex-direction:column;gap:4px;margin-top:24px}.nav-item{align-items:center;background:none;border:none;border-radius:8px;color:#4a5568;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:12px;padding:12px 16px;text-align:left;transition:all .2s ease}.nav-item:hover{background:#f7fafc;color:#2d3748}.nav-item.active{background:#eef2ff;color:var(--color-primary)}.nav-item i{text-align:center;width:20px}.profile-content{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;flex:1 1;padding:32px}.message{align-items:center;border-radius:8px;display:flex;font-size:.875rem;gap:8px;margin-bottom:24px;padding:12px 16px}.message.success{background:#f0fdf4;border:1px solid #86efac;color:#065f46}.message.error{background:#fef2f2;border:1px solid #fca5a5;color:#7f1d1d}.section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.section-header h2{color:#2d3748;font-size:1.5rem;font-weight:600;margin:0}.edit-button{align-items:center;background:#f7fafc;border:1px solid #e2e8f0;border-radius:6px;color:#4a5568;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:6px;padding:8px 16px;transition:all .2s ease}.edit-button:hover{background:#edf2f7;border-color:#cbd5e0}.section{margin-bottom:48px}.section:last-child{margin-bottom:0}.section h2{color:#2d3748;font-size:1.25rem;font-weight:600;margin:0 0 8px}.section>p{color:#718096;font-size:.875rem;margin:0 0 20px}.form-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(2,1fr);margin-bottom:24px}.form-group{margin-bottom:20px}.form-grid .form-group{margin-bottom:0}.form-group label{color:#4a5568;display:block;font-weight:600;margin-bottom:8px}.form-group input,.form-group select{background:#fff;border:1px solid #e2e8f0;border-radius:6px;color:#2d3748;font-size:.875rem;padding:10px 12px;transition:all .2s ease;width:100%}.form-group input:focus,.form-group select:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #de5a231a;outline:none}.form-group input:disabled{background:#f7fafc;color:#a0aec0}.password-input{position:relative}.password-toggle{background:none;border:none;color:#a0aec0;cursor:pointer;font-size:.875rem;padding:4px;position:absolute;right:12px;top:50%;transform:translateY(-50%);transition:color .2s ease}.password-toggle:hover{color:#718096}.form-actions{gap:12px}.password-form{max-width:400px}.profile-container .btn-danger,.profile-container .btn-primary,.profile-container .btn-secondary{border:none;border-radius:6px;cursor:pointer;font-size:.875rem;font-weight:500;padding:10px 20px;transition:all .2s ease}.profile-container .btn-primary{background:var(--color-primary);color:#fff}.profile-container .btn-primary:hover:not(:disabled){box-shadow:0 2px 8px #de5a2333}.profile-container .btn-primary:disabled{cursor:not-allowed;opacity:.7}.profile-container .btn-secondary{background:#f7fafc;border:1px solid #e2e8f0;color:#4a5568}.profile-container .btn-secondary:hover{background:#edf2f7;border-color:#cbd5e0}.profile-container .btn-danger{background:#ef4444;color:#fff}.profile-container .btn-danger:hover{background:#dc2626;box-shadow:0 4px 12px #ef444459}.profile-container .btn-link{background:none;border:none;color:var(--color-primary);cursor:pointer;font-size:.875rem;font-weight:500;padding:0;transition:color .2s ease}.profile-container .btn-link:hover{color:#5a67d8;text-decoration:underline}.connected-accounts{display:flex;flex-direction:column;gap:12px;margin-top:16px}.account-item{align-items:center;background:#f7fafc;border:1px solid #e2e8f0;border-radius:8px;display:flex;gap:12px;padding:12px 16px}.account-item i{color:#4a5568;font-size:1.25rem;text-align:center;width:24px}.account-item span{color:#4a5568;flex:1 1;font-size:.875rem}.preference-item{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:16px 0}.preference-item:last-child{border-bottom:none}.preference-item h4{color:#2d3748;font-size:.875rem;font-weight:600;margin:0 0 4px}.preference-item p{color:#718096;font-size:.813rem;margin:0}.theme-select{background:#fff;border:1px solid #e2e8f0;border-radius:6px;color:#2d3748;cursor:pointer;font-size:.875rem;padding:8px 12px}.toggle{display:inline-block;height:24px;position:relative;width:48px}.toggle input{height:0;opacity:0;width:0}.toggle-slider{background-color:#cbd5e0;border-radius:24px;bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0;transition:.4s}.toggle-slider:before{background-color:#fff;border-radius:50%;bottom:4px;content:"";height:16px;left:4px;position:absolute;transition:.4s;width:16px}.toggle input:checked+.toggle-slider{background-color:var(--color-primary)}.toggle input:checked+.toggle-slider:before{transform:translateX(24px)}.danger-zone{border-top:1px solid #e2e8f0;padding-top:32px}.danger-zone h2{color:#dc2626}@media (max-width:768px){.profile-container{flex-direction:column}.profile-sidebar{width:100%}.form-grid{grid-template-columns:1fr}}.pipeline-generator-page{background-color:var(--background-primary);color:var(--text-primary);display:flex;flex:1 1;flex-direction:column}.generator-container{flex:1 1;margin:0 auto;max-width:1200px;padding:2rem;width:100%}.generator-header{margin-bottom:3rem;text-align:center}.generator-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,var(--primary-color),var(--secondary-color));-webkit-background-clip:text;font-size:2.5rem;margin-bottom:.5rem}.generator-header p{color:var(--text-secondary);font-size:1.1rem}.connectors-selection{margin-bottom:3rem}.connectors-selection h2{color:var(--text-primary);margin-bottom:1.5rem}.no-connectors{color:var(--text-secondary);padding:4rem 2rem;text-align:center}.no-connectors i{font-size:3rem;margin-bottom:1rem;opacity:.5}.generator-actions{display:flex;gap:1rem;justify-content:center;margin-top:3rem}.generator-actions button{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:1rem;gap:.5rem;padding:.75rem 2rem;transition:all .3s ease}.generation-progress{padding:4rem 2rem;text-align:center}.progress-icon{color:var(--primary-color);font-size:4rem;margin-bottom:2rem}.generation-progress h2{color:var(--text-primary);margin-bottom:.5rem}.generation-progress p{color:var(--text-secondary);margin-bottom:2rem}.progress-bar{background:var(--background-tertiary);border-radius:4px;height:8px;margin:0 auto 1rem;max-width:400px;overflow:hidden;width:100%}.progress-fill{background:linear-gradient(90deg,var(--primary-color),var(--secondary-color));border-radius:4px;height:100%;transition:width .3s ease}.progress-text{color:var(--primary-color);font-size:1.5rem;font-weight:700}.dashboard-items-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.connector-card-wrapper{cursor:pointer;position:relative;transition:all .2s ease}.connector-card-wrapper:hover{transform:translateY(-2px)}.connector-card-wrapper.selected{transform:scale(1.02)}.connector-card-wrapper .dashboard-item{cursor:pointer;transition:all .2s ease}.connector-card-wrapper.selected .dashboard-item{border:2px solid var(--primary-color);box-shadow:0 4px 12px #4f46e526}.connector-icon-overlay{align-items:center;border-radius:8px;color:#fff;display:flex;font-size:1.2rem;height:40px;justify-content:center;opacity:.9;position:absolute;right:10px;top:10px;width:40px}body.no-sidebar .sidebar{display:none}body.no-sidebar .main-content{margin-left:0}@media (prefers-color-scheme:dark){.connector-card-wrapper .dashboard-item{box-shadow:0 2px 8px #0000004d}.connector-card-wrapper:hover .dashboard-item{box-shadow:0 8px 24px #0006}}.pipeline-generator-flow{background-color:var(--background-primary);display:flex;flex-direction:column;height:100vh;opacity:1;position:relative;transition:opacity .3s ease-in-out;width:100%}.pipeline-generator-flow .breadcrumb{flex-shrink:0;z-index:10}.save-modal-overlay{z-index:9999!important}.save-modal{background-color:var(--background-secondary)!important;position:relative;z-index:10000!important}@media (prefers-color-scheme:light){.save-modal{background-color:#fff!important}}@media (prefers-color-scheme:dark){.save-modal{background-color:#1a1a1a!important}}.pipeline-generator-flow.loading{align-items:center;display:flex;justify-content:center}.loading-spinner{color:var(--text-secondary);text-align:center}.loading-spinner i{color:var(--primary-color);font-size:3rem;margin-bottom:1rem}.loading-spinner p{color:var(--text-primary);font-size:1.2rem;margin:0}.flow-header{align-items:center;background:var(--background-secondary);border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:1rem 2rem;z-index:10}.header-content h1{color:var(--text-primary);font-size:1.5rem;margin:0 0 .25rem}.header-content p{color:var(--text-secondary);font-size:.9rem;margin:0}.header-actions{display:flex;gap:1rem}.header-actions button{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:.9rem;gap:.5rem;padding:.5rem 1rem;transition:all .3s ease}.flow-container{flex:1 1;position:relative}.custom-node{background:var(--background-secondary);gap:.75rem;min-width:200px;padding:.75rem;position:relative}.custom-node,.node-icon{align-items:center;border-radius:8px;display:flex}.node-icon{color:#fff;flex-shrink:0;font-size:1.2rem;height:40px;justify-content:center;width:40px}.node-content{flex:1 1}.node-title{color:var(--text-primary);font-size:.9rem;font-weight:600;margin-bottom:.125rem}.node-type{color:var(--text-secondary);font-size:.75rem}.node-status{font-size:.75rem;margin-top:.5rem}.status-message{color:var(--text-secondary);margin-bottom:.25rem}.status-progress{background:var(--background-tertiary);border-radius:2px;height:4px;overflow:hidden}.progress-bar-mini{border-radius:2px;height:100%;transition:width .3s ease}.node-attachment{align-items:center;color:var(--text-secondary);display:flex;font-size:.75rem;gap:.25rem;margin-top:.5rem}.junction-node{min-width:auto}.junction-icon{align-items:center;background:var(--background-tertiary);border-radius:50%;color:var(--text-secondary);display:flex;font-size:.875rem;height:30px;justify-content:center;width:30px}.connector-node .node-icon{animation:pulse 2s infinite}.extractor-node{border-left:3px solid #10b981}.analyzer-node{border-left:3px solid #f59e0b}.processor-node{border-left:3px solid #8b5cf6}.generator-node{border-left:3px solid #ec4899}.storage-node{border-left:3px solid #ff006e}.generator-node{transition:all .3s ease}.generator-node.waiting{opacity:.5}.generator-node.connecting,.generator-node.extracting,.generator-node.learning,.generator-node.modeling{animation:glow 1s ease-in-out infinite alternate;opacity:1}.generator-node.complete{opacity:1}.appearing-node{animation:slideIn .8s ease-out forwards;animation-delay:.1s;animation-fill-mode:both;opacity:0}.generation-overlay{background:var(--background-secondary);border:1px solid var(--border-color);border-radius:12px;bottom:2rem;box-shadow:0 8px 32px #0003;left:50%;min-width:400px;padding:2rem;position:absolute;text-align:center;transform:translateX(-50%);z-index:100}.generation-status{align-items:center;display:flex;flex-direction:column;gap:1rem}.status-icon{color:var(--primary-color);font-size:3rem}.generation-status h2{color:var(--text-primary);font-size:1.25rem;margin:0}.generation-status p{color:var(--text-secondary);font-size:.9rem;margin:0}.phase-indicator{display:flex;gap:1rem;margin-top:1rem}.phase-dot{align-items:center;background:var(--background-tertiary);border-radius:50%;color:var(--text-secondary);display:flex;font-size:1rem;height:40px;justify-content:center;position:relative;transition:all .3s ease;width:40px}.phase-dot.active{background:var(--primary-color);color:#fff;transform:scale(1.2)}.phase-dot.active:after{animation:ping 1s ease-out infinite;border:2px solid var(--primary-color);border-radius:50%;content:"";inset:-4px;position:absolute}.react-flow{background:var(--background-primary)!important}.react-flow__node.selected{box-shadow:none!important}.react-flow__edge-path{stroke-width:2!important}.react-flow__controls{background:var(--background-secondary)!important;border:1px solid var(--border-color)!important}.react-flow__controls-button{background:var(--background-secondary)!important;border-bottom:1px solid var(--border-color)!important;color:var(--text-primary)!important}@keyframes slideIn{0%{opacity:0}to{opacity:1}}@keyframes ping{0%{opacity:1;transform:scale(1)}75%,to{opacity:0;transform:scale(1.5)}}:root{--primary-color-rgb:59,130,246}@media (prefers-color-scheme:dark){.generation-overlay{background:var(--background-secondary);box-shadow:0 8px 32px #0006}}.pipeline-editor-toolbar.floating-toolbar-top-left{top:75px}.auto-layout-btn{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fffffff2;border:none;border-radius:4px;box-shadow:0 2px 8px var(--color-shadow);color:var(--color-text-primary);cursor:pointer;display:flex;font-size:.875rem;gap:8px;padding:8px 12px;position:absolute;right:15px;top:75px;transition:all .2s ease;z-index:100}.auto-layout-btn:hover{background:var(--color-primary-light);box-shadow:0 4px 12px var(--color-shadow);color:var(--color-primary);transform:translateY(-1px)}.auto-layout-btn:active{transform:translateY(0)}.auto-layout-btn i{font-size:1rem}.task-details-panel{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffffa;border:1px solid var(--border-color);border-radius:8px;bottom:15px;box-shadow:0 8px 32px #0000001f;display:flex;flex-direction:column;height:auto;overflow:hidden;position:fixed;right:15px;top:75px;width:380px;z-index:150}.task-details-header{align-items:center;background:var(--background-secondary);border-bottom:1px solid var(--border-color);display:flex;gap:12px;justify-content:space-between;padding:16px 20px}.task-details-header .header-title{align-items:center;display:flex;flex:1 1;gap:8px;overflow:hidden}.task-details-header h3{color:var(--text-primary);font-size:1.125rem;font-weight:600;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.unsaved-indicator{animation:pulse-dot 1.5s ease-in-out infinite;color:#ef4444;font-size:1.25rem;line-height:1}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.4}}.task-details-header .header-actions{align-items:center;display:flex;gap:8px}.btn-save-config{align-items:center;background:var(--primary-color);border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:6px;padding:6px 12px;transition:all .2s ease;white-space:nowrap}.btn-save-config:hover:not(:disabled){background:#2563eb;background:var(--primary-color-hover,#2563eb);box-shadow:0 4px 12px #3b82f64d;transform:translateY(-1px)}.btn-save-config:disabled{cursor:not-allowed;opacity:.5;transform:none}.btn-save-config i{font-size:.875rem}.task-details-header .close-btn{align-items:center;background:none;border:none;border-radius:4px;color:var(--text-secondary);cursor:pointer;display:flex;flex-shrink:0;font-size:1.125rem;height:28px;justify-content:center;padding:4px;transition:all .2s ease;width:28px}.task-details-header .close-btn:hover{background:var(--background-tertiary);color:var(--text-primary)}.task-details-content{flex:1 1;overflow-y:auto;padding:20px}.task-details-panel .detail-section{margin-bottom:20px}.task-details-panel .detail-section:last-child{margin-bottom:0}.task-details-panel .detail-label{color:var(--text-secondary);font-size:.75rem;font-weight:600;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.detail-section-config{grid-column:1/-1}.detail-section-config .detail-value{width:100%}.task-details-panel .detail-value{color:var(--text-primary);font-size:.9375rem;line-height:1.5}.task-details-panel .detail-id{color:var(--text-secondary);font-family:Monaco,Menlo,Consolas,monospace;font-size:.8125rem;word-break:break-all}.task-details-panel .detail-empty{color:var(--text-tertiary);font-size:.875rem;font-style:italic}.status-badge{font-size:.8125rem}.status-badge.pending{background:#e5e7eb;color:#6b7280}.status-badge.running{animation:pulse 2s infinite;background:#dbeafe;color:#1e40af}.status-badge.completed{background:#d1fae5;color:#065f46}.task-details-panel .config-list{background:var(--background-tertiary);border-radius:6px;font-family:Monaco,Menlo,Consolas,monospace;font-size:.8125rem;padding:12px}.task-details-panel .config-item{display:flex;flex-direction:column;gap:4px;margin-bottom:8px}.task-details-panel .config-item:last-child{margin-bottom:0}.task-details-panel .config-key{color:var(--text-secondary);font-weight:600}.task-details-panel .config-value{color:var(--text-primary);white-space:pre-wrap;word-break:break-word}.task-details-panel .dependencies-grid{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:1fr 1fr;margin-bottom:1rem}.task-details-panel .dependencies-grid .detail-section{margin-bottom:0;min-height:80px}.task-details-panel .dependencies-grid .detail-label{font-size:.75rem;margin-bottom:.5rem}.task-details-panel .dependency-list{display:flex;flex-direction:column;gap:4px}.task-details-panel .dependency-item{align-items:center;background:var(--background-tertiary);border-radius:4px;color:var(--text-primary);display:flex;font-size:.75rem;line-height:1.3;padding:6px 8px;transition:all .2s ease}.task-details-panel .dependency-item:hover{background:var(--background-secondary)}.task-details-panel .no-dependencies{color:var(--text-secondary);font-size:.7rem;font-style:italic;padding:6px 8px}@media (prefers-color-scheme:dark){.task-details-panel{background:#1a1a1afa;border-color:#ffffff1a}.config-list,.dependency-item{background:#ffffff0d}.dependency-item:hover{background:#ffffff14}}@media (max-width:768px){.task-details-panel{max-width:380px;width:calc(100% - 30px)}.task-details-panel .dependencies-grid{gap:.5rem;grid-template-columns:1fr}.task-details-panel .dependencies-grid .detail-section{min-height:auto}}.component-node,.connector-node,.storage-node,.transformer-node{background:#fff;border:2px solid #e2e8f0;border-radius:8px;box-shadow:0 2px 4px #0000001a;cursor:grab;min-width:180px;position:relative;transition:all .2s ease}.component-node:hover,.connector-node:hover,.storage-node:hover,.transformer-node:hover{box-shadow:0 4px 12px #00000026}.component-node.selected,.connector-node.selected,.storage-node.selected,.transformer-node.selected{box-shadow:0 0 0 2px var(--color-primary)}.node-header{align-items:center;border-radius:6px 6px 0 0;color:#fff;display:flex;font-size:.75rem;font-weight:600;gap:6px;letter-spacing:.5px;padding:8px 12px;text-transform:uppercase}.node-header i{font-size:.875rem}.node-content{padding:12px}.node-content h4{color:#2d3748;font-size:.875rem;font-weight:600;margin:0 0 4px}.node-content p{color:#718096;font-size:.75rem;margin:0}.react-flow__handle{box-shadow:0 0 0 1px #0000001a}.react-flow__handle-left{left:-5px}.react-flow__handle-right{right:-5px}.connector-node .node-header{background:#4299e1}.transformer-node .node-header{background:#805ad5}.storage-node .node-header{background:#38a169}.extractor-node .node-header{background:#10b981}.analyzer-node .node-header{background:#f59e0b}.processor-node .node-header{background:#8b5cf6}.generator-node .node-header{background:#ec4899}.node-attachments{border-top:1px solid #e2e8f0;display:flex;flex-wrap:wrap;gap:8px;margin-top:8px;padding-top:8px}.attachment-icon{align-items:center;background:#f7fafc;border:1px solid #e2e8f0;border-radius:4px;cursor:pointer;display:flex;height:24px;justify-content:center;transition:all .2s ease;width:24px}.attachment-icon:hover{background:#fff;box-shadow:0 2px 4px #0000001a;transform:scale(1.1)}.attachment-icon i{font-size:.875rem}.status-line{align-items:center;display:flex;gap:4px;margin-bottom:6px}.status-dot{animation:pulse 1.5s ease-in-out infinite;background:#10b981;border-radius:50%;display:inline-block;height:6px;width:6px}@keyframes glow{0%{box-shadow:0 2px 4px #0000001a,0 0 15px #10b9814d}to{box-shadow:0 2px 4px #0000001a,0 0 30px #10b98199}}.component-node.running,.connector-node.running,.storage-node.running{animation:glow 2s ease-in-out infinite alternate;border-color:#10b981}.status-dot.pending{animation:none;background:#9ca3af}.status-dot.active{animation:pulse 1.5s ease-in-out infinite;background:#10b981}.status-dot.completed{animation:none;background:#3b82f6}.status-action-inline{color:#10b981;font-size:.7rem;font-style:italic;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.junction-node{background:#0000;border:none;cursor:default;height:40px;position:relative;width:40px}.junction-node,.junction-node .junction-inner{align-items:center;display:flex;justify-content:center}.junction-node .junction-inner{background:#fff;border:2px solid #718096;border-radius:50%;box-shadow:0 2px 4px #0000001a;color:#718096;font-size:16px;height:36px;width:36px}.junction-node .react-flow__handle{background:#718096;border:2px solid #fff;box-shadow:0 0 0 1px #0000001a;height:10px;width:10px}.junction-node .react-flow__handle-left{left:-5px}.junction-node .react-flow__handle-right{right:-5px}.countdown-badge{align-items:center;background:#3b82f6;border-radius:12px;box-shadow:0 2px 4px #0003;color:#fff;display:flex;font-size:.7rem;font-weight:600;gap:4px;justify-content:center;min-width:40px;padding:2px 8px;position:absolute;right:-12px;top:-12px;z-index:10}.countdown-badge i{font-size:.65rem}.countdown-badge{animation:nodeFadeIn .3s ease-in-out}@keyframes nodeFadeIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.dynamic-config-form{display:flex;flex-direction:column;height:100%;padding:0}.dynamic-config-form:not(:has(.form-actions)){height:auto}.dynamic-config-form:not(:has(.form-actions)) .form-fields{padding:0}.dynamic-config-form .dynamic-form-empty{align-items:center;color:var(--text-secondary);display:flex;flex-direction:column;justify-content:center;padding:2rem;text-align:center}.dynamic-config-form .dynamic-form-empty i{font-size:2rem;margin-bottom:1rem;opacity:.5}.dynamic-config-form .dynamic-form-empty i.fa-spin{color:var(--primary-color);opacity:.7}.dynamic-config-form .dynamic-form-empty p{font-size:.875rem;margin:0}.dynamic-config-form .form-header{background:var(--background-tertiary);border-bottom:1px solid var(--border-color);padding:1rem 1.25rem}.dynamic-config-form .form-header h4{color:var(--text-primary);font-size:1rem;font-weight:600;margin:0 0 .5rem}.dynamic-config-form .form-description{color:var(--text-secondary);font-size:.8125rem;line-height:1.4;margin:0}.dynamic-config-form .form-fields{flex:1 1;overflow-y:auto;padding:1.25rem}.dynamic-config-form .form-field{margin-bottom:1.5rem}.dynamic-config-form .form-field:last-child{margin-bottom:0}.dynamic-config-form .form-label{align-items:center;color:var(--text-primary);display:flex;font-size:.8125rem;font-weight:600;gap:.375rem;margin-bottom:.5rem}.dynamic-config-form .required-mark{color:#ef4444;margin-left:0}.dynamic-config-form .field-hint{align-items:center;display:inline-flex;margin-left:.25rem;position:relative}.dynamic-config-form .field-hint-icon{color:var(--text-secondary);cursor:help;font-size:.875rem;opacity:.6;transition:all .2s ease}.dynamic-config-form .field-hint:hover .field-hint-icon{color:var(--primary-color);opacity:1}.dynamic-config-form .field-hint-tooltip{background:var(--text-primary);border-radius:4px;bottom:calc(100% + 8px);box-shadow:0 2px 8px #00000026;color:#fff;font-size:.75rem;font-weight:400;left:50%;line-height:1.4;max-width:250px;min-width:180px;opacity:0;padding:.5rem .75rem;pointer-events:none;position:absolute;transform:translateX(-50%);transition:opacity .2s ease,visibility .2s ease;visibility:hidden;white-space:normal;z-index:1000}.dynamic-config-form .field-hint-tooltip:after{border:4px solid #0000;border-top:4px solid var(--text-primary);content:"";left:50%;position:absolute;top:100%;transform:translateX(-50%)}.dynamic-config-form .field-hint:hover .field-hint-tooltip{opacity:1;visibility:visible}.dynamic-config-form .form-input,.dynamic-config-form .form-select,.dynamic-config-form .form-textarea{background:var(--background-primary);border:1px solid var(--border-color);border-radius:4px;color:var(--text-primary);font-family:inherit;font-size:.875rem;padding:.625rem .75rem;transition:all .2s ease;width:100%}.dynamic-config-form .form-input:focus,.dynamic-config-form .form-select:focus,.dynamic-config-form .form-textarea:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #3b82f61a;outline:none}.dynamic-config-form .form-input.error,.dynamic-config-form .form-select.error,.dynamic-config-form .form-textarea.error{border-color:#ef4444}.dynamic-config-form .form-input.error:focus,.dynamic-config-form .form-select.error:focus,.dynamic-config-form .form-textarea.error:focus{box-shadow:0 0 0 3px #ef44441a}.dynamic-config-form .form-textarea{font-family:Monaco,Menlo,Consolas,monospace;font-size:.8125rem;min-height:120px;resize:vertical}.dynamic-config-form .form-field label.form-label-checkbox{align-items:center;color:var(--text-primary);cursor:pointer;display:flex;flex-wrap:nowrap;font-size:.8125rem;font-weight:500;gap:.625rem;margin-bottom:0;padding:.5rem 0;width:fit-content}.dynamic-config-form .form-field label.form-label-checkbox input[type=checkbox]{accent-color:var(--primary-color);align-self:center;border:none;cursor:pointer;flex-grow:0;flex-shrink:0;height:18px;margin:0;max-width:18px;min-width:18px;padding:0;vertical-align:middle;width:18px}.dynamic-config-form .form-field label.form-label-checkbox .checkbox-label-text{align-items:center;display:inline-flex;flex-shrink:1;flex-wrap:nowrap;gap:.375rem;line-height:1.2;vertical-align:middle}.dynamic-config-form .error-message{color:#ef4444;display:block;font-size:.75rem;margin-top:.375rem}.dynamic-config-form .form-actions{background:var(--background-tertiary);border-top:1px solid var(--border-color);display:flex;gap:.75rem;padding:1rem 1.25rem}.dynamic-config-form .form-actions button{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;flex:1 1;font-size:.875rem;font-weight:500;gap:.5rem;justify-content:center;padding:.625rem 1rem;transition:all .2s ease}.dynamic-config-form .btn-cancel{background:var(--background-secondary);border:1px solid var(--border-color);color:var(--text-primary)}.dynamic-config-form .btn-cancel:hover:not(:disabled){background:var(--background-tertiary)}.dynamic-config-form .btn-save{background:var(--primary-color);color:#fff}.dynamic-config-form .btn-save:hover:not(:disabled){background:#2563eb;background:var(--primary-color-hover,#2563eb);box-shadow:0 4px 12px #3b82f64d}.dynamic-config-form .form-actions button:disabled{cursor:not-allowed;opacity:.6}.dynamic-config-form .form-actions button i{font-size:.875rem}@media (prefers-color-scheme:dark){.dynamic-config-form .form-actions,.dynamic-config-form .form-header,.dynamic-config-form .form-input,.dynamic-config-form .form-select,.dynamic-config-form .form-textarea{background:#ffffff0d}.dynamic-config-form .btn-cancel{background:#ffffff1a}.dynamic-config-form .btn-cancel:hover:not(:disabled){background:#ffffff26}}.user-create-form{display:flex;flex-direction:column;gap:20px}.form-group{gap:6px}.form-group .required{color:#ef4444}.form-group input{border:1px solid #d1d5db;border-radius:8px;font-size:.875rem;padding:12px;transition:all .2s}.form-group input:focus{border-color:#de5a23;box-shadow:0 0 0 3px #de5a231a;outline:none}.form-group input.error{border-color:#ef4444}.form-group input.error:focus{box-shadow:0 0 0 3px #ef44441a}.form-group input:disabled{background-color:#f9fafb;cursor:not-allowed}.error-message{color:#ef4444;margin-top:4px}.field-hint{color:#6b7280;font-size:.75rem;margin-top:4px}.user-edit-form{display:flex;flex-direction:column;gap:20px}.form-group-inline{background-color:#f9fafb;border-radius:8px;display:flex;flex-direction:column;gap:6px;padding:12px}.checkbox-label{align-items:center;color:#374151;cursor:pointer;display:flex;font-size:.875rem;gap:10px}.checkbox-label input[type=checkbox]{accent-color:#de5a23;cursor:pointer;height:18px;width:18px}.checkbox-label input[type=checkbox]:disabled{cursor:not-allowed;opacity:.5}.checkbox-label span{font-weight:500}.role-assignment-container{display:flex;flex-direction:column;gap:24px}.assign-role-section,.current-roles-section{display:flex;flex-direction:column;gap:12px}.assign-role-section h4,.current-roles-section h4{color:#1f2937;font-size:1rem;font-weight:600;margin:0}.roles-list{display:flex;flex-direction:column;gap:8px}.role-item{align-items:center;background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;display:flex;gap:12px;justify-content:space-between;padding:12px}.role-info{display:flex;flex:1 1;flex-direction:column;gap:4px}.system-badge{background-color:#dbeafe;border-radius:4px;color:#3b82f6;display:inline-block;font-weight:500;padding:2px 8px;width:fit-content}.role-description,.system-badge{font-size:.75rem}.remove-btn{align-items:center;background-color:#fee2e2;border:none;border-radius:6px;color:#ef4444;cursor:pointer;display:flex;justify-content:center;padding:6px 12px;transition:all .2s}.remove-btn:hover:not(:disabled){background-color:#fecaca}.remove-btn:disabled{cursor:not-allowed;opacity:.5}.empty-message{background-color:#f9fafb;border-radius:8px;color:#6b7280;font-size:.875rem;padding:16px;text-align:center}.assign-form{align-items:flex-start;display:flex;gap:12px}.role-select{background-color:#fff;border:1px solid #d1d5db;border-radius:8px;cursor:pointer;flex:1 1;font-size:.875rem;padding:12px;transition:all .2s}.role-select:focus{border-color:#de5a23;box-shadow:0 0 0 3px #de5a231a;outline:none}.role-select:disabled{background-color:#f9fafb;cursor:not-allowed}.assign-form .btn-primary{align-items:center;background:#de5a23;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:8px;padding:12px 20px;transition:all .2s;white-space:nowrap}.assign-form .btn-primary:hover:not(:disabled){background:#c54d1e}.assign-form .btn-primary:disabled{background:#f3f4f6;color:#9ca3af;cursor:not-allowed}.loading-state{color:#6b7280;font-size:.875rem;padding:16px;text-align:center}.loading-state i{margin-right:8px}.filter-btn{background:#fff;border:1px solid #e5e7eb;border-radius:8px;cursor:pointer;font-size:14px;padding:8px 16px;transition:all .2s}.filter-btn:hover{background:#f9fafb}.filter-btn.active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.create-user-btn{align-items:center;background:#de5a23;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:8px 16px;transition:all .2s}.create-user-btn:hover{background:#c54d1e}.create-user-btn i{font-size:12px}.users-table-container{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;overflow:hidden}.users-table{border-collapse:collapse;width:100%}.users-table thead{background:#f9fafb;border-bottom:1px solid #e5e7eb}.users-table th{color:#6b7280;font-size:12px;font-weight:600;letter-spacing:.05em;padding:12px 16px;text-align:left;text-transform:uppercase}.users-table td{border-bottom:1px solid #f3f4f6;padding:16px}.users-table tbody tr:hover{background:#f9fafb}.user-cell{align-items:center;display:flex;gap:12px}.user-avatar{border-radius:50%;height:40px;width:40px}.user-name{color:#1f2937;font-weight:500}.user-username{color:#6b7280;font-size:13px}.roles-badges{display:flex;flex-wrap:wrap;gap:6px}.role-badge{background:#e5e7eb;color:#374151}.role-badge.admin{background:#fef3c7;color:#92400e}.status-badge{padding:4px 12px}.status-badge.inactive{background:#fee2e2}.loading-state i{color:var(--color-primary)}.pagination{gap:16px;justify-content:center;margin-top:20px}.pagination,.pagination button{align-items:center;display:flex}.pagination button{background:#fff;border:1px solid #e5e7eb;border-radius:8px;cursor:pointer;font-size:14px;gap:6px;padding:8px 16px;transition:all .2s}.pagination button:hover:not(:disabled){background:#f9fafb}.pagination button:disabled{cursor:not-allowed;opacity:.5}.pagination span{color:#6b7280;font-size:14px}.user-management .btn-primary{align-items:center;background-color:var(--color-primary);border:none;border-radius:4px;color:#fff;cursor:pointer;display:inline-flex;gap:6px;transition:background-color .2s}.user-management .btn-primary:hover{background-color:var(--color-primary-dark)}.user-management .btn-sm{font-size:.875rem;font-weight:500;padding:.5rem 1rem}.slide-over-dialog{position:relative;z-index:1000}.slide-over-overlay{backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);background-color:#0006;inset:0;position:fixed;transition:opacity .3s ease-in-out}.slide-over-panel-container{inset:0;overflow:hidden;position:fixed}.slide-over-panel-wrapper{inset:0;overflow:hidden;position:absolute}.slide-over-panel-positioner{inset-y:0;display:flex;max-width:100%;padding-left:2.5rem;pointer-events:none;position:fixed;right:0}.slide-over-panel{pointer-events:auto;transition:transform .3s ease-in-out;width:100vw}.slide-over-sm{max-width:24rem}.slide-over-md{max-width:28rem}.slide-over-lg{max-width:32rem}.slide-over-xl{max-width:36rem}.slide-over-content{background-color:#fff;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;display:flex;flex-direction:column;height:100%}.slide-over-header{background-color:#f9fafb;border-bottom:1px solid #e5e7eb;flex-shrink:0;padding:1.5rem}.slide-over-header-content{align-items:flex-start;display:flex;gap:1rem;justify-content:space-between}.slide-over-title-section{flex:1 1;min-width:0}.slide-over-title{color:#111827;font-size:1.125rem;font-weight:600;line-height:1.5rem;margin:0}.slide-over-description{color:#6b7280;font-size:.875rem;line-height:1.25rem;margin-top:.5rem}.slide-over-close-wrapper{align-items:center;display:flex;flex-shrink:0;height:1.75rem}.slide-over-close-button{align-items:center;background-color:#fff;border:none;border-radius:.375rem;color:#9ca3af;cursor:pointer;display:flex;height:2rem;justify-content:center;padding:0;transition:all .2s ease;width:2rem}.slide-over-close-button:hover{background-color:#f3f4f6;color:#6b7280}.slide-over-close-button:focus{box-shadow:0 0 0 2px #de5a23;outline:none}.slide-over-close-icon{height:1.5rem;width:1.5rem}.slide-over-body{flex:1 1;overflow-y:auto;padding:1.5rem;position:relative}.slide-over-footer{background-color:#f9fafb;border-top:1px solid #e5e7eb;display:flex;flex-shrink:0;gap:.75rem;justify-content:flex-end;padding:1rem 1.5rem}.sr-only{clip:rect(0,0,0,0);border-width:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}@media (max-width:640px){.slide-over-panel-positioner{padding-left:0}.slide-over-panel{max-width:100%!important;width:100%}.slide-over-body,.slide-over-footer,.slide-over-header{padding:1rem}.slide-over-title{font-size:1rem}.slide-over-description{font-size:.8125rem}}@media (min-width:640px) and (max-width:1024px){.slide-over-panel-positioner{padding-left:1.5rem}}@media (prefers-reduced-motion:reduce){.slide-over-overlay,.slide-over-panel{transition-duration:.01ms!important}}@media (prefers-color-scheme:dark){.slide-over-content{background-color:#1f2937}.slide-over-footer,.slide-over-header{background-color:#111827;border-color:#374151}.slide-over-title{color:#f9fafb}.slide-over-description{color:#9ca3af}.slide-over-close-button{background-color:#374151;color:#9ca3af}.slide-over-close-button:hover{background-color:#4b5563;color:#f3f4f6}}.create-role-btn{align-items:center;background:#de5a23;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:8px 16px;transition:all .2s}.create-role-btn:hover{background:#c54d1e}.create-role-btn i{font-size:12px}.roles-table-container{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;overflow:hidden}.roles-table{border-collapse:collapse;width:100%}.roles-table thead{background:#f9fafb;border-bottom:1px solid #e5e7eb}.roles-table th{color:#6b7280;font-size:12px;font-weight:600;letter-spacing:.05em;padding:12px 16px;text-align:left;text-transform:uppercase}.roles-table td{border-bottom:1px solid #f3f4f6;padding:16px}.roles-table tbody tr:hover{background:#f9fafb}.role-name{align-items:center;color:#1f2937;display:flex;font-weight:500;gap:10px}.role-name i{color:#de5a23}.role-description{color:#6b7280;font-size:14px}.role-badge{align-items:center;border-radius:6px;display:inline-flex;font-size:12px;font-weight:500;gap:4px}.role-badge.system{background:#fef3c7;color:#92400e}.role-badge.custom{background:#dbeafe;color:#1e40af}.alert{font-size:.9rem}.role-management .alert-error{background-color:#fee2e2;border:1px solid #fca5a5;color:#991b1b}.role-management .alert-info{background-color:#dbeafe;border:1px solid #93c5fd;color:#1e40af}.role-management .modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.role-management .btn-primary:disabled,.role-management .btn-secondary:disabled{cursor:not-allowed;opacity:.5}.role-management .btn-danger{background:#dc2626;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:all .2s}.role-management .btn-danger:hover{background:#b91c1c}.role-management .form-field{margin-bottom:20px}.role-management .checkbox-label{align-items:center;color:#1f2937;cursor:pointer;display:flex;font-size:14px;gap:8px}.role-management .checkbox-label input[type=checkbox]{cursor:pointer;height:16px;width:16px}.role-management .field-hint{color:#6b7280;font-size:12px;margin:4px 0 0 24px}.alert{align-items:center;border-radius:8px;display:flex;font-size:14px;gap:10px;margin-bottom:20px;padding:12px 16px}.alert-error{background-color:#fee2e2;border:1px solid #fca5a5;color:#991b1b}.alert i{font-size:16px}.resource-filter{background:#fff;border:1px solid #e5e7eb;border-radius:8px;cursor:pointer;font-size:14px;min-width:180px;padding:12px 16px;transition:all .2s}.resource-filter:hover:not(:disabled){border-color:#3b82f6}.resource-filter:focus{border-color:#3b82f6;outline:none}.resource-filter:disabled{background-color:#f9fafb;cursor:not-allowed}.create-permission-btn{align-items:center;background:#de5a23;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:12px 20px;transition:all .2s;white-space:nowrap}.create-permission-btn:hover:not(:disabled){background:#c54d1e;box-shadow:0 2px 4px #de5a234d;transform:translateY(-1px)}.create-permission-btn:disabled{background:#9ca3af;cursor:not-allowed}.create-permission-btn i{font-size:12px}.permissions-table-container{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;overflow:hidden}.resource-badge{background:#dbeafe;color:#1e40af}.action-badge,.resource-badge{align-items:center;border-radius:6px;display:inline-flex;font-size:13px;font-weight:500;padding:4px 12px}.action-badge{background:#d1fae5;color:#065f46}.description-text{color:#6b7280;font-size:14px;line-height:1.5}.action-buttons{justify-content:center}.action-btn{font-size:14px}.action-btn:hover{background:#e5e7eb;color:#1f2937}.action-btn.danger:hover{background:#fee2e2;color:#dc2626}.modal-actions{display:flex;gap:12px;justify-content:flex-end;width:100%}.permission-management .btn-secondary{background:#fff;border:1px solid #e5e7eb;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:all .2s}.permission-management .btn-secondary:hover:not(:disabled){background:#f9fafb}.permission-management .btn-secondary:disabled{cursor:not-allowed;opacity:.5}.permission-management .btn-primary{align-items:center;background:#de5a23;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:10px 20px;transition:all .2s}.permission-management .btn-primary:hover:not(:disabled){background:#c54d1e}.permission-management .btn-primary:disabled{background:#9ca3af;cursor:not-allowed}.permission-management .btn-primary i{font-size:12px}@media (max-width:768px){.permission-management{padding:16px}.stats-grid{gap:16px;grid-template-columns:1fr}.filters-section{align-items:stretch}.filter-buttons,.filters-section{flex-direction:column}.create-permission-btn,.resource-filter{width:100%}.page-header h1,.stat-content h3{font-size:24px}}@media (max-width:480px){.stat-card{padding:16px}.stat-icon{font-size:20px;height:48px;width:48px}.filters-section{padding:16px}}.domain-management .btn-create{align-items:center;background:var(--admin-primary);border:none;border-radius:var(--admin-radius-lg);color:#fff;cursor:pointer;display:flex;font-size:var(--admin-font-base);font-weight:500;gap:var(--admin-spacing-xs);padding:var(--admin-spacing-sm) var(--admin-spacing-md);transition:all var(--admin-transition-base);white-space:nowrap}.domain-management .btn-create:hover{background:var(--admin-primary-hover);transform:translateY(-1px)}.domain-management .btn-create i{font-size:12px}.table-container{width:100%}.table-filters{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;gap:20px;padding:16px}.table-filters label{color:#6b7280;font-size:14px;font-weight:500;margin-right:8px}.table-filters select{background:#fff;border:1px solid #e5e7eb;border-radius:6px;cursor:pointer;font-size:14px;padding:8px 12px}.data-table{border-collapse:collapse;width:100%}.data-table thead{background:#f9fafb;border-bottom:1px solid #e5e7eb}.data-table th{color:#6b7280;font-size:12px;font-weight:600;letter-spacing:.05em;padding:12px 16px;text-align:left;text-transform:uppercase}.data-table td{border-bottom:1px solid #f3f4f6;padding:16px}.data-table tbody tr:hover{background:#f9fafb}.company-name,.domain-name{align-items:center;color:#1f2937;display:flex;font-weight:500;gap:10px}.domain-name i{color:#de5a23}.domain-description{color:#6b7280;font-size:14px}.domain-badge{background:#f3f4f6;color:#6b7280;padding:4px 10px}.domain-badge i{color:#de5a23}.status-badge{align-items:center;border-radius:6px;display:inline-flex;font-weight:500;gap:4px}.status-badge.active{background:#d1fae5}.action-btn,.status-badge.inactive{background:#f3f4f6;color:#6b7280}.action-btn{border-radius:6px;display:flex;height:32px;width:32px}.action-btn:hover:not(:disabled){background:#e5e7eb;color:#1f2937}.action-btn.danger:hover:not(:disabled){background:#fee2e2;color:#dc2626}.action-btn:disabled{opacity:.4}.empty-state,.loading-state{color:#6b7280;padding:60px 20px;text-align:center}.empty-state i,.loading-state i{display:block;font-size:48px;margin-bottom:16px}.loading-state i{color:#de5a23}.domain-management .alert{align-items:center;border-radius:8px;display:flex;font-size:14px;gap:10px;margin-bottom:20px;padding:12px 16px;position:relative}.domain-management .alert-error{background-color:#fee2e2;border:1px solid #fca5a5;color:#991b1b}.domain-management .alert-close{background:none;border:none;color:inherit;cursor:pointer;margin-left:auto;opacity:.6;padding:4px}.domain-management .alert-close:hover{opacity:1}.domain-management .modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.domain-management .form-field{margin-bottom:20px}.domain-management .form-field label{color:#374151;display:block;font-size:14px;font-weight:500;margin-bottom:6px}.domain-management .form-field .required{color:#dc2626}.domain-management .form-field input,.domain-management .form-field select,.domain-management .form-field textarea{border:1px solid #d1d5db;border-radius:6px;font-family:inherit;font-size:14px;padding:10px 12px;transition:border-color .2s;width:100%}.domain-management .form-field input:focus,.domain-management .form-field select:focus,.domain-management .form-field textarea:focus{border-color:#de5a23;outline:none}.domain-management .form-field input.error,.domain-management .form-field select.error,.domain-management .form-field textarea.error{border-color:#dc2626}.domain-management .form-field .field-error{color:#dc2626;display:block;font-size:12px;margin-top:4px}.domain-management .form-field textarea{min-height:80px;resize:vertical}.domain-management .btn-secondary{background:#fff;border:1px solid #e5e7eb;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:all .2s}.domain-management .btn-secondary:hover{background:#f9fafb}.domain-management .btn-primary{background:#de5a23;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:all .2s}.domain-management .btn-primary:hover{background:#c54d1e}.domain-management .btn-primary:disabled,.domain-management .btn-secondary:disabled{cursor:not-allowed;opacity:.5}.domain-management .btn-danger{background:#dc2626;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:all .2s}.domain-management .btn-danger:hover{background:#b91c1c}.domain-management .filter-group{align-items:center;display:flex;gap:8px}.filter-select{background:#fff;border:1px solid #e5e7eb;border-radius:8px;cursor:pointer;font-size:14px;min-width:180px;padding:12px 16px;transition:all .2s}.filter-select:hover:not(:disabled){border-color:#3b82f6}.filter-select:focus{border-color:#3b82f6;outline:none}.filter-select:disabled{background-color:#f9fafb;cursor:not-allowed}.create-btn{align-items:center;background:#de5a23;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:12px 20px;transition:all .2s;white-space:nowrap}.create-btn:hover:not(:disabled){background:#c54d1e;box-shadow:0 2px 4px #de5a234d;transform:translateY(-1px)}.create-btn:disabled{background:#9ca3af;cursor:not-allowed}.create-btn i{font-size:12px}.companies-table-container{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;overflow:hidden}.alert-warning{align-items:center;background-color:#fef3c7;border:1px solid #fcd34d;border-radius:8px;color:#92400e;display:flex;font-size:14px;gap:10px;margin-bottom:20px;padding:12px 16px}.alert-warning i{font-size:16px}.company-name{align-items:center;display:flex;font-weight:500;gap:10px}.company-name i{color:#3b82f6;font-size:16px}.cnpj{background:#f3f4f6;border-radius:4px;font-family:Courier New,monospace;font-size:13px;padding:4px 8px}.domain-badge{align-items:center;background:#dbeafe;border-radius:6px;color:#1e40af;display:inline-flex;font-size:13px;font-weight:500;gap:6px;padding:4px 12px}.domain-badge i{font-size:12px}.account-modal-form{display:flex;flex-direction:column;gap:20px}.account-modal-form .form-group{display:flex;flex-direction:column;gap:8px}.account-modal-form label{color:#374151;font-size:14px;font-weight:600}.account-modal-form .required{color:#ef4444}.account-modal-form input[type=email],.account-modal-form input[type=text],.account-modal-form select,.account-modal-form textarea{border:1px solid #d1d5db;border-radius:6px;font-size:14px;padding:10px 12px;transition:border-color .2s}.account-modal-form input[type=email]:focus,.account-modal-form input[type=text]:focus,.account-modal-form select:focus,.account-modal-form textarea:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.account-modal-form input.error,.account-modal-form select.error,.account-modal-form textarea.error{border-color:#ef4444}.account-modal-form input.read-only{background-color:#f3f4f6;cursor:not-allowed}.account-modal-form .error-message{color:#ef4444;font-size:12px;margin-top:-4px}.account-modal-form .field-hint{color:#6b7280;font-size:12px;font-style:italic}.account-modal-form .checkbox-label{align-items:center;cursor:pointer;display:flex;font-weight:400;gap:8px}.account-modal-form .checkbox-label input[type=checkbox]{cursor:pointer;height:18px;width:18px}.account-modal-form .checkbox-label span{color:#374151;font-size:14px}.account-info{background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;margin-top:16px;padding:16px}.account-info .info-row{border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:8px 0}.account-info .info-row:last-child{border-bottom:none}.account-info .info-label{color:#6b7280;font-size:13px;font-weight:600}.account-info .info-value{color:#374151;font-size:13px}.account-details-modal{min-height:400px}.account-details-modal .loading-state{align-items:center;color:#6b7280;display:flex;flex-direction:column;justify-content:center;padding:60px 20px}.account-details-modal .loading-state i{color:#667eea;font-size:32px;margin-bottom:16px}.account-details-modal .tabs,.account-modal .tabs{border-bottom:2px solid #e5e7eb;display:flex;gap:8px;margin-bottom:24px}.account-details-modal .tab,.account-modal .tab{background:none;border:none;border-bottom:2px solid #0000;color:#6b7280;cursor:pointer;font-size:14px;font-weight:500;margin-bottom:-2px;padding:12px 20px;transition:all .2s}.account-details-modal .tab:hover,.account-modal .tab:hover{background-color:#f9fafb;color:#667eea}.account-details-modal .tab.active,.account-modal .tab.active{border-bottom-color:#667eea;color:#667eea}.account-details-modal .tab i,.account-modal .tab i{margin-right:6px}.account-details-modal .tab-content,.account-modal .tab-content{animation:fadeIn .3s ease-in}.account-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;margin-bottom:24px;padding-bottom:16px}.account-header h3{color:#111827;font-size:24px;margin:0}.status-badge{padding:6px 12px}.status-badge.active{background-color:#d1fae5;color:#065f46}.status-badge.inactive{background-color:#fee2e2;color:#991b1b}.account-info-section{gap:16px;margin-bottom:32px}.account-info-section,.info-group{display:flex;flex-direction:column}.info-group{gap:4px}.info-group label{color:#6b7280;font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.info-group span{color:#111827;font-size:14px}.value-mono{background-color:#f3f4f6;border-radius:4px;display:inline-block;font-family:Courier New,monospace;padding:4px 8px}.statistics-section{margin-top:32px}.statistics-section h4{color:#374151;font-size:16px;font-weight:600;margin:0 0 16px}.stats-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.statistics-section .stat-card,.stats-grid .stat-card{align-items:center;background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;display:flex;gap:12px;padding:16px}.statistics-section .stat-icon,.stats-grid .stat-icon{color:#667eea;font-size:24px}.statistics-section .stat-icon.owner,.stats-grid .stat-icon.owner{color:#f59e0b}.statistics-section .stat-icon.admin,.stats-grid .stat-icon.admin{color:#3b82f6}.statistics-section .stat-icon.member,.stats-grid .stat-icon.member{color:#10b981}.statistics-section .stat-content,.stats-grid .stat-content{display:flex;flex-direction:column}.statistics-section .stat-value,.stats-grid .stat-value{color:#111827;font-size:24px;font-weight:700;line-height:1}.statistics-section .stat-label,.stats-grid .stat-label{color:#6b7280;font-size:12px;margin-top:4px}.members-table{overflow-x:auto}.members-table table{border-collapse:collapse;width:100%}.members-table thead{background-color:#f9fafb;border-bottom:2px solid #e5e7eb}.members-table th{color:#6b7280;font-size:12px;font-weight:600;letter-spacing:.5px;padding:12px 16px;text-align:left;text-transform:uppercase}.members-table tbody tr{border-bottom:1px solid #e5e7eb;transition:background-color .2s}.members-table tbody tr:hover{background-color:#f9fafb}.members-table td{color:#374151;font-size:14px;padding:12px 16px}.user-info{align-items:center;display:flex;gap:10px}.user-avatar-small{border-radius:50%;height:32px;object-fit:cover;width:32px}.user-name-small{color:#111827;font-size:14px;font-weight:600}.user-username-small{color:#6b7280;font-size:12px}.role-badge{border-radius:12px;display:inline-block;font-size:11px;font-weight:600;letter-spacing:.5px;padding:4px 10px;text-transform:uppercase}.role-badge.role-owner{background-color:#fef3c7;color:#92400e}.role-badge.role-admin{background-color:#dbeafe;color:#1e40af}.role-badge.role-member{background-color:#d1fae5;color:#065f46}.role-badge.role-default{background-color:#f3f4f6;color:#4b5563}.empty-state{align-items:center;color:#9ca3af;display:flex;flex-direction:column;justify-content:center;padding:60px 20px}.empty-state i{color:#d1d5db;font-size:48px;margin-bottom:16px}.empty-state p{font-size:14px;margin:0}.members-header{align-items:center;border-bottom:2px solid #e5e7eb;display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:12px}.members-header h4{color:#374151;font-size:16px;font-weight:600;margin:0}.role-edit-controls{align-items:center;display:flex;gap:8px}.role-edit-controls .role-select{border:1px solid #d1d5db;border-radius:4px;font-size:13px;min-width:120px;padding:6px 10px}.role-edit-controls .role-select:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.action-buttons{align-items:center;display:flex;gap:8px}.btn-icon{background:none;border:none;border-radius:4px;cursor:pointer;font-size:13px;padding:6px 10px;transition:all .2s}.btn-icon:hover{transform:translateY(-1px)}.btn-icon:active{transform:translateY(0)}.btn-icon.btn-primary{color:#3b82f6}.btn-icon.btn-primary:hover{background-color:#eff6ff}.btn-icon.btn-success{color:#10b981}.btn-icon.btn-success:hover{background-color:#d1fae5}.btn-icon.btn-danger{color:#ef4444}.btn-icon.btn-danger:hover{background-color:#fee2e2}.btn-icon.btn-secondary{color:#6b7280}.btn-icon.btn-secondary:hover{background-color:#f3f4f6}.badge-success{background-color:#d1fae5;color:#065f46}.badge-secondary,.badge-success{border-radius:12px;display:inline-block;font-size:11px;font-weight:600;letter-spacing:.5px;padding:4px 10px;text-transform:uppercase}.badge-secondary{background-color:#f3f4f6;color:#6b7280}.btn-sm{font-size:13px;padding:8px 14px}.account-details-modal .modal-overlay,.account-modal .modal-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.account-details-modal .modal-content,.account-modal .modal-content{background:#fff;border-radius:8px;box-shadow:0 10px 25px #0003;max-width:500px;width:90%}.account-details-modal .modal-header,.account-modal .modal-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:20px}.account-details-modal .modal-header h3,.account-modal .modal-header h3{color:#111827;font-size:18px;margin:0}.account-details-modal .modal-close,.account-modal .modal-close{background:none;border:none;color:#6b7280;cursor:pointer;font-size:20px;padding:4px 8px;transition:color .2s}.account-details-modal .modal-close:hover,.account-modal .modal-close:hover{color:#111827}.account-details-modal .modal-body,.account-modal .modal-body{color:#374151;font-size:14px;line-height:1.6;padding:20px}.account-details-modal .modal-footer,.account-modal .modal-footer{background-color:#f9fafb;border-top:1px solid #e5e7eb;display:flex;gap:12px;justify-content:flex-end;padding:16px 20px}.account-management{width:100%}.account-cell{gap:12px}.account-cell,.account-icon{align-items:center;display:flex}.account-icon{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:8px;color:#fff;font-size:18px;height:40px;justify-content:center;width:40px}.account-name{color:#111827;font-size:14px;font-weight:600}.account-slug{color:#6b7280;font-family:Courier New,monospace;font-size:12px}.user-count{align-items:center;color:#6b7280;display:flex;gap:6px}.user-count i{color:#667eea;font-size:14px}.user-count span{color:#374151;font-weight:600}.create-account-btn{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:10px 18px;transition:all .2s}.create-account-btn:hover{box-shadow:0 4px 12px #667eea4d;transform:translateY(-1px)}.create-account-btn:active{transform:translateY(0)}.create-account-btn i{font-size:12px}.accounts-table-container{border-radius:12px;overflow:hidden}.account-management .pagination,.accounts-table-container{background:#fff;box-shadow:0 1px 3px 0 #0000001a;margin-top:24px}.account-management .pagination{align-items:center;border-radius:8px;display:flex;justify-content:space-between;padding:16px}.account-management .pagination button{align-items:center;background:#fff;border:1px solid #d1d5db;border-radius:6px;color:#374151;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:6px;padding:8px 16px;transition:all .2s}.account-management .pagination button:hover:not(:disabled){background:#f9fafb;border-color:#667eea;color:#667eea}.account-management .pagination button:disabled{cursor:not-allowed;opacity:.5}.account-management .pagination span{color:#6b7280;font-size:14px;font-weight:500}.account-management .alert{align-items:flex-start;border-radius:8px;display:flex;gap:12px;margin-bottom:24px;padding:16px}.account-management .alert-error{background-color:#fef2f2;border:1px solid #fecaca;color:#991b1b}.account-management .alert i{font-size:20px;margin-top:2px}.account-management .alert>div{flex:1 1}.account-management .modal-overlay{align-items:center;animation:fadeIn .2s ease-in;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.account-management .modal-content{animation:slideUp .3s ease-out;background:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a;max-width:500px;width:90%}.account-management .modal-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:20px 24px}.account-management .modal-header h3{color:#111827;font-size:18px;font-weight:600;margin:0}.account-management .modal-close{background:none;border:none;color:#6b7280;cursor:pointer;font-size:20px;line-height:1;padding:4px;transition:color .2s}.account-management .modal-close:hover{color:#111827}.account-management .modal-body{padding:24px}.account-management .modal-body p{color:#374151;font-size:14px;line-height:1.6;margin:0}.account-management .modal-footer{align-items:center;border-top:1px solid #e5e7eb;display:flex;gap:12px;justify-content:flex-end;padding:16px 24px}.account-management .btn-secondary{background:#fff;border:1px solid #d1d5db;border-radius:6px;color:#374151;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:all .2s}.account-management .btn-secondary:hover{background:#f9fafb;border-color:#9ca3af}.account-management .btn-danger{background:#ef4444;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:all .2s}.account-management .btn-danger:hover{background:#dc2626}.account-management .btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:all .2s}.account-management .btn-primary:hover{box-shadow:0 4px 12px #667eea4d;transform:translateY(-1px)}.account-management .btn-sm{font-size:12px;padding:6px 12px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.entity-type-form{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;padding:2rem}.entity-type-form form{display:flex;flex-direction:column;gap:2rem}.form-section h3{align-items:center;color:#1a202c;display:flex;font-size:1.125rem;font-weight:600;gap:.5rem;margin:0 0 1.5rem}.form-section h3 i{color:#3b82f6;font-size:1rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{align-items:center;color:#374151;display:flex;font-size:.875rem;font-weight:500;gap:.25rem}.form-group label .required{color:#dc2626}.form-group input,.form-group textarea{border:1px solid #d1d5db;border-radius:6px;font-size:.875rem;padding:.625rem .875rem;transition:all .2s}.form-group input:focus,.form-group textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.form-group input:disabled,.form-group textarea:disabled{background-color:#f3f4f6;cursor:not-allowed;opacity:.6}.form-group input.error,.form-group textarea.error{border-color:#dc2626}.form-group input.error:focus,.form-group textarea.error:focus{box-shadow:0 0 0 3px #dc26261a}.error-message{color:#dc2626;font-size:.75rem;margin-top:.25rem}.field-note{color:#6b7280;font-size:.75rem;font-style:italic}.form-info{align-items:center;background:#f0f9ff;border:1px solid #bfdbfe;border-radius:6px;color:#1e40af;display:flex;font-size:.875rem;gap:.5rem;margin-top:1rem;padding:.75rem 1rem}.form-info i{color:#3b82f6}.form-info strong{font-weight:600}.form-actions{border-top:1px solid #e5e7eb;display:flex;gap:1rem;justify-content:flex-end;padding-top:1rem}.form-actions button{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;padding:.625rem 1.25rem;transition:all .2s}.btn-cancel{background:#f3f4f6;color:#374151}.btn-cancel:hover:not(:disabled){background:#e5e7eb}.btn-submit{background:#3b82f6;color:#fff}.btn-submit:hover:not(:disabled){background:#2563eb;box-shadow:0 4px 6px #0000001a;transform:translateY(-1px)}.form-actions button:disabled{cursor:not-allowed;opacity:.6;transform:none}.form-actions button i.fa-spinner{animation:spin 1s linear infinite}.pagination-container{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;padding:16px 0}.pagination-info{color:var(--color-text-secondary);font-size:14px;font-weight:500;white-space:nowrap}.pagination-controls{align-items:center;display:flex;gap:8px}.pagination-btn{align-items:center;background:var(--color-white);border:1px solid var(--color-border);border-radius:6px;color:var(--color-text-primary);cursor:pointer;display:inline-flex;font-family:inherit;font-size:14px;font-weight:500;gap:6px;padding:8px 16px;transition:all .15s ease;white-space:nowrap}.pagination-btn:hover:not(:disabled){background:var(--color-primary-light);border-color:var(--color-primary);color:var(--color-primary)}.pagination-btn:disabled{cursor:not-allowed;opacity:.4}.pagination-btn i{font-size:12px}.pagination-pages{align-items:center;display:flex;gap:4px}.pagination-page{align-items:center;background:var(--color-white);border:1px solid var(--color-border-light);border-radius:6px;color:var(--color-text-primary);cursor:pointer;display:inline-flex;font-family:inherit;font-size:14px;font-weight:500;height:40px;justify-content:center;min-width:40px;padding:0 12px;transition:all .15s ease}.pagination-page:hover:not(.active){background:var(--color-primary-light);border-color:var(--color-primary);color:var(--color-primary)}.pagination-page.active{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-white);cursor:default;font-weight:600}.pagination-ellipsis{align-items:center;color:var(--color-text-secondary);display:inline-flex;font-size:14px;height:40px;justify-content:center;min-width:40px;-webkit-user-select:none;user-select:none}.pagination-size{align-items:center;display:flex;gap:8px;white-space:nowrap}.pagination-size label{color:var(--color-text-secondary);font-size:14px;font-weight:500}.pagination-size-select{appearance:none;background:var(--color-white);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath fill='%234A5568' d='m6 8.5-4-4h8z'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;border:1px solid var(--color-border);border-radius:6px;color:var(--color-text-primary);cursor:pointer;font-family:inherit;font-size:14px;padding:8px 32px 8px 12px;transition:all .15s ease}.pagination-size-select:hover{background-color:var(--color-primary-light);border-color:var(--color-primary)}.pagination-size-select:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #de5a231a;outline:none}@media (max-width:768px){.pagination-container{align-items:stretch;flex-direction:column;gap:12px}.pagination-info{order:-1;text-align:center}.pagination-controls{justify-content:center;order:1}.pagination-size{justify-content:center;order:2}.pagination-page{font-size:13px;height:36px;min-width:36px;padding:0 8px}.pagination-btn{font-size:13px;padding:8px 12px}.pagination-ellipsis{height:36px;min-width:36px}}@media (max-width:480px){.pagination-info,.pagination-size label{font-size:13px}.pagination-size-select{font-size:13px;padding:8px 28px 8px 10px}.pagination-pages{gap:2px}.pagination-page{font-size:12px;height:32px;min-width:32px;padding:0 6px}.pagination-btn{font-size:12px;padding:6px 10px}.pagination-btn i{font-size:10px}.pagination-ellipsis{font-size:12px;height:32px;min-width:32px}}.relationship-type-form-container{padding:0;width:100%}.relationship-type-form-card{background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;overflow:hidden}.relationship-type-form-card .form-header{background:#f8f9fa;border-bottom:1px solid #e5e7eb;color:#111827;padding:1.5rem 2rem}.relationship-type-form-card .form-header h2{align-items:center;display:flex;font-size:1.5rem;font-weight:600;gap:.75rem;margin:0}.relationship-type-form-card .form-header h2 i{font-size:1.25rem}.relationship-type-form{padding:2rem}.relationship-type-form-container .form-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr 1fr;margin-bottom:2rem}.relationship-type-form-container .form-group{display:flex;flex-direction:column;gap:.5rem}.relationship-type-form-container .form-group-full{grid-column:1/-1}.relationship-type-form-container .form-label{align-items:center;color:#374151;display:flex;font-size:.875rem;font-weight:600;gap:.25rem}.relationship-type-form-container .form-label .required{color:#ef4444}.relationship-type-form-container .form-input,.relationship-type-form-container .form-textarea{border:1px solid #d1d5db;border-radius:6px;color:#111827;font-family:inherit;font-size:.875rem;padding:.75rem 1rem;transition:all .2s}.relationship-type-form-container .form-input:focus,.relationship-type-form-container .form-textarea:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.relationship-type-form-container .form-input.error,.relationship-type-form-container .form-textarea.error{border-color:#ef4444}.relationship-type-form-container .form-input:disabled,.relationship-type-form-container .form-textarea:disabled{background-color:#f3f4f6;cursor:not-allowed;opacity:.6}.relationship-type-form-container .form-textarea{min-height:100px;resize:vertical}.relationship-type-form-container .form-error{color:#ef4444;font-size:.75rem;margin-top:-.25rem}.relationship-type-form-container .form-hint{color:#6b7280;font-size:.75rem;margin-top:-.25rem}.relationship-type-form .form-actions{border-top:1px solid #e5e7eb;display:flex;gap:1rem;justify-content:flex-end;padding-top:1.5rem}.relationship-type-form .form-actions .btn-form-primary,.relationship-type-form .form-actions .btn-form-secondary{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:.875rem;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .2s}.relationship-type-form .form-actions .btn-form-primary{background:#3b82f6;color:#fff}.relationship-type-form .form-actions .btn-form-primary:hover:not(:disabled){background:#2563eb}.relationship-type-form .form-actions .btn-form-primary:disabled{cursor:not-allowed;opacity:.6}.relationship-type-form .form-actions .btn-form-secondary{background:#fff;border:1px solid #d1d5db;color:#6b7280}.relationship-type-form .form-actions .btn-form-secondary:hover:not(:disabled){background:#f9fafb;border-color:#9ca3af}.relationship-type-form .form-actions .btn-form-secondary:disabled{cursor:not-allowed;opacity:.6}.relationship-type-form .form-actions .btn-form-primary i.fa-spinner,.relationship-type-form .form-actions .btn-form-secondary i.fa-spinner{animation:form-spin 1s linear infinite}@keyframes form-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (max-width:768px){.relationship-type-form-container .form-grid{gap:1rem;grid-template-columns:1fr}.relationship-type-form-container .relationship-type-form{padding:1.5rem}.relationship-type-form-container .form-actions{flex-direction:column-reverse}.relationship-type-form-container .btn-primary,.relationship-type-form-container .btn-secondary{justify-content:center;width:100%}}.relationship-type-management .modal-overlay{align-items:center;animation:relationshipTypeFadeIn .2s ease-out;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}@keyframes relationshipTypeFadeIn{0%{opacity:0}to{opacity:1}}.relationship-type-management .modal-content{animation:slideUp .3s ease-out;background:#fff;border-radius:12px;box-shadow:0 20px 60px #0000004d;max-width:500px;width:90%}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.relationship-type-management .modal-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:1.5rem 2rem}.relationship-type-management .modal-header h3{align-items:center;color:#111827;display:flex;font-size:1.25rem;font-weight:600;gap:.75rem;margin:0}.relationship-type-management .modal-header h3 i{color:#ef4444;font-size:1.5rem}.relationship-type-management .modal-close{background:none;border:none;border-radius:6px;color:#6b7280;cursor:pointer;font-size:1.25rem;padding:.5rem;transition:all .2s}.relationship-type-management .modal-close:hover{background:#f3f4f6;color:#111827}.relationship-type-management .modal-body{padding:2rem}.relationship-type-management .modal-body p{color:#374151;font-size:.875rem;line-height:1.6;margin:0 0 1rem}.relationship-type-management .modal-body p:last-child{margin-bottom:0}.relationship-type-management .modal-warning{align-items:flex-start;background:#fef3c7;border-left:4px solid #f59e0b;border-radius:6px;display:flex;gap:.75rem;margin-top:1rem;padding:1rem}.relationship-type-management .modal-warning i{color:#f59e0b;flex-shrink:0;font-size:1.125rem;margin-top:2px}.relationship-type-management .modal-footer{border-top:1px solid #e5e7eb;display:flex;gap:1rem;justify-content:flex-end;padding:1.5rem 2rem}.relationship-type-management .btn-modal-danger,.relationship-type-management .btn-modal-secondary{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:.875rem;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .2s}.relationship-type-management .btn-modal-secondary{background:#fff;border:1px solid #d1d5db;color:#6b7280}.relationship-type-management .btn-modal-secondary:hover:not(:disabled){background:#f9fafb;border-color:#9ca3af}.relationship-type-management .btn-modal-secondary:disabled{cursor:not-allowed;opacity:.6}.relationship-type-management .btn-modal-danger{background:#ef4444;color:#fff}.relationship-type-management .btn-modal-danger:hover:not(:disabled){background:#dc2626}.relationship-type-management .btn-modal-danger:disabled{cursor:not-allowed;opacity:.6}.relationship-type-management .btn-modal-danger i.fa-spinner,.relationship-type-management .btn-modal-secondary i.fa-spinner{animation:modal-spin 1s linear infinite}@keyframes modal-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.relationship-type-management .alert{align-items:center;border-radius:8px;display:flex;gap:.75rem;margin-bottom:1.5rem;padding:1rem 1.5rem}.relationship-type-management .alert-error{background:#fef2f2;border-left:4px solid #dc2626;color:#991b1b}.relationship-type-management .alert-error i{color:#dc2626;font-size:1.25rem}.relationship-type-management .alert-close{background:none;border:none;border-radius:4px;color:inherit;cursor:pointer;margin-left:auto;opacity:.6;padding:.25rem .5rem;transition:opacity .2s}.relationship-type-management .alert-close:hover{opacity:1}.relationship-type-management .btn-create{align-items:center;background:#3b82f6;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:.875rem;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .2s}.relationship-type-management .btn-create:hover{background:#2563eb}.relationship-type-management .btn-create i{font-size:.875rem}@media (max-width:768px){.relationship-type-management .modal-content{margin:1rem;width:95%}.relationship-type-management .modal-footer{flex-direction:column-reverse}.relationship-type-management .btn-modal-danger,.relationship-type-management .btn-modal-secondary{justify-content:center;width:100%}.relationship-type-actions{flex-direction:column;gap:.25rem}.action-btn{width:100%}}.chunks-table-container{background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;overflow:hidden}.chunks-table{border-collapse:collapse;width:100%}.chunks-table thead{background:#f5f5f5}.chunks-table th{border-bottom:2px solid #e0e0e0;color:#555;font-size:13px;font-weight:600;letter-spacing:.5px;padding:16px;text-align:left;text-transform:uppercase}.chunks-table tbody tr{border-bottom:1px solid #f0f0f0;transition:background .2s}.chunks-table tbody tr:hover{background:#fafafa}.chunks-table td{color:#333;font-size:14px;padding:16px}.chunk-document-id{align-items:center;display:flex;font-weight:500;gap:8px}.chunk-document-id i{color:#5a4a99;font-size:16px}.chunk-document-id code{background:#f5f5f5;border-radius:3px;color:#d32f2f;font-family:Monaco,Courier New,monospace;font-size:12px;padding:4px 8px}.chunk-no-document{color:#999;font-style:italic}.chunk-index{text-align:center}.chunk-index-badge{background:#e3f2fd;border-radius:12px;color:#1976d2;display:inline-block;font-size:13px;font-weight:600;padding:4px 12px}.chunk-text-preview{color:#666;max-width:500px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chunk-date{color:#999;font-size:13px}.filters-container{align-items:center;background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;display:flex;gap:12px;margin-bottom:16px;padding:16px}.filters-container label{color:#555;font-size:14px;font-weight:500}.status-filter{background:#fff;border:1px solid #ddd;border-radius:4px;cursor:pointer;font-size:14px;padding:8px 12px;transition:border-color .2s}.status-filter:focus{border-color:#1976d2;outline:none}.chunk-status{text-align:center}.status-badge{border-radius:12px;padding:4px 10px}.status-not-validated{background:#e3f2fd;color:#1976d2}.chunk-actions{text-align:center}.btn-validate{align-items:center;background:#1976d2;border:none;border-radius:4px;color:#fff;cursor:pointer;display:inline-flex;font-size:13px;font-weight:500;gap:6px;padding:6px 12px;transition:all .2s}.btn-validate:hover{background:#1565c0;box-shadow:0 2px 4px #0003;transform:translateY(-1px)}.btn-validate i{font-size:14px}@media (max-width:1200px){.chunks-table td:first-child,.chunks-table th:first-child{max-width:150px;overflow:hidden;text-overflow:ellipsis}}@media (max-width:768px){.filters-container{align-items:flex-start;flex-direction:column}.status-filter{width:100%}.chunks-table{font-size:12px}.chunks-table td,.chunks-table th{padding:10px 8px}.btn-validate{font-size:11px;padding:4px 8px}.btn-validate i{font-size:12px}}.spell-check-viewer{display:flex;flex-direction:column;gap:20px}.viewer-header{align-items:center;border-bottom:2px solid #e0e0e0;display:flex;justify-content:space-between;padding-bottom:12px}.viewer-header h3{color:#333;font-size:18px;font-weight:600;margin:0}.viewer-header .loading-spinner{align-items:center;color:#666;display:flex;font-size:14px;gap:8px}.viewer-header .loading-spinner i{color:#1976d2}.viewer-header .stats{background:#f5f5f5;border-radius:4px;color:#666;font-size:14px;padding:6px 12px}.text-panels{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.panel{border:1px solid #ddd;border-radius:4px;overflow:hidden}.panel h4{background:#f5f5f5;border-bottom:1px solid #ddd;color:#555;font-size:14px;font-weight:600;margin:0;padding:12px 16px}.text-content{background:#fff;font-family:Monaco,Courier New,monospace;font-size:13px;line-height:1.6;margin:0;max-height:400px;overflow-y:auto;padding:16px;white-space:pre-wrap}.corrections-list{margin-top:8px}.corrections-list h4{color:#333;font-size:16px;font-weight:600;margin:0 0 12px}.corrections-list table{background:#fff;border:1px solid #ddd;border-collapse:collapse;border-radius:4px;overflow:hidden;table-layout:auto;width:100%}.corrections-list td,.corrections-list th{border-bottom:1px solid #eee;padding:10px 12px;text-align:left;vertical-align:middle;white-space:nowrap}.corrections-list th{background:#f5f5f5;color:#555;font-size:13px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.corrections-list tbody tr{transition:background .2s}.corrections-list tbody tr:hover{background:#fafafa}.corrections-list td.original{color:#d32f2f;font-family:Monaco,Courier New,monospace;font-size:13px;font-weight:600;overflow:hidden;text-overflow:ellipsis}.corrections-list td.arrow{color:#999;padding:10px 4px;text-align:center}.corrections-list td.suggestion{color:#388e3c;font-size:13px;font-weight:600}.corrections-list td.rule,.corrections-list td.suggestion{font-family:Monaco,Courier New,monospace;overflow:hidden;text-overflow:ellipsis}.corrections-list td.rule{color:#666;font-size:12px}.corrections-list td.message{color:#555;font-size:13px;overflow:hidden;text-overflow:ellipsis}.corrections-list input[type=checkbox]{cursor:pointer;height:16px;width:16px}.corrections-list .empty-state{color:#999;font-style:italic;padding:40px;text-align:center}.highlighted-correction{animation:pulse 1s ease-in-out infinite;background:#ffeb3b;border-radius:3px;color:#000;font-weight:700;padding:2px 4px}.corrections-list tr.selected{background:#e3f2fd;cursor:pointer}.corrections-list tbody tr{cursor:pointer}.corrections-list td.actions{padding:8px;text-align:center}.btn-add-term{align-items:center;background:#1976d2;border:none;border-radius:4px;color:#fff;cursor:pointer;display:inline-flex;font-size:12px;font-weight:600;gap:6px;padding:6px 12px;transition:all .2s}.btn-add-term:hover{background:#1565c0;box-shadow:0 2px 4px #0003;transform:translateY(-1px)}.btn-add-term:active{box-shadow:none;transform:translateY(0)}.btn-add-term i{font-size:11px}@media (max-width:1200px){.text-panels{grid-template-columns:1fr}.text-content{max-height:300px}}@media (max-width:768px){.corrections-list{overflow-x:auto}.corrections-list table{font-size:12px;min-width:900px}.corrections-list td,.corrections-list th{padding:8px}.corrections-list td.message{max-width:150px}.btn-add-term{font-size:11px;padding:4px 8px}.btn-add-term i{font-size:10px}}.corrections-table .tanstack-table tbody tr.clickable{cursor:pointer;transition:background .2s}.corrections-table .tanstack-table tbody tr.selected{background:#e3f2fd}.spell-check-viewer .corrections-table .tanstack-table td .original{color:#d32f2f;font-family:Monaco,Courier New,monospace;font-size:13px;font-weight:600}.spell-check-viewer .corrections-table .tanstack-table td .arrow{color:#999;text-align:center}.spell-check-viewer .corrections-table .tanstack-table td .suggestion{color:#388e3c;font-family:Monaco,Courier New,monospace;font-size:13px;font-weight:600}.spell-check-viewer .corrections-table .tanstack-table td .rule{color:#666;font-family:Monaco,Courier New,monospace;font-size:12px}.spell-check-viewer .corrections-table .tanstack-table td .message{align-items:normal;background:none;border:none;border-radius:0;color:#555;display:inline;font-size:13px;gap:initial;margin-bottom:0;padding:0}.spell-check-viewer .corrections-table .tanstack-table td .actions{display:inline-block;margin:0;padding:0;text-align:center}.spell-check-viewer .corrections-table .tanstack-table input[type=checkbox]{cursor:pointer;height:16px;margin:0;padding:0;width:16px}.spell-check-viewer .status-badge{border-radius:3px;display:inline-block;font-size:12px;font-weight:600;letter-spacing:.5px;padding:2px 8px;text-transform:uppercase}.spell-check-viewer .status-not_validated{background:#e3f2fd;color:#1976d2}.spell-check-viewer .status-draft{background:#fff3e0;color:#f57c00}.spell-check-viewer .status-validated{background:#e8f5e9;color:#388e3c}.corrections-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.corrections-header h4{color:#333;font-size:16px;font-weight:600;margin:0}.btn-add-selected{align-items:center;background:#388e3c;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:8px 16px;transition:all .2s;white-space:nowrap}.btn-add-selected:hover:not(:disabled){background:#2e7d32;box-shadow:0 2px 4px #0003;transform:translateY(-1px)}.btn-add-selected:active:not(:disabled){box-shadow:none;transform:translateY(0)}.btn-add-selected:disabled{background:#bbb;box-shadow:none;color:#666;cursor:not-allowed;transform:none}.btn-add-selected i.fa-spinner{animation:spin 1s linear infinite}.select-all-header{align-items:center;display:flex;justify-content:center;width:100%}.select-all-header input[type=checkbox]{cursor:pointer;height:16px;margin:0;width:16px}.select-all-header input[type=checkbox]:disabled{cursor:not-allowed;opacity:.5}.corrections-list td:first-child,.corrections-list th:first-child{text-align:center;width:50px}.corrections-list td:nth-child(2),.corrections-list th:nth-child(2){text-align:center;width:60px}.corrections-list td:nth-child(3),.corrections-list th:nth-child(3){width:120px}.corrections-list td:nth-child(4),.corrections-list th:nth-child(4){text-align:center;width:30px}.corrections-list td:nth-child(5),.corrections-list th:nth-child(5){width:120px}.corrections-list td:nth-child(6),.corrections-list th:nth-child(6){width:180px}.corrections-list td:nth-child(7),.corrections-list th:nth-child(7){max-width:300px;white-space:normal;width:auto}.corrections-list td:nth-child(8),.corrections-list th:nth-child(8){text-align:center;white-space:nowrap;width:120px}@media (max-width:768px){.corrections-header{align-items:flex-start;flex-direction:column;gap:12px}.btn-add-selected{justify-content:center;width:100%}}.status-selector{display:inline-block;margin-left:8px;position:relative}.status-badge.clickable{border:1px solid #0000;cursor:pointer;transition:all .2s}.status-badge.clickable:hover:not(:disabled){box-shadow:0 2px 4px #0003;transform:translateY(-1px)}.status-badge.clickable:disabled{cursor:not-allowed;opacity:.6}.status-dropdown{background:#fff;border:1px solid #ddd;border-radius:4px;box-shadow:0 4px 8px #00000026;left:0;min-width:150px;overflow:hidden;position:absolute;top:calc(100% + 4px);z-index:1000}.status-option{background:#fff;border:none;border-bottom:1px solid #f0f0f0;color:#333;cursor:pointer;display:block;font-size:13px;font-weight:500;padding:10px 16px;text-align:left;transition:background .2s;width:100%}.status-option:last-child{border-bottom:none}.status-option:hover:not(:disabled){background:#f5f5f5}.status-option:active:not(:disabled){background:#e0e0e0}.status-option.active{background:#e3f2fd;color:#1976d2;font-weight:600}.status-option:disabled{cursor:not-allowed;opacity:.5}.sort-dropdown{gap:.5rem;padding:.5rem 0}.sort-dropdown,.sort-label{align-items:center;display:flex}.sort-label{color:#555;font-size:.875rem;gap:.25rem;margin:0}.sort-label i{color:#888;font-size:.75rem}.sort-select{background-color:#fff;border:1px solid #ddd;border-radius:4px;cursor:pointer;font-size:.875rem;padding:.375rem .75rem;transition:border-color .2s ease}.sort-select:hover{border-color:#aaa}.sort-select:focus{border-color:#4a90e2;box-shadow:0 0 0 3px #4a90e21a;outline:none}.sort-direction-btn{align-items:center;background-color:#fff;border:1px solid #ddd;border-radius:4px;cursor:pointer;display:flex;justify-content:center;min-width:2rem;padding:.375rem .5rem;transition:all .2s ease}.sort-direction-btn:hover{background-color:#f5f5f5;border-color:#aaa}.sort-direction-btn:active{background-color:#e0e0e0}.sort-direction-btn i{color:#555;font-size:.875rem}.temporary-terms-manager{display:flex;flex-direction:column;gap:24px}.temporary-terms-manager .section{background:#fff;border:1px solid #ddd;border-radius:8px;padding:20px}.temporary-terms-manager>.section>h3{align-items:center;color:#333;display:flex;font-size:16px;font-weight:600;gap:8px;margin:0 0 8px}.temporary-terms-manager .hint{color:#666;font-size:13px;margin:0 0 16px}.add-term-form{display:flex;gap:8px;margin-bottom:16px}.add-term-form input{border:1px solid #ddd;border-radius:4px;flex:1 1;font-size:14px;padding:8px 12px;transition:border-color .2s}.add-term-form input:focus{border-color:#1976d2;outline:none}.add-term-form input:disabled{background:#f5f5f5;cursor:not-allowed}.temporary-terms-manager .btn{align-items:center;border:none;border-radius:4px;cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;gap:6px;padding:8px 16px;transition:all .2s}.temporary-terms-manager .btn-primary{background:#1976d2;color:#fff}.temporary-terms-manager .btn-primary:hover:not(:disabled){background:#1565c0}.temporary-terms-manager .btn-primary:disabled{background:#e0e0e0;color:#999;cursor:not-allowed}.temporary-terms-manager .btn-sm{font-size:13px;padding:6px 12px}.spell-checking-indicator{align-items:center;background:#fff3e0;border:1px solid #ffb74d;border-radius:4px;color:#e65100;display:flex;font-size:13px;gap:8px;margin-bottom:12px;padding:10px 12px}.spell-checking-indicator i{color:#ff9800}.added-terms-list,.domain-terms-list{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px;min-height:40px}.term-tag{align-items:center;background:#e3f2fd;border:1px solid #90caf9;border-radius:16px;display:inline-flex;font-size:14px;gap:8px;padding:4px 12px;transition:all .2s}.term-tag:hover{background:#bbdefb;border-color:#64b5f6}.term-tag .remove-btn{background:none;border:none;color:#666;cursor:pointer;font-size:18px;line-height:1;margin:0;padding:0;transition:color .2s}.term-tag .remove-btn:hover:not(:disabled){color:#d32f2f}.term-tag .remove-btn:disabled{cursor:not-allowed;opacity:.5}.domain-term-item{align-items:center;background:#f9f9f9;border:1px solid #e0e0e0;border-radius:4px;display:flex;font-size:12px;gap:8px;justify-content:space-between;padding:6px 10px;transition:all .2s}.domain-term-item:hover{background:#f0f0f0;border-color:#bdbdbd}.domain-term-item .term-text{color:#333;flex:1 1;font-family:Monaco,Courier New,monospace;font-size:12px}.domain-term-item .btn-delete{background:none;border:none;border-radius:3px;color:#999;cursor:pointer;font-size:11px;padding:4px 6px;transition:all .2s}.domain-term-item .btn-delete:hover:not(:disabled){background:#ffebee;color:#d32f2f}.domain-term-item .btn-delete:disabled{cursor:not-allowed;opacity:.5}.search-and-sort{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:12px}.temporary-terms-manager .search-bar{align-items:center;background:#fff;border:1px solid #ddd;border-radius:4px;display:flex;flex:1 1;gap:8px;min-width:200px;padding:8px 12px;transition:border-color .2s}.temporary-terms-manager .search-bar:focus-within{border-color:#1976d2}.temporary-terms-manager .search-bar i.fa-search{color:#999;font-size:14px}.temporary-terms-manager .search-bar input{border:none;flex:1 1;font-size:14px;outline:none;padding:0}.temporary-terms-manager .search-bar .clear-btn{background:none;border:none;color:#999;cursor:pointer;padding:4px;transition:color .2s}.temporary-terms-manager .search-bar .clear-btn:hover{color:#d32f2f}.temporary-terms-manager .loading-state{align-items:center;color:#666;display:flex;font-size:14px;gap:8px;justify-content:center;padding:20px}.temporary-terms-manager .loading-state i{color:#1976d2}.temporary-terms-manager .empty-state{color:#999;font-size:14px;font-style:italic;padding:20px;text-align:center}@media (max-width:768px){.temporary-terms-manager .section{padding:16px}.add-term-form{flex-direction:column}.add-term-form button{width:100%}}.chunk-validation-page{padding:24px;width:100%}.page-header{border-bottom:2px solid #e0e0e0;margin-bottom:24px;padding-bottom:16px}.page-header h1{color:#333;font-size:28px;font-weight:600;margin:0 0 8px}.page-header .subtitle{align-items:center;color:#666;display:flex;font-size:14px;gap:8px;margin:0}.page-header .subtitle i{color:#999}.page-header .separator{color:#ddd;margin:0 4px}.status-badge{border-radius:3px;display:inline-block;font-size:12px;font-weight:600;letter-spacing:.5px;padding:2px 8px;text-transform:uppercase}.status-not_validated{background:#e3f2fd;color:#1976d2}.status-draft{background:#fff3e0;color:#f57c00}.status-validated{background:#e8f5e9;color:#388e3c}.spell-check-config{align-items:center;background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;display:flex;gap:24px;justify-content:space-between;padding:12px 24px}.spell-check-config .config-section{display:flex;flex:1 1;gap:24px}.spell-check-config .config-field{align-items:center;display:flex;gap:12px}.spell-check-config .config-field label{align-items:center;color:#555;display:flex;font-size:14px;font-weight:500;gap:6px;white-space:nowrap}.spell-check-config .config-field label i{color:#999;font-size:16px}.spell-check-config .config-field select{background:#fff;border:1px solid #ddd;border-radius:4px;color:#333;cursor:pointer;font-size:14px;min-width:200px;padding:8px 12px;transition:border-color .2s,box-shadow .2s}.spell-check-config .config-field select:hover:not(:disabled){border-color:#1976d2}.spell-check-config .config-field select:focus{border-color:#1976d2;box-shadow:0 0 0 3px #1976d21a;outline:none}.spell-check-config .config-field select:disabled{background:#f5f5f5;color:#999;cursor:not-allowed}.spell-check-config .action-buttons{align-items:center;display:flex;gap:12px}.spell-check-config .action-buttons button{align-items:center;border:none;border-radius:4px;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:10px 20px;transition:all .2s;white-space:nowrap}.spell-check-config .btn-check{background:#1976d2;color:#fff}.spell-check-config .btn-check:hover:not(:disabled){background:#1565c0;box-shadow:0 2px 4px #0003;transform:translateY(-1px)}.spell-check-config .btn-reload{background:#f57c00;color:#fff}.spell-check-config .btn-reload:hover:not(:disabled){background:#ef6c00;box-shadow:0 2px 4px #0003;transform:translateY(-1px)}.spell-check-config .btn-cancel{background:#757575;color:#fff}.spell-check-config .btn-cancel:hover:not(:disabled){background:#616161;box-shadow:0 2px 4px #0003;transform:translateY(-1px)}.spell-check-config .btn-validate{background:#388e3c;color:#fff}.spell-check-config .btn-validate:hover:not(:disabled){background:#2e7d32;box-shadow:0 2px 4px #0003;transform:translateY(-1px)}.spell-check-config .action-buttons button:active:not(:disabled){transform:translateY(0)}.spell-check-config .action-buttons button:disabled{background:#bbb;box-shadow:none;color:#666;cursor:not-allowed;transform:none}.spell-check-config .action-buttons button i.spinning{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.validation-content{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1fr 400px}.left-panel,.right-panel{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;min-height:600px;padding:24px}.right-panel{max-height:800px;overflow-y:auto}.error-banner{align-items:center;background:#ffebee;border:1px solid #ef5350;border-radius:4px;color:#c62828;display:flex;font-size:14px;gap:8px;margin-top:16px;padding:12px 16px}.error-banner i{font-size:16px}@media (max-width:1400px){.validation-content{grid-template-columns:1fr 350px}}@media (max-width:1200px){.validation-content{grid-template-columns:1fr}.right-panel{max-height:500px}}@media (max-width:768px){.chunk-validation-page{padding:16px}.page-header h1{font-size:24px}.left-panel,.right-panel{min-height:auto;padding:16px}.spell-check-config{align-items:stretch;flex-direction:column;padding:16px}.spell-check-config .config-section{flex-direction:column;gap:16px}.spell-check-config .config-field{align-items:stretch;flex-direction:column;gap:8px}.spell-check-config .config-field select{min-width:auto;width:100%}.spell-check-config .btn-refresh{justify-content:center;width:100%}}.page-management{padding:24px}.page-management-header{margin-bottom:24px}.page-management-table{margin-top:16px}.page-ocr-data{background-color:#f5f5f5;border-radius:4px;font-family:Courier New,monospace;font-size:12px;max-height:200px;overflow:auto;padding:12px}.page-detail-section{margin-bottom:24px}.page-detail-section:last-child{margin-bottom:0}.page-navigation-dots{align-items:center;display:flex;gap:.75rem;justify-content:center;-webkit-user-select:none;user-select:none}.page-navigation-dots .nav-arrow{color:#1976d2;transition:all .2s ease}.page-navigation-dots .nav-arrow:hover:not(:disabled){background-color:#1976d214;transform:scale(1.1)}.page-navigation-dots .nav-arrow:disabled{color:#ccc;cursor:not-allowed}.dots-container{gap:.5rem}.dots-container,.page-dot{align-items:center;display:flex}.page-dot{background:#0000;border:none;border-radius:50%;cursor:pointer;height:32px;justify-content:center;padding:0;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);width:32px}.page-dot:hover:not(.active):not(.disabled){background-color:#1976d214;transform:scale(1.15)}.page-dot:active:not(.disabled){transform:scale(.95)}.page-dot.disabled{cursor:not-allowed;opacity:.5}.dot-inner{background-color:#bdbdbd;border-radius:50%;height:8px;transition:all .3s cubic-bezier(.4,0,.2,1);width:8px}.page-dot:hover:not(.active):not(.disabled) .dot-inner{background-color:#1976d2;height:10px;width:10px}.page-dot.active{background-color:#1976d2;border-radius:16px;cursor:default;height:32px;width:40px}.page-dot.active .dot-inner{display:none}.page-dot.active .page-number{animation:pageNavigationFadeIn .3s ease;color:#fff;font-size:14px;font-weight:600}.ellipsis{align-items:center;color:#9e9e9e;display:flex;height:32px;justify-content:center;width:32px}.page-counter{align-items:baseline;border-left:1px solid #e0e0e0;color:#616161;display:flex;font-family:Roboto Mono,monospace;font-size:14px;gap:.25rem;margin-left:.5rem;padding-left:.75rem}.page-counter .current{color:#1976d2;font-size:16px;font-weight:700}.page-counter .separator{color:#bdbdbd;font-weight:400}.page-counter .total{color:#757575;font-weight:400}@keyframes pageNavigationFadeIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.nav-arrow:focus,.page-dot:focus{outline:2px solid #1976d2;outline-offset:2px}@media (max-width:768px){.page-navigation-dots{gap:.5rem}.dots-container{gap:.35rem}.page-dot{height:28px;width:28px}.page-dot.active{height:28px;width:36px}.dot-inner{height:6px;width:6px}.page-counter{font-size:12px}.page-counter .current{font-size:14px}}@media (max-width:480px){.page-navigation-dots{gap:.35rem}.page-counter{display:none}.dots-container{gap:.25rem}.page-dot{height:24px;width:24px}.page-dot.active{height:24px;width:32px}.page-dot.active .page-number{font-size:12px}}@media (prefers-color-scheme:dark){.dot-inner{background-color:#757575}.page-dot:hover:not(.active):not(.disabled) .dot-inner{background-color:#64b5f6}.page-dot.active{background-color:#1976d2}.page-counter{border-left-color:#424242;color:#bdbdbd}.page-counter .current{color:#64b5f6}.ellipsis{color:#757575}}@media print{.page-navigation-dots{display:none}}.layout-detection-page{box-sizing:border-box;display:flex;flex-direction:column;height:calc(100vh - 64px);max-height:calc(100vh - 64px);overflow:hidden;padding:1.5rem}.layout-detection-page .page-container-content{display:flex;flex:1 1;flex-direction:column;gap:.5rem;max-height:100%;min-height:0;overflow:hidden}.layout-viewer-navigation{align-items:center;display:flex;flex:0 0 auto;gap:.5rem;justify-content:center;min-height:0;padding:5px 0}.layout-viewer-content{display:flex;flex:1 1 auto;flex-direction:column}.layout-viewer-content,.layout-viewer-grid{max-height:100%;min-height:0;overflow:hidden}.layout-viewer-grid{grid-gap:1rem;display:grid;flex:1 1;gap:1rem;grid-template-columns:1fr 1fr}.layout-viewer-panel{border:none;border-radius:8px;box-shadow:none!important;height:100%;overflow:auto}.layout-viewer-image-panel{background-color:#f5f5f5}.layout-viewer-data-panel{background-color:#fff;padding:1.5rem}.layout-viewer-loading{flex-direction:column}.layout-viewer-empty,.layout-viewer-loading{align-items:center;display:flex;flex:1 1;justify-content:center;min-height:0}@media (max-width:1024px){.layout-detection-page{padding:1rem}.layout-viewer-grid{gap:1.5rem;grid-template-columns:1fr;grid-template-rows:1fr 1fr}.layout-viewer-panel{min-height:400px}}@media (max-width:768px){.layout-detection-page{padding:.75rem}.layout-viewer-grid{gap:1rem}.layout-viewer-panel{min-height:350px}.layout-viewer-data-panel{padding:1rem}}@media print{.layout-viewer-navigation{display:none}.layout-viewer-grid{grid-template-columns:1fr;height:auto}.layout-viewer-panel{border:none;box-shadow:none;page-break-inside:avoid}}.pipelines-list{display:flex;flex-direction:column;gap:1rem}.status-filter-dropdown{background-color:#fff;border:1px solid #e5e7eb;border-radius:.375rem;color:#374151;cursor:pointer;font-size:.875rem;padding:.5rem .75rem;transition:all .2s}.status-filter-dropdown:hover:not(:disabled){background-color:#f9fafb;border-color:#d1d5db}.status-filter-dropdown:disabled{cursor:not-allowed;opacity:.5}.status-filter-dropdown:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.pipeline-runs-management{display:flex;flex-direction:column;gap:1.5rem}.state-filter-dropdown{background-color:#fff;border:1px solid #d1d5db;border-radius:.5rem;color:#374151;cursor:pointer;font-size:.875rem;min-width:150px;padding:.625rem 1rem;transition:border-color .2s,box-shadow .2s}.state-filter-dropdown:hover{border-color:#9ca3af}.state-filter-dropdown:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #2563eb1a;outline:none}.state-filter-dropdown:disabled{background-color:#f3f4f6;cursor:not-allowed;opacity:.6}.action-btn{align-items:center;border:none;border-radius:.375rem;cursor:pointer;display:inline-flex;font-size:.875rem;height:2rem;justify-content:center;min-width:2rem;padding:.5rem;transition:all .2s}.action-btn.primary{background-color:#3b82f6;color:#fff}.action-btn.primary:hover:not(:disabled){background-color:#2563eb;box-shadow:0 2px 4px #3b82f64d;transform:translateY(-1px)}.action-btn:disabled{cursor:not-allowed;opacity:.5}.pipeline-run-status-badge{display:inline-block}.pipeline-flow-content,.pipeline-flow-wrapper{display:flex;flex:1 1;flex-direction:column;min-height:0}.pipeline-flow-content{background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-sizing:border-box;overflow:hidden;position:relative}.pipeline-run-header{align-items:center;background:#fff;border-bottom:1px solid #e5e7eb;display:flex;flex-shrink:0;gap:16px;justify-content:space-between;padding:12px 16px}.auto-refresh-selector{align-items:center;display:flex;gap:8px}.auto-refresh-selector .refresh-label{align-items:center;color:#374151;display:flex;font-size:14px;font-weight:500;gap:6px;margin:0}.auto-refresh-selector .refresh-label i{color:#6b7280;font-size:13px}.auto-refresh-selector .refresh-select{background:#fff;border:1px solid #d1d5db;border-radius:6px;color:#374151;cursor:pointer;font-size:13px;outline:none;padding:6px 12px;transition:border-color .2s ease,box-shadow .2s ease}.auto-refresh-selector .refresh-select:hover{border-color:#9ca3af}.auto-refresh-selector .refresh-select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.pipeline-flow-content .react-flow{flex:1 1;min-height:0;width:100%}.pipeline-flow-content .react-flow__attribution{background:#ffffffe6;border-radius:4px;font-size:10px;padding:4px 8px}.pipeline-flow-content .react-flow__controls{border-radius:8px;box-shadow:0 2px 8px #0000001a;overflow:hidden}.pipeline-flow-content .react-flow__controls-button{border:none;border-bottom:1px solid #e5e7eb}.pipeline-flow-content .react-flow__controls-button:hover{background:#f3f4f6}.pipeline-flow-content .react-flow__minimap{border-radius:8px;box-shadow:0 2px 8px #0000001a;overflow:hidden}.pipeline-flow-content .react-flow__edge.animated{stroke-dasharray:5;animation:dashdraw .5s linear infinite}@keyframes dashdraw{to{stroke-dashoffset:-10}}@media (max-width:768px){.pipeline-run-header{align-items:flex-start;flex-direction:column;gap:12px}.auto-refresh-selector{width:100%}.auto-refresh-selector .refresh-select{flex:1 1}}.task-node{background:#fff;border-radius:8px;border-style:solid;box-shadow:0 2px 8px #0000001a;max-width:250px;min-width:180px;padding:12px;position:relative;transition:all .2s ease}.task-node:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.task-node[style*="border-width: 3px"]{animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{box-shadow:0 2px 8px #0000001a}50%{box-shadow:0 4px 16px #3b82f666}}.task-node-content{display:flex;flex-direction:column;gap:8px}.task-node-label{color:#1f2937;font-size:14px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.task-node-status{border-radius:4px;color:#fff;display:inline-block;font-size:12px;font-weight:500;padding:4px 8px;text-align:center;width:fit-content}.task-node-status-running{animation:blink 1.5s ease-in-out infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:.7}}.task-node-duration{color:#6b7280}.task-node-duration,.task-node-retry{align-items:center;display:flex;font-size:12px}.task-node-retry{color:#f59e0b;font-weight:500}.task-node .react-flow__handle{transition:all .2s ease}.task-node .react-flow__handle:hover{height:12px!important;width:12px!important}.task-node.selected{box-shadow:0 0 0 3px #3b82f64d}.oauth-callback{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center;min-height:100vh}.oauth-callback-content{background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;max-width:500px;padding:60px 40px;text-align:center}.oauth-spinner{color:var(--color-primary)}.oauth-error,.oauth-spinner{font-size:48px;margin-bottom:24px}.oauth-error{color:#dc2626}.oauth-callback-content h2{color:#1f2937;font-size:24px;font-weight:600;margin:0 0 12px}.oauth-callback-content p{color:#6b7280;line-height:1.6;margin:0 0 24px}.oauth-retry-btn{background:var(--color-primary);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:500;padding:12px 24px;transition:all .2s}.oauth-retry-btn:hover{background:var(--color-primary-dark);box-shadow:0 4px 12px #667eea66;transform:translateY(-2px)}.oauth-callback-container{align-items:center;background-color:#f5f5f5;background-color:var(--bg-primary,#f5f5f5);display:flex;justify-content:center;min-height:100vh;padding:20px}.oauth-callback-card{background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a;max-width:500px;padding:48px;text-align:center}.oauth-callback-icon{font-size:64px;margin-bottom:24px}.oauth-callback-icon.success{color:#10b981}.oauth-callback-icon.error{color:#ef4444}.oauth-callback-card h2{color:#1f2937;color:var(--text-primary,#1f2937);font-size:24px;font-weight:600;margin-bottom:16px}.oauth-callback-card p{color:#6b7280;color:var(--text-secondary,#6b7280);font-size:16px;line-height:1.6;margin-bottom:32px}.oauth-callback-actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.oauth-callback-actions button{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;gap:8px;padding:12px 24px;transition:all .2s}.oauth-callback-actions .btn-primary{background-color:#3b82f6;background-color:var(--primary-color,#3b82f6);color:#fff}.oauth-callback-actions .btn-primary:hover{background-color:#2563eb;background-color:var(--primary-color-dark,#2563eb)}.oauth-callback-actions .btn-secondary{background-color:#e5e7eb;background-color:var(--bg-secondary,#e5e7eb);color:#1f2937;color:var(--text-primary,#1f2937)}.oauth-callback-actions .btn-secondary:hover{background-color:#d1d5db;background-color:var(--bg-tertiary,#d1d5db)}@media (max-width:640px){.oauth-callback-card{padding:32px 24px}.oauth-callback-icon{font-size:48px}.oauth-callback-card h2{font-size:20px}.oauth-callback-actions{flex-direction:column}.oauth-callback-actions button{width:100%}}.forbidden-page{align-items:center;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);display:flex;justify-content:center;min-height:100vh;padding:20px}.forbidden-container{background:#fff;border-radius:16px;box-shadow:0 10px 40px #0000001a;max-width:600px;padding:60px 40px;text-align:center;width:100%}.forbidden-icon{align-items:center;border-radius:50%;color:#fff;display:flex;font-size:48px;height:100px;justify-content:center;margin:0 auto 24px;width:100px}.forbidden-icon,.forbidden-title{background:linear-gradient(135deg,#667eea,#764ba2)}.forbidden-title{-webkit-text-fill-color:#0000;-webkit-background-clip:text;background-clip:text;font-size:72px;font-weight:700;margin:0 0 8px}.forbidden-subtitle{color:#1f2937;font-size:28px;font-weight:600;margin:0 0 16px}.forbidden-description{color:#6b7280;font-size:16px;line-height:1.6;margin:0 0 32px}.forbidden-user-info{background:#f9fafb;border-radius:12px;margin-bottom:32px;padding:20px;text-align:left}.forbidden-user-info p{color:#374151;line-height:1.6;margin:0 0 8px}.forbidden-user-info p:last-child{margin-bottom:0}.forbidden-hint{color:#9ca3af!important;font-size:14px;font-style:italic}.forbidden-actions{display:flex;gap:12px;justify-content:center;margin-bottom:40px}.forbidden-btn-primary,.forbidden-btn-secondary{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-size:16px;font-weight:500;gap:8px;padding:12px 24px;transition:all .2s}.forbidden-btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.forbidden-btn-primary:hover{box-shadow:0 4px 12px #667eea66;transform:translateY(-2px)}.forbidden-btn-secondary{background:#fff;border:2px solid #667eea;color:#667eea}.forbidden-btn-secondary:hover{background:#f9fafb}.forbidden-help{border-top:1px solid #e5e7eb;padding-top:32px;text-align:left}.forbidden-help h3{color:#1f2937;font-size:18px;font-weight:600;margin:0 0 16px;text-align:center}.forbidden-help ul{list-style:none;margin:0;padding:0}.forbidden-help li{align-items:flex-start;color:#6b7280;display:flex;gap:12px;line-height:1.6;padding:12px 0}.forbidden-help li i{color:#667eea;flex-shrink:0;font-size:18px;margin-top:2px}@media (max-width:640px){.forbidden-container{padding:40px 24px}.forbidden-title{font-size:56px}.forbidden-subtitle{font-size:24px}.forbidden-actions{flex-direction:column}.forbidden-btn-primary,.forbidden-btn-secondary{justify-content:center;width:100%}}.domain-mapper-node{background:#fff;border:2px solid #e0e0e0;border-radius:8px;box-shadow:0 2px 8px #0000001a;max-width:300px;min-width:200px;transition:all .2s ease-in-out}.domain-mapper-node:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-1px)}.domain-mapper-node.selected{border-color:#ff9800;box-shadow:0 4px 16px #ff98004d}.domain-mapper-source-node{border-color:#4caf50}.domain-mapper-source-node.selected{border-color:#388e3c;box-shadow:0 4px 16px #4caf504d}.domain-mapper-target-node{border-color:#f44336}.domain-mapper-target-node.selected{border-color:#d32f2f;box-shadow:0 4px 16px #f443364d}.domain-mapper-transform-node{border-color:#9c27b0}.domain-mapper-transform-node.selected{border-color:#7b1fa2;box-shadow:0 4px 16px #9c27b04d}.domain-mapper-node-header{align-items:center;background:linear-gradient(135deg,#f5f5f5,#e0e0e0);border-bottom:1px solid #d0d0d0;border-radius:6px 6px 0 0;display:flex;gap:8px;padding:10px 12px}.domain-mapper-source-node .domain-mapper-node-header{background:linear-gradient(135deg,#e8f5e9,#c8e6c9);border-bottom-color:#a5d6a7}.domain-mapper-target-node .domain-mapper-node-header{background:linear-gradient(135deg,#ffebee,#ffcdd2);border-bottom-color:#ef9a9a}.domain-mapper-transform-node .domain-mapper-node-header{background:linear-gradient(135deg,#f3e5f5,#e1bee7);border-bottom-color:#ce93d8}.domain-mapper-node-icon{flex-shrink:0;font-size:18px;line-height:1}.domain-mapper-node-title{color:#333;flex:1 1;font-size:14px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.domain-mapper-node-body{padding:12px}.domain-mapper-node-type{background:#f0f0f0;color:#757575;font-size:11px;font-weight:500;margin-bottom:6px;padding:2px 6px}.domain-mapper-node-badge,.domain-mapper-node-type{border-radius:3px;display:inline-block;letter-spacing:.5px;text-transform:uppercase}.domain-mapper-node-badge{background:#ff9800;color:#fff;font-size:10px;font-weight:600;margin-left:6px;padding:3px 8px}.domain-mapper-node-description{color:#666;font-size:12px;font-style:italic;line-height:1.4;margin-top:6px}.domain-mapper-node-handle{background:#2196f3;border:2px solid #fff;box-shadow:0 2px 4px #0003;height:12px;transition:all .2s ease-in-out;width:12px}.domain-mapper-node-handle:hover{background:#1976d2;box-shadow:0 3px 6px #0000004d;height:16px;width:16px}.domain-mapper-node-edit-btn{opacity:0;transition:opacity .2s ease-in-out}.domain-mapper-transform-node:hover .domain-mapper-node-edit-btn{opacity:1}@media (max-width:768px){.domain-mapper-node{max-width:250px;min-width:150px}.domain-mapper-node-title{font-size:13px}.domain-mapper-node-type{font-size:10px}.domain-mapper-node-description{font-size:11px}}@media (prefers-color-scheme:dark){.domain-mapper-node{background:#2d2d2d;border-color:#555;color:#e0e0e0}.domain-mapper-node-header{background:linear-gradient(135deg,#3a3a3a,#2d2d2d);border-bottom-color:#555}.domain-mapper-node-title{color:#e0e0e0}.domain-mapper-node-type{background:#3a3a3a;color:#b0b0b0}.domain-mapper-node-description{color:#b0b0b0}}.domain-mapper-toolbar{border-bottom:1px solid #e0e0e0}.domain-mapper-toolbar-label{color:#757575;font-size:.875rem;font-weight:500;margin-right:8px}@media (max-width:1200px){.domain-mapper-toolbar-section{flex-wrap:wrap}}@media (max-width:900px){.domain-mapper-toolbar .MuiToolbar-root{align-items:flex-start;flex-direction:column;gap:12px;padding-bottom:12px;padding-top:12px}.domain-mapper-toolbar-section{justify-content:flex-start;width:100%}.domain-mapper-toolbar-section .MuiButtonGroup-root{flex-wrap:wrap}}.domain-mapper-sidebar-tabs{border-bottom:1px solid #e0e0e0}.domain-mapper-sidebar-tabs .MuiTab-root{font-size:.875rem;min-width:80px;text-transform:none}.domain-mapper-sidebar .MuiAccordion-root{border:1px solid #e0e0e0;box-shadow:none;margin-bottom:12px}.domain-mapper-sidebar .MuiAccordion-root:before{display:none}.domain-mapper-sidebar .MuiAccordionSummary-root{background-color:#f5f5f5;min-height:48px}.domain-mapper-sidebar .MuiAccordionDetails-root{padding:16px}.domain-mapper-sidebar .MuiList-root{padding:0}.domain-mapper-sidebar .MuiListItem-root{border-bottom:1px solid #f0f0f0;padding:8px 0}.domain-mapper-sidebar .MuiListItem-root:last-child{border-bottom:none}.domain-mapper-sidebar .validation-item{align-items:flex-start;display:flex;gap:8px;padding:8px 0}.domain-mapper-sidebar .validation-item-icon{margin-top:2px}.domain-mapper-sidebar .MuiChip-root{font-size:.75rem;height:20px}@media (max-width:600px){.domain-mapper-sidebar .MuiDrawer-paper{max-width:100vw!important;width:100vw!important}.domain-mapper-sidebar-tabs .MuiTab-root{font-size:.75rem;min-width:60px;padding:6px 8px}}.schema-field-group{background-color:#fafafa;border:1px solid #e0e0e0;border-radius:4px;margin-bottom:16px;padding:16px;position:relative}.schema-field-group:hover{background-color:#f5f5f5}.schema-field-group .remove-field-btn{position:absolute;right:8px;top:8px}.form-section-header{color:#424242;font-weight:500;margin-bottom:12px}.transform-info-alert{background-color:#e3f2fd;border:1px solid #90caf9}.json-editor-field{font-family:Courier New,monospace;font-size:.875rem}.mt-1{margin-top:8px}.mt-2{margin-top:16px}.mt-3{margin-top:24px}.mb-1{margin-bottom:8px}.mb-2{margin-bottom:16px}.mb-3{margin-bottom:24px}.gap-1{gap:8px}.gap-2{gap:16px}.gap-3{gap:24px}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.text-xs{font-size:.75rem}.text-sm{font-size:.875rem}.text-base{font-size:1rem}.text-muted{color:#757575}.text-error{color:#d32f2f}.text-success{color:#2e7d32}.border{border:1px solid #e0e0e0}.border-bottom{border-bottom:1px solid #e0e0e0}.rounded{border-radius:4px}.bg-gray-50{background-color:#fafafa}.bg-gray-100{background-color:#f5f5f5}.bg-white{background-color:#fff}.domain-mapper-container,.domain-mapper-page{display:flex;flex-direction:column;height:100%;overflow:hidden}.domain-mapper-container{background-color:#f9fafb}.domain-mapper-flow-container{background-color:#fff;flex:1 1;overflow:hidden;position:relative}.react-flow__node{cursor:pointer;font-family:inherit}.react-flow__node.selected{box-shadow:0 0 0 2px #3b82f6}.react-flow__edge-path{stroke:#3b82f6;stroke-width:2px}.react-flow__edge.selected .react-flow__edge-path{stroke:#f97316;stroke-width:3px}.react-flow__edge-textbg{fill:#fff}.react-flow__edge-text{fill:#1f2937;font-size:12px}.react-flow__handle{background-color:#3b82f6;border:2px solid #fff;height:10px;width:10px}.react-flow__handle-connecting,.react-flow__handle-valid{background-color:#10b981}.react-flow__background{background-color:#f9fafb}.react-flow__background pattern{fill:#d1d5db}.react-flow__controls{box-shadow:0 2px 8px #0000001a}.react-flow__controls-button{background-color:#fff;border:none;color:#1f2937}.react-flow__controls-button:hover{background-color:#f3f4f6}.react-flow__minimap{background-color:#fff;border:1px solid #d1d5db;bottom:20px;box-shadow:0 2px 8px #0000001a;right:20px}.domain-mapper-toolbar{background-color:#fff;border-bottom:1px solid #e5e7eb;z-index:10}.domain-mapper-toolbar-section{align-items:center;display:flex;gap:8px}.domain-mapper-sidebar{background-color:#fff;border-left:1px solid #e5e7eb;overflow-y:auto}.domain-mapper-sidebar-tabs{border-bottom:1px solid #e5e7eb}.domain-mapper-sidebar-content{padding:16px}@media (max-width:768px){.domain-mapper-sidebar{bottom:0;box-shadow:-4px 0 12px #00000026;position:fixed;right:0;top:0;z-index:1300}.domain-mapper-toolbar-section{flex-wrap:wrap}.react-flow__minimap{display:none}}@media (max-width:480px){.domain-mapper-toolbar{overflow-x:auto}.domain-mapper-toolbar-section{flex-shrink:0}.react-flow__controls{bottom:10px;left:10px}}@media (prefers-contrast:high){.react-flow__edge-path{stroke-width:3px}.react-flow__handle{border:3px solid #fff;height:14px;width:14px}}@media (prefers-reduced-motion:reduce){*,.react-flow__edge{animation:none!important}*{transition:none!important}}.domain-mapper-loading{align-items:center;color:#6b7280;display:flex;height:100%;justify-content:center}.domain-mapper-error{color:#dc2626;padding:24px;text-align:center}.domain-mapper-empty{align-items:center;color:#6b7280;display:flex;flex-direction:column;gap:16px;height:100%;justify-content:center}.domain-mapper-empty-icon{font-size:48px;opacity:.5}