.tabs{display:flex;border-bottom:1px solid var(--light-gray);margin-bottom:30px}.tab.active{border-bottom-color:var(--primary);color:var(--primary)}.tab{border-bottom:3px solid transparent;padding:12px 20px;font-weight:500;transition:all 0.3s;cursor:pointer}.hidden{display:none}.db-params{border:1px solid #dee2e6;border-radius:8px;margin-bottom:20px;padding:20px;background-color:#f8f9fa}.db-params h3{border-bottom:1px solid #dee2e6;margin-bottom:15px;margin-top:0;padding-bottom:10px;color:#343a40}.result-container{border-radius:8px;margin-top:25px;padding:20px;background-color:#e9ecef}.connection-info{margin-bottom:15px}.connection-info p{margin:5px 0;color:#495057}.tab-content{display:none}.tab-content.active{display:block}.history-item,.favorite-item{border-bottom:1px solid #dee2e6;padding:12px;transition:background-color 0.2s;cursor:pointer}.history-item:hover,.favorite-item:hover{background-color:#f1f3f5}.history-item .db-type,.favorite-item .db-type{font-weight:600;color:#1864ab}.connection-preview{overflow:hidden;margin:5px 0;font-size:14px;text-overflow:ellipsis;white-space:nowrap;color:#495057}.favorite-btn{border:none;margin-left:10px;padding:0;font-size:18px;background:none;color:#adb5bd;transition:color 0.2s;cursor:pointer}.favorite-btn:hover,.favorite-btn.favorited{color:#fcc419}textarea{font-family:'Courier New',Courier,monospace;font-size:14px}.test-connection{border-left:4px solid #f59f00;border-radius:5px;margin-top:20px;padding:15px;background-color:#fff3bf}.test-result{display:none;border-radius:4px;margin-top:10px;padding:10px}.test-success{border-left:4px solid #40c057;background-color:#d3f9d8;color:#2b8a3e}.test-failure{border-left:4px solid #fa5252;background-color:#ffebe6;color:#c92a2a}.loading{display:inline-block;border:2px solid rgba(0,0,0,.1);border-radius:50%;border-top-color:#000;height:18px;margin-right:8px;width:18px;vertical-align:middle;animation:spin 1s ease-in-out infinite}@keyframes spin{to{transform:rotate(360deg)}}.nav-tabs{border-bottom:2px solid #dee2e6;margin-bottom:20px}.nav-tabs .nav-link{border:none;border-bottom:3px solid transparent;border-radius:0;margin-right:5px;padding:10px 20px;font-weight:600;color:#495057}.nav-tabs .nav-link.active{border-bottom:3px solid #1864ab;background-color:transparent;color:#1864ab}.nav-tabs .nav-link:hover{border-bottom:3px solid #adb5bd}.advanced-options{overflow:hidden;transition:max-height 0.3s ease-out}.advanced-options.collapsed{max-height:0 !important}.advanced-toggle{display:flex;align-items:center;margin-bottom:15px;font-weight:600;color:#1864ab;cursor:pointer}.advanced-toggle i{margin-right:8px;transition:transform 0.3s}.advanced-toggle.collapsed i{transform:rotate(-90deg)}@media (max-width:768px){.connection-generator-container{padding:15px}.nav-tabs .nav-link{padding:8px 12px;font-size:14px}}