.sync-dialog-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.sync-dialog{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;width:420px;max-width:90vw;box-shadow:0 20px 40px rgba(0,0,0,.2)}.sync-dialog-header{display:flex;align-items:center;gap:10px;padding:16px 20px;border-bottom:1px solid var(--border-color)}.sync-dialog-header svg:first-child{color:var(--accent-blue)}.sync-dialog-header h3{flex:1 1;margin:0;font-size:16px;font-weight:600}.sync-dialog-header .btn-icon{width:28px;height:28px}.sync-dialog-content{padding:20px;display:flex;flex-direction:column;gap:20px}.sync-transfer-flow{display:flex;align-items:center;gap:12px}.sync-endpoint{flex:1 1}.sync-endpoint-label{font-size:11px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px}.sync-endpoint-card{display:flex;align-items:center;gap:10px;padding:10px 12px;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px}.sync-env-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.sync-endpoint-info{display:flex;flex-direction:column;gap:1px;min-width:0}.sync-endpoint-env{font-size:13px;font-weight:600;color:var(--text-primary)}.sync-endpoint-db{font-size:11px;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sync-transfer-arrow{color:var(--text-muted);flex-shrink:0}.sync-target-dropdown-wrapper{position:relative}.sync-target-trigger{width:100%;display:flex;align-items:center;gap:8px;padding:10px 12px;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;font-size:13px;color:var(--text-primary);cursor:pointer;transition:all .15s ease;text-align:left}.sync-target-trigger:hover{border-color:var(--text-muted)}.sync-target-trigger svg{margin-left:auto;color:var(--text-muted);transition:transform .15s ease}.sync-target-trigger svg.rotated{transform:rotate(180deg)}.sync-target-placeholder{color:var(--text-muted)}.sync-target-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;z-index:10}.sync-target-options{position:absolute;top:calc(100% + 4px);left:0;right:0;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;box-shadow:var(--shadow-lg);z-index:11;overflow:hidden}.sync-target-option{width:100%;display:flex;align-items:center;gap:8px;padding:10px 12px;background:transparent;border:none;font-size:13px;color:var(--text-primary);cursor:pointer;transition:background .1s ease;text-align:left}.sync-target-option:hover{background:var(--bg-tertiary)}.sync-target-option.active{background:rgba(59,130,246,.1)}.sync-target-warning-badge{margin-left:auto;padding:2px 6px;background:rgba(239,68,68,.1);color:#ef4444;font-size:10px;font-weight:600;border-radius:4px;text-transform:uppercase}.sync-type-section{display:flex;flex-direction:column;gap:8px}.sync-type-label{font-size:11px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.sync-type-buttons{display:flex;gap:8px}.sync-type-btn{flex:1 1;display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px 8px;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;cursor:pointer;transition:all .15s ease;color:var(--text-secondary)}.sync-type-btn:hover{background:var(--bg-tertiary);border-color:var(--text-muted)}.sync-type-btn.active{background:rgba(59,130,246,.1);border-color:var(--accent-blue);color:var(--accent-blue)}.sync-type-btn svg{opacity:.7}.sync-type-btn.active svg{opacity:1}.sync-type-btn span{font-size:12px;font-weight:500}.sync-type-desc{font-size:12px;color:var(--text-muted);text-align:center}.sync-production-warning{display:flex;gap:12px;padding:12px;background:rgba(239,68,68,.08);border:1px solid rgba(239,68,68,.2);border-radius:8px}.sync-production-warning svg{color:#ef4444;flex-shrink:0;margin-top:2px}.sync-warning-content{flex:1 1;min-width:0}.sync-warning-content strong{display:block;font-size:13px;color:#ef4444;margin-bottom:4px}.sync-warning-content p{font-size:12px;color:var(--text-secondary);margin:0 0 10px}.sync-confirm-input{width:100%;padding:8px 10px;background:var(--bg-primary);border:1px solid rgba(239,68,68,.3);border-radius:6px;font-size:12px;font-family:SF Mono,monospace;color:var(--text-primary)}.sync-confirm-input:focus{outline:none;border-color:#ef4444}.sync-confirm-input::placeholder{color:var(--text-muted)}.sync-dialog-footer{display:flex;justify-content:flex-end;gap:8px;padding:12px 20px;border-top:1px solid var(--border-color)}.sync-dialog-footer .btn{padding:8px 16px;font-size:13px}[data-theme=dark] .db-sidebar{background-color:var(--sidebar-bg);border-color:var(--sidebar-border)}[data-theme=dark] .db-sidebar-header{border-bottom-color:var(--sidebar-border)}[data-theme=dark] .db-search{background-color:var(--sidebar-bg);border-color:var(--sidebar-border)}.code-tab-container{flex-direction:column;height:100%}.code-editor-area,.code-tab-container{display:flex;flex:1 1;min-height:0;overflow:hidden}.code-editor,.code-editor-area{flex-direction:column}.code-editor{display:flex;flex:1 1;background-color:var(--bg-primary);min-height:0;overflow:hidden}.code-editor-tabs{display:flex;align-items:center;background-color:var(--bg-secondary);border-bottom:1px solid var(--border-color);overflow-x:auto;flex-shrink:0;min-width:0}.code-editor-tabs::-webkit-scrollbar{height:4px}.code-editor-tabs::-webkit-scrollbar-thumb{background-color:var(--border-color);border-radius:2px}.code-editor-tab{display:flex;align-items:center;gap:6px;padding:6px 12px;background-color:var(--bg-tertiary);border-right:1px solid var(--border-color);cursor:pointer;transition:background-color .1s ease;flex-shrink:0;max-width:min(220px,48vw)}.code-editor-tab:hover{background-color:var(--bg-hover)}.code-editor-tab.active{background-color:var(--bg-primary);border-bottom:2px solid var(--accent-blue);margin-bottom:-1px}.tab-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;color:var(--text-secondary);display:flex;align-items:center;gap:4px}.code-editor-tab.active .tab-name{color:var(--text-primary)}.tab-dirty{color:var(--accent-yellow);font-size:10px}.tab-close{display:flex;align-items:center;justify-content:center;width:16px;height:16px;border:none;background:none;border-radius:3px;color:var(--text-muted);cursor:pointer;opacity:0;transition:all .1s ease}.code-editor-tab:hover .tab-close{opacity:1}.tab-close:hover{background-color:var(--bg-hover);color:var(--text-primary)}.code-editor-tabs-spacer{flex:1 1}.code-editor-save-btn{display:flex;align-items:center;gap:6px;padding:6px 12px;margin-right:8px;border:none;background-color:var(--accent-green);border-radius:4px;color:white;font-size:12px;font-weight:500;cursor:pointer;transition:background-color .15s ease;flex-shrink:0}.code-editor-save-btn:hover:not(:disabled){background-color:#15803d}.code-editor-save-btn:disabled{opacity:.6;cursor:not-allowed}.code-editor-diff-btn{display:flex;align-items:center;gap:6px;padding:6px 12px;margin-right:8px;border:none;background-color:var(--accent-purple);border-radius:4px;color:white;font-size:12px;font-weight:500;cursor:pointer;transition:background-color .15s ease;flex-shrink:0}.code-editor-diff-btn:hover{background-color:#7c22ce}.code-editor-tab.has-changes{border-top:2px solid var(--accent-purple)}.tab-external{color:var(--accent-purple);font-size:10px}.code-editor-external-banner{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 14px;background:linear-gradient(90deg,rgba(147,51,234,.15),rgba(147,51,234,.05));border-bottom:1px solid var(--accent-purple);flex-shrink:0}.code-editor-external-banner>span{display:flex;align-items:center;gap:8px;min-width:0;font-size:13px;font-weight:500;color:var(--text-primary)}.code-editor-external-banner>span svg{color:var(--accent-purple)}.banner-actions{display:flex;gap:8px;flex-shrink:0}.banner-actions button{display:flex;align-items:center;gap:6px;padding:5px 10px;border:none;border-radius:4px;font-size:12px;font-weight:500;cursor:pointer;transition:all .15s ease}.banner-actions .accept-btn{background-color:var(--accent-green);color:white}.banner-actions .accept-btn:hover{background-color:#15803d}.banner-actions .reject-btn{background-color:var(--bg-tertiary);color:var(--text-secondary);border:1px solid var(--border-color)}.banner-actions .reject-btn:hover{background-color:var(--bg-hover);color:var(--text-primary)}.code-editor-content{flex:1 1;min-height:0;height:0;overflow:hidden;position:relative}.code-editor-empty{flex:1 1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:var(--text-muted);text-align:center;padding:48px}.code-editor-empty svg{opacity:.4}.code-editor-empty h3{font-size:16px;font-weight:600;color:var(--text-secondary);margin:0}.code-editor-empty p{font-size:14px;margin:0}.code-editor-binary{flex:1 1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:var(--text-muted);text-align:center;padding:48px}.code-editor-binary svg{opacity:.4;color:var(--accent-yellow)}.code-editor-binary h3{font-size:16px;font-weight:600;color:var(--text-secondary);margin:0}.code-editor-binary p{font-size:14px;margin:0}.code-editor-binary .file-path{font-size:12px;font-family:SF Mono,Monaco,Courier New,monospace;color:var(--text-muted);max-width:400px;word-break:break-all}.code-editor-loading{flex:1 1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:var(--text-muted)}.code-editor-loading .spin{animation:spin 1s linear infinite}.monaco-editor{padding-top:8px}[data-theme=dark] .code-editor-tabs{background-color:var(--bg-primary);border-bottom-color:var(--border-color)}[data-theme=dark] .code-editor-tab.active{background-color:var(--bg-secondary)}[data-theme=dark] .code-editor-binary,[data-theme=dark] .code-editor-empty,[data-theme=dark] .code-editor-loading{background-color:transparent}@media (max-width:900px){.header-tab span{display:none}.header-tab{padding:8px 10px}}@container (max-width: 620px){.code-editor-tabs{min-height:36px}.code-editor-tab{max-width:160px;padding:6px 9px}.code-editor-diff-btn,.code-editor-save-btn{width:30px;min-width:30px;padding:6px;margin-right:6px;justify-content:center}.code-editor-diff-btn span,.code-editor-save-btn span{display:none}.code-editor-external-banner{align-items:flex-start;flex-direction:column}.banner-actions{width:100%}.banner-actions button{flex:1 1;justify-content:center}}.server-panel{padding:24px;height:100%;overflow-y:auto;overflow-x:hidden}.server-env-tabs{display:flex;gap:6px;margin-bottom:20px;min-height:44px;padding:5px;background:rgba(255,255,255,.028);border:1px solid rgba(255,255,255,.06);border-radius:999px;max-width:100%;overflow-x:auto;scrollbar-width:none}.server-env-tabs::-webkit-scrollbar{display:none}.server-env-tab{display:flex;align-items:center;gap:8px;min-height:34px;padding:0 16px;border:none;background:transparent;border-radius:999px;font-size:13px;font-weight:650;color:var(--text-secondary);cursor:pointer;transition:all .15s ease;white-space:nowrap;flex-shrink:0}.server-env-tab:hover:not(.active){background-color:var(--bg-hover);color:var(--text-primary)}.server-env-tab.active{background:linear-gradient(180deg,rgba(255,255,255,.065),rgba(255,255,255,.025)),var(--bg-primary);color:var(--text-primary);box-shadow:inset 0 0 0 1px rgba(255,255,255,.045)}.server-env-tab-indicator{width:8px;height:8px;border-radius:50%;flex-shrink:0}.server-env-tab-count{font-size:11px;font-weight:600;color:var(--text-muted);background-color:var(--bg-tertiary);padding:2px 6px;border-radius:8px;min-width:20px;text-align:center}.server-env-tab.active .server-env-tab-count{background-color:var(--bg-tertiary);color:var(--text-secondary)}.server-header{gap:12px;margin-bottom:24px;flex-wrap:wrap}.server-header,.server-title{display:flex;align-items:center}.server-title{gap:10px;flex:1 1}.server-title svg{color:var(--accent-blue)}.server-title h2{font-size:18px;font-weight:600;color:var(--text-primary);margin:0}.server-count{font-size:12px;font-weight:600;color:var(--text-secondary);background-color:var(--bg-tertiary);padding:2px 8px;border-radius:10px}.server-stats{display:flex;gap:12px}.server-stat{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--text-secondary)}.server-stat.active svg{color:var(--accent-green)}.server-stat.off svg{color:var(--text-muted)}.server-refresh-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;background-color:var(--bg-tertiary);border-radius:6px;color:var(--text-secondary);cursor:pointer;transition:all .15s ease}.server-refresh-btn:hover:not(:disabled){background-color:var(--bg-hover);color:var(--text-primary)}.server-refresh-btn:disabled{opacity:.6;cursor:not-allowed}.server-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(320px,100%),1fr));grid-gap:16px;gap:16px}.droplet-card{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;padding:16px;transition:all .15s ease}.droplet-card:hover{border-color:var(--accent-blue);box-shadow:0 2px 8px rgba(0,0,0,.1)}.droplet-header{display:flex;align-items:flex-start;gap:12px;margin-bottom:12px}.droplet-status{width:10px;height:10px;border-radius:50%;margin-top:5px;flex-shrink:0}.droplet-info{flex:1 1;min-width:0}.droplet-name{font-size:15px;font-weight:600;color:var(--text-primary);margin:0 0 4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.droplet-region{align-items:center;font-size:12px;color:var(--text-muted)}.droplet-actions,.droplet-region{display:flex;gap:4px}.droplet-action-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;background-color:var(--bg-tertiary);border-radius:6px;color:var(--text-secondary);cursor:pointer;transition:all .15s ease}.droplet-action-btn:hover:not(:disabled){background-color:var(--bg-hover);color:var(--text-primary)}.droplet-action-btn.danger:hover:not(:disabled){background-color:rgba(239,68,68,.15);color:var(--accent-red)}.droplet-action-btn.success:hover:not(:disabled){background-color:rgba(34,197,94,.15);color:var(--accent-green)}.droplet-action-btn:disabled{opacity:.5;cursor:not-allowed}.droplet-specs{display:flex;gap:12px;padding:10px 0;border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color);margin-bottom:10px;flex-wrap:wrap}.droplet-spec{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--text-secondary)}.droplet-spec svg{color:var(--text-muted)}.droplet-network{display:flex;flex-direction:column;gap:6px;margin-bottom:10px}.droplet-ip{display:flex;align-items:center;gap:6px;font-size:12px}.droplet-ip svg,.ip-label{color:var(--text-muted)}.ip-label{min-width:50px}.ip-value{font-family:SF Mono,Monaco,Consolas,monospace;color:var(--text-primary);background-color:var(--bg-tertiary);padding:2px 6px;border-radius:4px;font-size:11px}.ip-copy{display:flex;align-items:center;justify-content:center;width:20px;height:20px;border:none;background:none;color:var(--text-muted);cursor:pointer;border-radius:4px;transition:all .15s ease}.ip-copy:hover{background-color:var(--bg-tertiary);color:var(--text-primary)}.droplet-footer{display:flex;align-items:center;justify-content:space-between;font-size:11px;color:var(--text-muted)}.droplet-image{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.droplet-created{display:flex;align-items:center;gap:4px;flex-shrink:0}.droplet-tags{display:flex;flex-wrap:wrap;gap:4px;margin-top:10px;padding-top:10px;border-top:1px solid var(--border-color)}.droplet-tag{font-size:10px;color:var(--accent-blue);background-color:rgba(37,99,235,.1);padding:2px 8px;border-radius:10px}.server-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;height:300px;color:var(--text-muted)}.server-loading span{font-size:14px}.server-error{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;height:300px;text-align:center;color:var(--text-muted)}.server-error svg{color:var(--accent-yellow);opacity:.6}.server-error h3{font-size:16px;font-weight:600;color:var(--text-secondary);margin:0}.server-error p{font-size:13px;margin:0;max-width:400px}.server-retry-btn,.server-settings-btn{display:flex;align-items:center;gap:6px;padding:8px 16px;margin-top:8px;border:none;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:all .15s ease}.server-settings-btn{background-color:var(--accent-blue);color:white}.server-settings-btn:hover{background-color:var(--accent-blue-hover)}.server-retry-btn{background-color:var(--bg-tertiary);color:var(--text-secondary)}.server-retry-btn:hover{background-color:var(--bg-hover);color:var(--text-primary)}.server-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;height:300px;text-align:center;color:var(--text-muted)}.server-empty svg{opacity:.4}.server-empty h3{font-size:16px;font-weight:600;color:var(--text-secondary);margin:0}.server-empty p{font-size:13px;margin:0}.server-panel .spin{animation:spin 1s linear infinite}.server-title .env-badge{display:inline-flex;align-items:center;padding:3px 8px;font-size:11px;font-weight:600;color:white;border-radius:4px;text-transform:uppercase;letter-spacing:.5px}.server-error-banner{display:flex;align-items:center;gap:8px;padding:10px 14px;margin-bottom:16px;background-color:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.2);border-radius:8px;color:var(--accent-red);font-size:13px}.server-error-banner button{margin-left:auto;padding:0;width:20px;height:20px;border:none;background:none;color:var(--accent-red);cursor:pointer;font-size:16px;opacity:.7}.server-error-banner button:hover{opacity:1}.server-card{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;padding:16px;transition:all .15s ease}.server-card:hover{border-color:var(--accent-blue);box-shadow:0 2px 8px rgba(0,0,0,.1)}.server-card.primary{border-color:var(--accent-blue);background:linear-gradient(135deg,rgba(37,99,235,.03),transparent)}.server-card-header{display:flex;align-items:flex-start;gap:12px;margin-bottom:12px}.server-card-status{padding-top:4px}.server-card-status .status-indicator{width:10px;height:10px;border-radius:50%}.server-card-info{flex:1 1;min-width:0}.server-card-name{font-size:15px;font-weight:600;margin:0 0 4px;display:flex;align-items:center;gap:8px}.server-card-name .primary-badge{font-size:10px;font-weight:600;color:var(--accent-blue);background-color:rgba(37,99,235,.1);padding:2px 6px;border-radius:4px;text-transform:uppercase}.server-card-type{font-size:12px;color:var(--text-muted)}.server-action-btn{width:28px;height:28px;background-color:var(--bg-tertiary);transition:all .15s ease}.server-action-btn:hover:not(:disabled){background-color:var(--bg-hover)}.server-action-btn.danger:hover:not(:disabled){background-color:rgba(239,68,68,.15)}.server-action-btn.success:hover:not(:disabled){background-color:rgba(34,197,94,.15);color:var(--accent-green)}.server-action-btn.tunnel{background-color:rgba(59,130,246,.1);color:var(--accent-blue,#3b82f6)}.server-action-btn.tunnel:hover:not(:disabled){background-color:rgba(59,130,246,.2);color:var(--accent-blue,#3b82f6)}.server-action-btn.tunnel-active{background-color:rgba(34,197,94,.15);color:var(--accent-green)}.server-action-btn.tunnel-active:hover:not(:disabled){background-color:rgba(239,68,68,.15);color:var(--accent-red)}.server-card-details{display:flex;flex-direction:column;gap:8px;padding:12px 0;border-top:1px solid var(--border-color)}.server-detail{display:flex;align-items:center;gap:8px;font-size:12px}.server-detail svg{color:var(--text-muted);flex-shrink:0}.server-detail .detail-label{color:var(--text-muted);min-width:70px}.server-detail .detail-value{color:var(--text-primary);flex:1 1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.server-detail code.detail-value{font-family:SF Mono,Monaco,Consolas,monospace;background-color:var(--bg-tertiary);padding:2px 6px;border-radius:4px;font-size:11px}.server-droplet-info{padding:10px 0;border-top:1px solid var(--border-color)}.droplet-link-badge{display:flex;align-items:center;gap:6px;font-size:11px;margin-bottom:8px}.droplet-link-badge,.droplet-link-badge svg{color:var(--accent-purple)}.server-droplet-info .droplet-specs{display:flex;flex-wrap:wrap;gap:12px;padding:0;border:none;margin:0}.server-droplet-info .droplet-spec{display:flex;align-items:center;gap:4px;font-size:11px;color:var(--text-muted)}.server-droplet-info .droplet-spec svg{width:12px;height:12px}.server-test-result{display:flex;align-items:center;gap:8px;padding:10px 12px;border-radius:8px;font-size:12px;margin-top:12px}.server-test-result.success{background-color:rgba(34,197,94,.1);color:var(--accent-green)}.server-test-result.error{background-color:rgba(239,68,68,.1);color:var(--accent-red)}.server-test-result .latency{margin-left:auto;font-family:SF Mono,Monaco,Consolas,monospace;color:var(--text-muted)}.server-section-divider{display:flex;align-items:center;gap:10px;padding:8px 0;margin-top:20px;margin-bottom:8px;border-bottom:1px solid var(--border-color,rgba(255,255,255,.08))}.cloud-provider-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:6px;font-size:11px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.cloud-provider-badge.aws{background-color:rgba(255,153,0,.12);color:#FF9900;border:1px solid rgba(255,153,0,.25)}.cloud-provider-badge.do{background-color:rgba(0,105,255,.12);color:#0069FF;border:1px solid rgba(0,105,255,.25)}.environments-tab{display:flex;flex-direction:column;height:100%;min-width:0;overflow:hidden}.environments-header{justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--border)}.environments-header,.environments-header-left{display:flex;align-items:center;gap:12px;min-width:0}.environments-header h1{font-size:18px;font-weight:600;margin:0}.environment-selector{display:flex;align-items:center;padding:8px clamp(12px,2vw,20px);border-bottom:1px solid var(--border);gap:8px;min-width:0}.environment-tabs{display:flex;gap:4px;flex:1 1;min-width:0;overflow-x:auto;scrollbar-width:none}.environment-tabs::-webkit-scrollbar{display:none}.environment-tab{display:flex;align-items:center;gap:8px;padding:8px 16px;border:none;background:transparent;border-radius:6px;cursor:pointer;transition:background-color .15s ease,color .15s ease;white-space:nowrap}.environment-tab:hover{background:var(--hover)}.environment-tab.active{background:var(--env-color,var(--primary));color:white}.environment-tab.active .environment-dot{background:white!important;opacity:.8}.environment-dot{width:8px;height:8px;border-radius:50%}.environment-name{font-size:13px;font-weight:500}.environment-default-badge{font-size:10px;padding:2px 6px;background:rgba(255,255,255,.2);border-radius:4px;text-transform:uppercase;letter-spacing:.5px}.environment-add-btn{flex-shrink:0}.environment-panel{flex:1 1;overflow-y:auto;padding:16px clamp(12px,2vw,20px);min-width:0}.environment-panel-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid var(--border)}.environment-header-info{display:flex;align-items:center;gap:10px;min-width:0}.environment-color-badge{width:12px;height:12px;border-radius:3px}.environment-header-info h2{font-size:16px;font-weight:600;margin:0}.environment-name-id{font-size:12px;color:var(--text-secondary);padding:2px 8px;background:var(--hover);border-radius:4px}.default-badge{font-size:11px;padding:3px 8px;background:var(--primary);color:white;border-radius:4px;text-transform:uppercase;letter-spacing:.5px}.environment-header-actions{display:flex;gap:8px}.database-list-section,.deploy-settings-section,.server-list-section{margin-bottom:20px}.section-header{justify-content:space-between;margin-bottom:12px;flex-wrap:wrap}.section-header,.section-title{display:flex;align-items:center;gap:8px}.section-title h3{font-size:14px;font-weight:600;margin:0;text-transform:uppercase;letter-spacing:.5px;color:var(--text-secondary)}.count-badge{font-size:11px;padding:2px 6px;background:var(--hover);border-radius:10px;color:var(--text-secondary)}.server-list{display:flex;flex-direction:column;gap:8px}.server-card-compact{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;overflow:hidden}.server-card-compact:hover{border-color:var(--accent-blue)}.server-card-main{display:flex;align-items:center;gap:12px;padding:12px 14px}.server-status-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.server-card-content{flex:1 1;min-width:0;display:flex;flex-direction:column;gap:2px}.server-card-name{font-size:14px;font-weight:500;color:var(--text-primary)}.server-card-host,.server-card-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.server-card-host{font-size:13px;font-family:SF Mono,Monaco,Consolas,monospace;color:var(--text-muted)}.server-card-actions{display:flex;gap:4px;flex-shrink:0;flex-wrap:wrap;justify-content:flex-end}.server-action-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;background:var(--bg-tertiary);border-radius:999px;color:var(--text-secondary);cursor:pointer;transition:background-color .15s ease,color .15s ease}.server-action-btn:hover:not(:disabled){background:var(--bg-hover);color:var(--text-primary)}.server-action-btn.danger:hover:not(:disabled){background:rgba(239,68,68,.15);color:var(--accent-red)}.server-action-btn:disabled{opacity:.5;cursor:not-allowed}.server-action-btn .success{color:var(--accent-green)}.server-action-btn .error{color:var(--accent-red)}.server-card-error{padding:8px 14px;background:rgba(239,68,68,.1);border-top:1px solid rgba(239,68,68,.2);font-size:12px;color:var(--accent-red)}.server-card-error,.server-card-status{display:flex;align-items:center;gap:6px}.server-card-status{padding:6px 14px;font-size:11px;border-top:1px solid var(--border-color)}.server-card-status.connected{background:rgba(34,197,94,.1);color:var(--accent-green)}.database-badge{font-size:9px;font-weight:600;padding:2px 5px;border-radius:3px;margin-left:6px;text-transform:uppercase}.database-badge.tunnel{background:rgba(59,130,246,.2);color:var(--accent-blue)}.server-action-btn.primary{background:var(--accent-blue);color:white}.server-action-btn.primary:hover{background:var(--accent-blue-hover,#2563eb)}.database-test-result,.server-test-result{display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:6px;font-size:13px;margin-top:12px}.database-test-result.success,.server-test-result.success{background:rgba(34,197,94,.1);color:var(--accent-green)}.database-test-result.error,.server-test-result.error{background:rgba(239,68,68,.1);color:var(--accent-red)}.latency{margin-left:auto;font-family:monospace;opacity:.7}.database-list{display:flex;flex-direction:column;gap:12px}.database-card{background:var(--card);border:1px solid var(--border);border-radius:8px;padding:16px}.database-card.primary{border-color:var(--primary);border-width:2px}.database-card-header{justify-content:space-between;margin-bottom:12px}.database-card-header,.database-card-info{display:flex;align-items:flex-start;gap:12px}.database-card-info{min-width:0}.database-card-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--hover);border-radius:8px;color:var(--text-secondary)}.database-card-title h4{font-size:14px;font-weight:600;margin:0 0 4px;display:flex;align-items:center;gap:8px}.connection-string code{font-size:12px;padding:6px 10px;background:var(--hover);border-radius:4px;display:block;overflow-x:auto}.ssh-tunnel{display:flex;align-items:center;gap:6px;color:var(--text-secondary);font-size:12px}.database-card-actions .connected{color:#22c55e}.deploy-settings-form{background:var(--card);border:1px solid var(--border);border-radius:8px;padding:16px}.deploy-setting{display:flex;align-items:center;gap:12px;margin-bottom:16px;min-width:0}.deploy-setting label{display:flex;align-items:center;gap:8px;min-width:140px;color:var(--text-secondary);font-size:13px}.deploy-setting input[type=text]{flex:1 1;min-width:0;max-width:300px}.deploy-setting.checkbox-setting{flex-direction:column;align-items:flex-start;gap:4px}.deploy-setting.checkbox-setting label{min-width:unset;cursor:pointer}.setting-hint{font-size:12px;color:var(--text-secondary);margin-left:24px}@container (max-width: 640px){.database-card-header,.environment-panel-header,.environments-header{align-items:flex-start;flex-direction:column}.deploy-setting{align-items:stretch;flex-direction:column}.deploy-setting label{min-width:0}.deploy-setting input[type=text]{width:100%;max-width:none}.setting-hint{margin-left:0}}.empty-state-container{flex:1 1;display:flex;align-items:center;justify-content:center}.empty-state{display:flex;flex-direction:column;align-items:center;gap:12px;padding:40px;text-align:center;color:var(--text-secondary)}.empty-state h2{margin:0;color:var(--text)}.empty-state p{margin:0;max-width:400px}.empty-state-actions{display:flex;gap:12px;margin-top:8px}.empty-state-hint{font-size:12px;opacity:.7}.empty-state-inline{display:flex;align-items:center;gap:10px;padding:16px 20px;background:var(--hover);border:1px dashed var(--border);border-radius:8px;color:var(--text-secondary);font-size:13px}.empty-state-inline svg{opacity:.5}.dialog-overlay{position:fixed;inset:0;background:rgba(0,0,0,.5);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:2147483646;isolation:isolate}.dialog{background:var(--bg-secondary);border-radius:12px;box-shadow:var(--shadow-lg);border:1px solid var(--border-color);max-width:500px;width:90%;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;position:relative;z-index:2147483647}.dialog-wide{max-width:600px}.dialog-header{justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--border-color)}.dialog-header,.dialog-title{display:flex;align-items:center}.dialog-title{gap:10px;color:var(--text-primary)}.dialog-title h2{font-size:16px;font-weight:600;margin:0;color:var(--text-primary)}.dialog-form{padding:20px;overflow-y:auto}.form-row{display:flex;gap:16px}.form-group{display:flex;flex-direction:column;gap:6px;margin-bottom:16px;flex:1 1}.form-group.flex-1{flex:1 1}.form-group.flex-2{flex:2 1}.form-group label{font-size:13px;font-weight:500;color:var(--text-secondary)}.form-group .optional{font-weight:400;opacity:.7}.dialog .form-group input,.dialog .form-group select,.dialog-form input,.dialog-form select{padding:10px 12px;border:1px solid var(--border-color);border-radius:6px;background:var(--bg-primary);font-size:13px;color:var(--text-primary);width:100%}.dialog .form-group input::placeholder,.dialog-form input::placeholder{color:var(--text-muted)}.dialog .form-group input:focus,.dialog .form-group select:focus,.dialog-form input:focus,.dialog-form select:focus{outline:none;border-color:var(--accent-blue);box-shadow:0 0 0 2px rgba(37,99,235,.15)}.dialog .form-group select option,.dialog-form select option{background:var(--bg-primary);color:var(--text-primary)}.form-hint{font-size:11px;color:var(--text-muted)}.form-divider{display:flex;align-items:center;margin:20px 0 16px}.form-divider span{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);background:var(--bg-secondary);padding-right:12px}.form-divider:after{content:"";flex:1 1;height:1px;background:var(--border-color)}.form-error{padding:12px;background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.3);border-radius:6px;color:#ef4444;font-size:13px;margin-bottom:16px}.checkbox-group{display:flex;flex-direction:column;gap:4px}.checkbox-group label{display:flex;align-items:center;gap:8px;font-weight:400;cursor:pointer;color:var(--text-primary)}.checkbox-group input[type=checkbox],.deploy-setting input[type=checkbox],.form-group input[type=checkbox]{width:16px;height:16px;accent-color:var(--primary);cursor:pointer}.dialog-actions{display:flex;justify-content:flex-end;gap:12px;padding:16px 20px;border-top:1px solid var(--border-color);background:var(--bg-tertiary)}.color-picker{display:flex;gap:8px;flex-wrap:wrap}.color-swatch{width:28px;height:28px;border-radius:6px;border:2px solid transparent;cursor:pointer;transition:all .15s ease}.color-swatch:hover{transform:scale(1.1)}.color-swatch.selected{border-color:var(--text);box-shadow:0 0 0 2px var(--card)}.color-input{width:28px;height:28px;border:none;border-radius:6px;cursor:pointer;padding:0}.environment-preview{display:flex;align-items:center;gap:12px;padding:12px;background:var(--hover);border-radius:6px;margin-bottom:16px}.preview-label{font-size:12px;color:var(--text-secondary)}.environment-tab.preview{cursor:default;background:var(--card)}.migration-wizard{max-width:700px}.wizard-steps{display:flex;justify-content:center;gap:24px;padding:20px;border-bottom:1px solid var(--border)}.wizard-step-indicator{display:flex;align-items:center;gap:8px;opacity:.5}.wizard-step-indicator.active{opacity:1}.wizard-step-indicator.completed{opacity:.7}.wizard-step-indicator.completed .step-number{background:var(--primary);color:white}.step-number{width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--hover);font-size:12px;font-weight:600}.wizard-step-indicator.active .step-number{background:var(--primary);color:white}.step-label{font-size:13px;font-weight:500}.wizard-content{padding:24px;min-height:300px}.wizard-step h3{margin:0 0 8px;font-size:18px}.step-description{color:var(--text-secondary);margin:0 0 24px}.migration-source-info{display:flex;align-items:center;gap:12px;padding:12px 16px;background:var(--hover);border-radius:8px;margin-bottom:20px}.migration-source-info .label{font-size:12px;color:var(--text-secondary)}.database-badge{display:flex;align-items:center;gap:8px;padding:6px 12px;background:var(--card);border-radius:6px}.badge-type{font-size:11px;color:var(--text-secondary)}.target-database-list{display:flex;flex-direction:column;gap:8px}.target-database-option{display:flex;align-items:center;gap:12px;padding:12px 16px;background:var(--card);border:2px solid var(--border);border-radius:8px;cursor:pointer;transition:all .15s ease;text-align:left;width:100%}.target-database-option:hover{border-color:var(--primary)}.target-database-option.selected{border-color:var(--primary);background:rgba(59,130,246,.05)}.env-indicator{width:4px;height:32px;border-radius:2px}.database-info{flex:1 1}.database-name{display:block;font-weight:500}.database-env,.database-type{font-size:12px;color:var(--text-secondary)}.check-icon{color:var(--primary)}.validation-status{margin-top:16px;padding:12px;background:var(--hover);border-radius:6px}.validating{color:var(--text-secondary)}.validating,.validation-result{display:flex;align-items:center;gap:8px}.validation-result.valid{color:#22c55e}.validation-result.invalid{color:#ef4444}.warning-count{margin-left:auto;color:#f59e0b}.migration-options{display:flex;flex-direction:column;gap:24px}.option-group label{display:block;font-size:13px;font-weight:600;margin-bottom:12px;color:var(--text-secondary)}.radio-group{display:flex;flex-direction:column;gap:8px}.radio-option{display:flex;align-items:flex-start;gap:12px;padding:12px 16px;background:var(--card);border:1px solid var(--border);border-radius:8px;cursor:pointer}.radio-option:hover{border-color:var(--primary)}.radio-option input{margin-top:2px}.radio-content{display:flex;flex-direction:column}.radio-label{font-weight:500}.radio-hint{font-size:12px;color:var(--text-secondary)}.checkbox-option{display:flex;align-items:center;gap:8px;padding:8px 12px;background:var(--card);border-radius:6px;cursor:pointer}.checkbox-option:hover,.migration-summary{background:var(--hover)}.migration-summary{display:flex;align-items:center;justify-content:center;gap:20px;padding:24px;border-radius:8px;margin-bottom:24px}.summary-row{text-align:center}.summary-label{display:block;font-size:11px;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}.summary-value{font-weight:600}.summary-arrow{color:var(--text-secondary)}.migration-warnings{background:rgba(245,158,11,.1);border:1px solid rgba(245,158,11,.3);border-radius:8px;padding:16px;margin-bottom:16px}.warning-header{display:flex;align-items:center;gap:8px;color:#f59e0b;font-weight:600;margin-bottom:12px}.migration-warnings ul{margin:0;padding-left:24px}.migration-warnings li{font-size:13px;margin-bottom:4px}.production-warning{display:flex;gap:16px;padding:20px;background:rgba(239,68,68,.1);border:2px solid rgba(239,68,68,.3);border-radius:8px}.production-warning svg{color:#ef4444;flex-shrink:0}.warning-content h4{margin:0 0 8px;color:#ef4444}.warning-content p{margin:0 0 8px;font-size:13px}.migration-error{display:flex;align-items:center;gap:8px;padding:12px;background:rgba(239,68,68,.1);border-radius:6px;color:#ef4444;margin-top:16px}.migration-progress{margin:24px 0}.progress-bar{height:8px;background:var(--hover);border-radius:4px;overflow:hidden}.progress-fill{height:100%;background:var(--primary);transition:width .3s ease}.progress-info{display:flex;justify-content:space-between;margin-top:8px;font-size:12px;color:var(--text-secondary)}.progress-animation{display:flex;justify-content:center;margin-top:24px;color:var(--primary)}.error-icon,.success-icon{display:flex;justify-content:center;margin-bottom:16px}.success-icon svg{color:#22c55e}.btn-ghost.btn-danger:hover,.error-icon svg{color:#ef4444}.btn-xs{padding:2px 6px;font-size:11px}.btn-icon{width:32px;height:32px;padding:0;display:flex;align-items:center;justify-content:center}.source-selector{display:flex;gap:8px;margin-bottom:16px}.source-option{flex:1 1;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 16px;border:2px solid var(--border-color);border-radius:8px;background:var(--bg-primary);cursor:pointer;transition:all .15s ease;font-size:13px;font-weight:500;color:var(--text-secondary)}.source-option:hover{border-color:var(--accent-blue);color:var(--text-primary)}.source-option.active{border-color:var(--accent-blue);background:rgba(37,99,235,.1);color:var(--accent-blue)}.source-option svg{flex-shrink:0}.droplet-empty,.droplet-loading{display:flex;align-items:center;gap:8px;padding:16px;background:var(--bg-tertiary);border-radius:8px;color:var(--text-secondary);font-size:13px}.droplet-list{display:flex;flex-direction:column;gap:6px;max-height:200px;overflow-y:auto}.droplet-option{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border:1px solid var(--border-color);border-radius:6px;background:var(--bg-primary);cursor:pointer;transition:all .15s ease;text-align:left;width:100%}.droplet-option:hover{border-color:var(--accent-blue);background:var(--bg-hover)}.droplet-option.selected{border-color:var(--accent-blue);background:rgba(37,99,235,.1)}.droplet-option-info{display:flex;flex-direction:column;gap:2px}.droplet-option-name{font-size:13px;font-weight:500;color:var(--text-primary)}.droplet-option-details{font-size:11px;color:var(--text-muted)}.droplet-check{color:var(--accent-blue);flex-shrink:0}.server-picker-empty,.server-picker-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:40px 20px;text-align:center;color:var(--text-secondary)}.server-picker-empty svg{opacity:.4}.server-picker-empty p{margin:0;max-width:280px}.server-picker-hint{margin:0 0 12px;font-size:13px;color:var(--text-secondary)}.server-picker-hint strong{color:var(--text-primary)}.server-picker-list{display:flex;flex-direction:column;gap:6px;max-height:300px;overflow-y:auto}.server-picker-item{display:flex;align-items:center;gap:12px;padding:12px 14px;border:1px solid var(--border-color);border-radius:8px;background:var(--bg-primary);cursor:pointer;transition:all .15s ease;text-align:left;width:100%}.server-picker-item:hover{border-color:var(--accent-blue);background:var(--bg-hover)}.server-picker-item.selected{border-color:var(--accent-blue);background:rgba(37,99,235,.08)}.server-picker-checkbox{width:20px;height:20px;border:2px solid var(--border-color);border-radius:4px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .15s ease}.server-picker-checkbox.checked{background:var(--accent-blue);border-color:var(--accent-blue);color:white}.server-picker-info{flex:1 1;min-width:0;display:flex;flex-direction:column;gap:2px}.server-picker-name{font-size:14px;font-weight:500;color:var(--text-primary)}.server-picker-details{font-size:12px;color:var(--text-muted)}.server-picker-status{font-size:11px;font-weight:500;padding:3px 8px;border-radius:10px;text-transform:capitalize}.server-picker-status.active{background:rgba(22,163,74,.1);color:var(--accent-green)}.server-picker-status.off{background:var(--bg-tertiary);color:var(--text-muted)}.server-picker-status.new{background:rgba(37,99,235,.1);color:var(--accent-blue)}.export-checkbox,.export-radio{display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:6px;cursor:pointer;font-size:13px;color:var(--text-primary);transition:background .15s ease}.export-checkbox:hover,.export-radio:hover{background:var(--bg-hover)}.export-checkbox input[type=checkbox],.export-radio input[type=radio]{width:16px;height:16px;accent-color:var(--accent-blue);cursor:pointer;flex-shrink:0}.export-checkbox .badge,.export-radio .badge{display:inline-block;font-size:11px;padding:1px 6px;border-radius:10px;background:var(--bg-hover);color:var(--text-secondary);margin-left:4px}.dialog-close-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:6px;border:none;background:transparent;color:var(--text-secondary);cursor:pointer;transition:all .15s ease}.dialog-close-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.env-tabs-container{margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid var(--border-color);gap:8px}.env-tabs{gap:8px}.env-tab-btn{padding:10px 16px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;font-size:14px;font-weight:500}.env-tab-btn:hover{background:var(--bg-tertiary);border-color:var(--text-muted)}.env-tab-btn.active{background:var(--bg-tertiary);border-color:var(--accent-blue)}.secrets-panel{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;overflow:hidden}.secrets-panel .section-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--border-color);background:var(--bg-primary)}.secrets-panel .section-title{display:flex;align-items:center;gap:10px}.secrets-panel .section-title h3{margin:0;font-size:15px;font-weight:600;color:var(--text-primary)}.secrets-panel .section-title svg{color:var(--text-secondary)}.secrets-panel .count-badge{font-size:12px;font-weight:500;color:var(--text-muted);background:var(--bg-tertiary);padding:2px 8px;border-radius:10px}.secrets-loading{display:flex;align-items:center;justify-content:center;gap:8px;padding:24px 20px;color:var(--text-secondary);font-size:13px}.secret-lock-icon{margin-left:6px;color:var(--accent-amber,#f59e0b);opacity:.8;vertical-align:middle}.secret-value-display{font-family:SF Mono,Monaco,Consolas,monospace;font-size:12px;letter-spacing:-.3px}.secret-dialog{width:450px}.secret-dialog .input-with-toggle{display:flex;align-items:center;gap:0}.secret-dialog .input-with-toggle input{flex:1 1;border-top-right-radius:0;border-bottom-right-radius:0;border-right:none}.secret-dialog .input-toggle{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:1px solid var(--border-color);border-left:none;border-top-right-radius:8px;border-bottom-right-radius:8px;background:var(--bg-tertiary);color:var(--text-secondary);cursor:pointer;transition:all .15s ease}.secret-dialog .input-toggle:hover{background:var(--bg-hover);color:var(--text-primary)}.secrets-categories{display:flex;flex-direction:column;gap:16px}.secret-category-group{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;overflow:hidden}.secret-category-header{display:flex;align-items:center;gap:10px;width:100%;padding:12px 14px;background:var(--bg-tertiary);border:none;cursor:pointer;transition:background .15s ease;text-align:left}.secret-category-header:hover{background:var(--bg-hover)}.category-toggle{display:flex;align-items:center;color:var(--text-secondary)}.category-icon{display:flex;align-items:center;flex-shrink:0}.category-label{font-size:13px;font-weight:600;color:var(--text-primary);flex:1 1}.category-count{font-size:12px;font-weight:500;color:var(--text-muted);background:var(--bg-primary);padding:2px 8px;border-radius:10px}.secret-category-group .database-list{padding:8px;gap:6px}.secret-category-group .server-card-compact{border-radius:6px}.secret-category-group .server-card-compact:hover{background:var(--bg-hover)}.server-panel{background:#ffffff;border-radius:12px;padding:20px;border:1px solid #e5e7eb}.dark .server-panel,:root[data-theme=dark] .server-panel,[data-theme=dark] .server-panel{background:var(--bg-secondary);border-color:var(--border-color)}[data-theme=glass] .server-panel{background:rgba(18,18,20,.045);border-color:rgba(226,232,240,.14);box-shadow:inset 0 1px 0 rgba(255,255,255,.055);backdrop-filter:blur(16px) saturate(122%);-webkit-backdrop-filter:blur(16px) saturate(122%)}.dark .server-panel.server-panel-devsuite,.server-panel.server-panel-devsuite,:root[data-theme=dark] .server-panel.server-panel-devsuite,[data-theme=dark] .server-panel.server-panel-devsuite{background:transparent;border:0;border-radius:0;padding:24px}.server-panel-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;gap:8px;flex-wrap:wrap}.server-panel-title{display:flex;align-items:center;gap:8px;font-weight:600;font-size:16px;color:#111827}.dark .server-panel-title,:root[data-theme=dark] .server-panel-title,[data-theme=dark] .server-panel-title,[data-theme=glass] .server-panel-title{color:var(--text-primary)}.server-panel-count{font-size:12px;font-weight:500;color:#606060;background:#f3f4f6;padding:2px 8px;border-radius:10px}.dark .server-panel-count,:root[data-theme=dark] .server-panel-count,[data-theme=dark] .server-panel-count,[data-theme=glass] .server-panel-count{color:var(--text-secondary);background:var(--bg-hover)}.server-panel-actions{display:flex;gap:8px;flex-shrink:0}.server-panel-btn{display:flex;align-items:center;gap:6px;min-height:36px;padding:0 14px;border-radius:999px;font-size:13px;font-weight:500;cursor:pointer;transition:all .15s ease;border:none;white-space:nowrap}.server-panel-btn-primary{background:#3b82f6;color:white}.server-panel-btn-primary:hover:not(:disabled){background:#2563eb}.server-panel-actions .server-panel-btn-primary:not(.server-panel-btn-large){width:36px;height:36px;min-height:36px;padding:0;justify-content:center}.server-panel-btn-secondary{background:#f3f4f6;color:#1c1c1c;border:1px solid #d1d5db}.server-panel-btn-secondary:hover:not(:disabled){background:#e5e7eb}.dark .server-panel-btn-secondary,:root[data-theme=dark] .server-panel-btn-secondary,[data-theme=dark] .server-panel-btn-secondary,[data-theme=glass] .server-panel-btn-secondary{background:var(--bg-hover);color:var(--text-primary);border-color:var(--border-color)}.dark .server-panel-btn-secondary:hover:not(:disabled),:root[data-theme=dark] .server-panel-btn-secondary:hover:not(:disabled),[data-theme=dark] .server-panel-btn-secondary:hover:not(:disabled),[data-theme=glass] .server-panel-btn-secondary:hover:not(:disabled){background:var(--bg-hover)}.server-panel-btn:disabled{opacity:.5;cursor:not-allowed}.server-panel-btn-large{padding:12px 24px;font-size:14px}.server-panel-ai-button.ai-orchestrator-btn{width:34px;height:34px;min-width:34px;min-height:34px}.server-panel-ai-button-large.ai-orchestrator-btn{width:auto;height:36px;min-width:0;min-height:36px;gap:8px;padding:0 14px;font-size:13px;font-weight:500;color:var(--text-primary)}[data-theme=dark] .server-panel-ai-button-large.ai-orchestrator-btn,[data-theme=glass] .server-panel-ai-button-large.ai-orchestrator-btn{background:rgba(36,36,39,.22);border-color:rgba(226,232,240,.14);color:var(--text-primary)}[data-theme=dark] .server-panel-ai-button-large.ai-orchestrator-btn:hover:not(:disabled),[data-theme=glass] .server-panel-ai-button-large.ai-orchestrator-btn:hover:not(:disabled){background:rgba(52,52,55,.42);border-color:rgba(226,232,240,.22)}.server-panel-empty-state{flex-direction:column;padding:60px 24px;text-align:center}.server-panel-empty-icon,.server-panel-empty-state{display:flex;align-items:center;justify-content:center}.server-panel-empty-icon{width:64px;height:64px;background:linear-gradient(135deg,#fef3c7,#fde68a);border-radius:16px;margin-bottom:20px;color:#d97706}.server-panel-empty-icon.production{background:linear-gradient(135deg,#fee2e2,#fecaca);color:#dc2626}.dark .server-panel-empty-icon,:root[data-theme=dark] .server-panel-empty-icon{background:linear-gradient(135deg,rgba(217,119,6,.15),rgba(217,119,6,.1))}[data-theme=dark] .server-panel-empty-icon,[data-theme=glass] .server-panel-empty-icon{background:linear-gradient(135deg,rgba(217,119,6,.18),rgba(217,119,6,.1));color:#f59e0b}.dark .server-panel-empty-icon.production,:root[data-theme=dark] .server-panel-empty-icon.production{background:linear-gradient(135deg,rgba(220,38,38,.15),rgba(220,38,38,.1))}[data-theme=dark] .server-panel-empty-icon.production,[data-theme=glass] .server-panel-empty-icon.production{background:linear-gradient(135deg,rgba(220,38,38,.18),rgba(220,38,38,.1))}.server-panel-empty-state h3{font-size:18px;font-weight:600;color:#111827;margin:0 0 8px}.dark .server-panel-empty-state h3,:root[data-theme=dark] .server-panel-empty-state h3,[data-theme=dark] .server-panel-empty-state h3,[data-theme=glass] .server-panel-empty-state h3{color:var(--text-primary)}.server-panel-empty-state p{font-size:14px;color:#606060;max-width:380px;margin:0 0 24px;line-height:1.5}.dark .server-panel-empty-state p,:root[data-theme=dark] .server-panel-empty-state p,[data-theme=dark] .server-panel-empty-state p,[data-theme=glass] .server-panel-empty-state p{color:var(--text-secondary)}.server-panel-empty-actions{display:flex;flex-direction:column;gap:10px;align-items:center}.server-panel-list{display:flex;flex-direction:column;gap:8px}.server-panel .panel-selector{padding:24px;text-align:center}.server-panel .panel-selector h4{margin:0 0 16px;font-size:16px;font-weight:600;color:var(--text-primary)}.server-panel .panel-selector-list{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.server-panel .panel-selector-item{display:flex;align-items:center;gap:12px;padding:14px 16px;background:#c8c8c8;border:1px solid #e5e7eb;border-radius:10px;cursor:pointer;transition:all .15s ease;font-size:14px;font-weight:500;color:#111827}.server-panel .panel-selector-item:hover{background:#f3f4f6;border-color:#3b82f6}.server-panel .panel-selector-item svg{color:#3b82f6}.dark .server-panel .panel-selector-item,:root[data-theme=dark] .server-panel .panel-selector-item,[data-theme=dark] .server-panel .panel-selector-item,[data-theme=glass] .server-panel .panel-selector-item{background:var(--bg-hover);border-color:var(--border-color);color:var(--text-primary)}.dark .server-panel .panel-selector-item:hover,:root[data-theme=dark] .server-panel .panel-selector-item:hover,[data-theme=dark] .server-panel .panel-selector-item:hover,[data-theme=glass] .server-panel .panel-selector-item:hover{background:var(--bg-hover);border-color:#3b82f6}.server-panel .panel-selector-cancel{padding:8px 16px;background:transparent;border:1px solid #d1d5db;border-radius:8px;font-size:13px;font-weight:500;color:#606060;cursor:pointer;transition:all .15s ease}.server-panel .panel-selector-cancel:hover{background:#f3f4f6;color:#2a2a2a}.dark .server-panel .panel-selector-cancel,:root[data-theme=dark] .server-panel .panel-selector-cancel,[data-theme=dark] .server-panel .panel-selector-cancel,[data-theme=glass] .server-panel .panel-selector-cancel{border-color:var(--border-color);color:var(--text-secondary)}.dark .server-panel .panel-selector-cancel:hover,:root[data-theme=dark] .server-panel .panel-selector-cancel:hover,[data-theme=dark] .server-panel .panel-selector-cancel:hover,[data-theme=glass] .server-panel .panel-selector-cancel:hover{background:var(--bg-hover);color:var(--text-primary)}.server-panel .ai-config-waiting{display:flex;align-items:center;gap:12px;padding:16px 20px;background:linear-gradient(135deg,rgba(139,92,246,.1),rgba(59,130,246,.1));border:1px solid rgba(139,92,246,.3);border-radius:8px;color:#6366f1;font-size:14px;font-weight:500}.dark .server-panel .ai-config-waiting,:root[data-theme=dark] .server-panel .ai-config-waiting{background:linear-gradient(135deg,rgba(139,92,246,.15),rgba(59,130,246,.15));border-color:rgba(139,92,246,.4);color:#a5b4fc}[data-theme=dark] .server-panel .ai-config-waiting,[data-theme=glass] .server-panel .ai-config-waiting{background:rgba(255,255,255,.075);border-color:rgba(226,232,240,.18);color:rgba(248,250,252,.82)}.server-panel .ai-config-waiting svg.spinning{color:#8b5cf6}.server-panel .ai-config-cancel{margin-left:auto;display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;background:rgba(0,0,0,.05);border-radius:6px;color:#606060;cursor:pointer;transition:all .15s ease}.server-panel .ai-config-cancel:hover{background:rgba(239,68,68,.1);color:#ef4444}.dark .server-panel .ai-config-cancel,:root[data-theme=dark] .server-panel .ai-config-cancel,[data-theme=dark] .server-panel .ai-config-cancel,[data-theme=glass] .server-panel .ai-config-cancel{background:rgba(255,255,255,.05);color:var(--text-secondary)}.dark .server-panel .ai-config-cancel:hover,:root[data-theme=dark] .server-panel .ai-config-cancel:hover,[data-theme=dark] .server-panel .ai-config-cancel:hover,[data-theme=glass] .server-panel .ai-config-cancel:hover{background:rgba(239,68,68,.15);color:#f87171}.env-file-sync-section{background:var(--bg-secondary);border:1px solid var(--border);border-radius:8px;margin-bottom:16px;overflow:hidden}.env-file-header{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;gap:12px}.env-file-info{display:flex;align-items:center;gap:8px;color:var(--text-secondary);font-size:13px;min-width:0;flex:1 1}.env-file-info svg{flex-shrink:0;color:var(--accent-blue)}.env-file-path{color:var(--text-primary);font-family:var(--font-mono);font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.env-file-placeholder{color:var(--text-tertiary);font-style:italic}.env-file-actions{display:flex;align-items:center;gap:6px;flex-shrink:0}.env-file-actions .btn{gap:4px}.sync-status{display:flex;align-items:center;gap:8px;padding:8px 14px;font-size:12px;border-top:1px solid var(--border)}.sync-status-success{background:rgba(34,197,94,.1);color:#22c55e}.sync-status-error{background:rgba(239,68,68,.1);color:#ef4444}.dark .sync-status-success,:root[data-theme=dark] .sync-status-success{background:rgba(34,197,94,.15);color:#4ade80}.dark .sync-status-error,:root[data-theme=dark] .sync-status-error{background:rgba(239,68,68,.15);color:#f87171}.env-file-dialog{max-width:480px;width:100%}.env-file-dialog .dialog-content{padding:16px 20px;display:flex;flex-direction:column;gap:16px;max-height:60vh;overflow:hidden}.env-file-description{color:var(--text-secondary);font-size:13px;line-height:1.5;margin:0}.env-files-loading{display:flex;align-items:center;justify-content:center;gap:10px;padding:32px;color:var(--text-secondary)}.discovered-files-section{display:flex;flex-direction:column;gap:8px;min-height:0;flex:1 1}.discovered-files-header{display:flex;align-items:center;justify-content:space-between;font-size:11px;font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.5px;flex-shrink:0}.discovered-files-list{display:flex;flex-direction:column;gap:6px;overflow-y:auto;max-height:240px;padding-right:4px}.discovered-files-list::-webkit-scrollbar{width:6px}.discovered-files-list::-webkit-scrollbar-track{background:transparent}.discovered-files-list::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.discovered-files-list::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}.discovered-file-item{display:flex;align-items:center;gap:10px;padding:8px 10px;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:6px;cursor:pointer;transition:all .15s ease;width:100%;text-align:left}.discovered-file-item:hover{background:var(--bg-hover);border-color:var(--border-hover)}.discovered-file-item.selected{background:rgba(59,130,246,.1);border-color:var(--accent-blue)}.discovered-file-item svg:first-child{color:var(--text-tertiary);flex-shrink:0}.discovered-file-info{display:flex;align-items:center;gap:8px;min-width:0;flex:1 1}.discovered-file-path{font-family:var(--font-mono);font-size:12px;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.discovered-file-suggested{font-size:10px;color:var(--text-tertiary);background:var(--bg-secondary);padding:2px 6px;border-radius:4px;flex-shrink:0}.selected-check{color:var(--accent-blue);flex-shrink:0}.show-hidden-files-btn{background:none;border:none;color:var(--text-tertiary);font-size:11px;cursor:pointer;padding:6px 0;text-align:center;transition:color .15s ease}.no-files-found,.show-hidden-files-btn:hover{color:var(--text-secondary)}.no-files-found{display:flex;flex-direction:column;align-items:center;gap:12px;padding:32px;text-align:center}.no-files-found svg{opacity:.5}.custom-path-section{padding-top:12px;border-top:1px solid var(--border);flex-shrink:0}.custom-path-section label{display:block;font-size:11px;font-weight:500;color:var(--text-tertiary);margin-bottom:6px}.custom-path-input{display:flex;gap:8px}.custom-path-input input{flex:1 1;padding:8px 10px;font-size:12px;font-family:var(--font-mono);background:var(--bg-tertiary);border:1px solid var(--border);border-radius:6px;color:var(--text-primary)}.custom-path-input input:focus{outline:none;border-color:var(--accent-blue)}.custom-path-input input::placeholder{color:var(--text-tertiary)}.database-actions{gap:6px}.database-action-btn{display:flex;align-items:center;gap:4px;min-height:32px;padding:0 12px;border-radius:999px;border:none;font-size:12px;font-weight:500;cursor:pointer;transition:all .15s ease}.database-action-btn span{font-size:11px}.database-start{background:var(--accent-green);color:white}.database-start:hover:not(:disabled){background:#16a34a}.database-start:disabled{opacity:.6;cursor:not-allowed}.database-stop{background:var(--accent-red);color:white}.database-stop:hover{background:#dc2626}.database-restart{background:var(--bg-secondary);color:var(--text-secondary);width:32px;padding:0;justify-content:center}.database-restart:hover:not(:disabled){background:var(--bg-tertiary);color:var(--text-primary)}.database-restart:disabled{opacity:.6;cursor:not-allowed}.env-tab{padding:24px;height:100%;overflow-y:auto;overflow-x:hidden}.env-tabs-container{justify-content:space-between;margin-bottom:20px;gap:12px;flex-wrap:wrap}.env-tabs,.env-tabs-container{display:flex;align-items:center}.env-tabs{gap:6px;min-height:44px;padding:5px;background:rgba(255,255,255,.028);border:1px solid rgba(255,255,255,.06);border-radius:999px;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.env-tabs::-webkit-scrollbar{display:none}.env-tab-btn{display:flex;align-items:center;gap:8px;min-height:34px;padding:0 16px;border-radius:999px;border:1px solid transparent;background:transparent;color:var(--text-secondary);font-size:13px;font-weight:650;cursor:pointer;transition:all .15s ease;white-space:nowrap;flex-shrink:0}.env-tab-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.env-tab-btn.active{background:linear-gradient(180deg,rgba(255,255,255,.065),rgba(255,255,255,.025)),var(--bg-primary);color:var(--text-primary);border-color:rgba(255,255,255,.045);box-shadow:inset 0 0 0 1px rgba(255,255,255,.045)}.env-tab-btn.active .env-tab-dot{border:2px solid rgba(255,255,255,.5)}.env-tab-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.env-tab-add{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:8px;border:1px dashed var(--border-color);background:transparent;color:var(--text-tertiary);cursor:pointer;transition:all .15s ease}.env-tab-add:hover{border-color:var(--accent-blue);color:var(--accent-blue);background:rgba(59,130,246,.1)}.env-refresh-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:999px;border:none;background:var(--bg-tertiary);color:var(--text-secondary);cursor:pointer;transition:all .15s ease}.env-refresh-btn:hover:not(:disabled){background:var(--bg-hover);color:var(--text-primary)}.env-refresh-btn:disabled{opacity:.5;cursor:not-allowed}.env-content{gap:24px}.env-content,.env-empty-state{display:flex;flex-direction:column}.env-empty-state{align-items:center;justify-content:center;padding:80px 20px;text-align:center;color:var(--text-secondary)}.env-empty-state svg{color:var(--text-tertiary);margin-bottom:16px}.env-empty-state h2{font-size:18px;font-weight:600;color:var(--text-primary);margin:0 0 8px}.env-empty-state p{font-size:14px;max-width:400px;margin:0 0 20px}.env-empty-actions{display:flex;gap:12px}.env-btn{display:flex;align-items:center;gap:8px;padding:10px 16px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .15s ease;border:none}.env-btn-primary{background:var(--accent-blue);color:white}.env-btn-primary:hover:not(:disabled){background:var(--accent-blue-hover)}.env-btn:disabled{opacity:.5;cursor:not-allowed}.spinning{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.git-panel{background-color:var(--bg-primary)}.git-empty,.git-panel{display:flex;flex-direction:column;height:100%}.git-empty{align-items:center;justify-content:center;color:var(--text-muted);gap:12px}.git-empty p{margin:0;font-size:14px}.git-empty-hint{font-size:12px!important;opacity:.7}.git-init-btn{display:flex;align-items:center;gap:6px;margin-top:8px;padding:8px 16px;background-color:var(--accent-blue);border:none;border-radius:6px;color:white;font-size:13px;font-weight:500;cursor:pointer;transition:all .15s ease}.git-init-btn:hover{background-color:var(--accent-blue-hover)}.git-header{justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--border-color);background-color:var(--bg-secondary);flex-wrap:wrap}.git-branch-info,.git-header{display:flex;align-items:center;gap:8px}.git-branch-info{position:relative}.git-branch-btn{display:flex;align-items:center;gap:4px;padding:4px 8px;background:none;border:1px solid var(--border-color);border-radius:4px;color:var(--text-primary);font-size:13px;font-weight:500;cursor:pointer;transition:all .15s ease}.git-branch-btn:hover{background-color:var(--bg-hover);border-color:var(--text-muted)}.git-sync-badge{font-size:11px;padding:2px 6px;border-radius:10px;font-weight:500}.git-sync-badge.ahead{background-color:rgba(34,197,94,.15);color:#22C55E}.git-sync-badge.behind{background-color:rgba(239,68,68,.15);color:#EF4444}.git-actions{display:flex;gap:4px}.git-action-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:none;border:1px solid var(--border-color);border-radius:4px;color:var(--text-secondary);cursor:pointer;transition:all .15s ease}.git-action-btn:hover{background-color:var(--bg-hover);color:var(--text-primary)}.git-action-btn:disabled{opacity:.5;cursor:not-allowed}.git-action-btn .spinning{animation:spin 1s linear infinite}.git-branch-dropdown{position:absolute;top:100%;left:0;margin-top:4px;min-width:260px;background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.15);z-index:100;max-height:400px;overflow-y:auto}.git-branch-toolbar{display:flex;gap:4px;padding:8px;border-bottom:1px solid var(--border-color)}.git-branch-toolbar-btn{display:flex;align-items:center;gap:4px;padding:5px 10px;background:none;border:1px solid var(--border-color);border-radius:4px;color:var(--text-secondary);font-size:12px;cursor:pointer;transition:all .15s ease}.git-branch-toolbar-btn:hover{background-color:var(--bg-hover);color:var(--text-primary);border-color:var(--text-muted)}.git-branch-create{padding:8px;border-bottom:1px solid var(--border-color)}.git-branch-create-input{width:100%;padding:6px 10px;background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:4px;color:var(--text-primary);font-size:12px;margin-bottom:6px}.git-branch-create-input:focus{outline:none;border-color:var(--accent-blue)}.git-branch-create-actions{display:flex;gap:4px}.git-branch-create-confirm{display:flex;align-items:center;gap:4px;padding:4px 10px;background-color:var(--accent-blue);border:none;border-radius:4px;color:white;font-size:12px;cursor:pointer}.git-branch-create-confirm:hover{opacity:.9}.git-branch-create-confirm:disabled{opacity:.5;cursor:not-allowed}.git-branch-create-cancel{padding:4px 10px;background:none;border:1px solid var(--border-color);border-radius:4px;color:var(--text-muted);font-size:12px;cursor:pointer}.git-branch-create-cancel:hover{color:var(--text-primary)}.git-branch-section{padding:8px 0;border-bottom:1px solid var(--border-color)}.git-branch-section:last-child{border-bottom:none}.git-branch-section-title{justify-content:space-between;padding:4px 12px;font-size:11px;font-weight:600;text-transform:uppercase}.git-branch-section-title,.git-merge-back-btn{display:flex;align-items:center;color:var(--text-muted)}.git-merge-back-btn{justify-content:center;width:18px;height:18px;background:none;border:none;border-radius:3px;cursor:pointer}.git-merge-back-btn:hover{background-color:var(--bg-hover);color:var(--text-primary)}.git-branch-item{display:flex;align-items:center;width:100%;padding:0 4px 0 0}.git-branch-item-name{display:flex;align-items:center;gap:8px;flex:1 1;padding:8px 12px;background:none;border:none;color:var(--text-primary);font-size:13px;cursor:pointer;text-align:left}.git-branch-item-name:hover{background-color:var(--bg-hover)}.git-branch-item-name:disabled{cursor:default}.git-branch-item-name.merge-item{padding:8px 12px;border-radius:4px;width:100%}.git-branch-item.current .git-branch-item-name{color:var(--accent-blue);font-weight:500}.git-branch-item.remote .git-branch-item-name{color:var(--text-secondary)}.git-branch-delete-btn{display:flex;align-items:center;justify-content:center;width:22px;height:22px;background:none;border:none;border-radius:3px;color:var(--text-muted);cursor:pointer;opacity:0;transition:all .15s ease}.git-branch-item:hover .git-branch-delete-btn{opacity:1}.git-branch-delete-btn:hover,.git-error{background-color:rgba(239,68,68,.1);color:#EF4444}.git-error{display:flex;align-items:flex-start;gap:8px;padding:8px 12px;margin:8px 16px;border:1px solid rgba(239,68,68,.3);border-radius:6px;font-size:12px}.git-error span{flex:1 1;word-break:break-word}.git-error button{margin-left:auto;flex-shrink:0;background:none;border:none;color:inherit;cursor:pointer;opacity:.7}.git-error button:hover{opacity:1}.git-content{flex:1 1;overflow-y:auto;padding:16px}.git-commit-section{margin-bottom:16px}.git-commit-input{width:100%;padding:10px 12px;background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);font-size:13px;font-family:inherit;resize:none;margin-bottom:8px}.git-commit-input:focus{outline:none;border-color:var(--accent-blue)}.git-commit-input::placeholder{color:var(--text-muted)}.git-commit-btn{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;padding:8px 16px;background-color:var(--accent-blue);border:none;border-radius:6px;color:white;font-size:13px;font-weight:500;cursor:pointer;transition:all .15s ease}.git-commit-btn:hover:not(:disabled){background-color:var(--accent-blue-hover)}.git-commit-btn:disabled{opacity:.5;cursor:not-allowed}.git-section{margin-bottom:12px}.git-section-header{display:flex;align-items:center;gap:6px;padding:8px;margin-bottom:4px;border-radius:6px;cursor:pointer;font-size:12px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.git-section-header:hover{background-color:var(--bg-hover)}.git-section-count{margin-left:auto;padding:2px 8px;background-color:var(--bg-tertiary);border-radius:10px;font-size:11px;color:var(--text-muted)}.git-section-action{display:flex;align-items:center;justify-content:center;width:20px;height:20px;background:none;border:none;border-radius:4px;color:var(--text-muted);cursor:pointer}.git-section-action:hover{background-color:var(--bg-tertiary);color:var(--text-primary)}.git-section-action.discard:hover{background-color:rgba(239,68,68,.1);color:#EF4444}.git-file-list{margin-left:20px}.git-file-item{display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:4px;font-size:13px}.git-file-item:hover{background-color:var(--bg-hover)}.git-file-name{flex-shrink:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text-primary);cursor:pointer}.git-file-name:hover{color:var(--accent-blue)}.git-file-path{flex:1 1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px;color:var(--text-muted)}.git-file-actions{display:none;gap:4px;flex-shrink:0}.git-file-item:hover .git-file-actions{display:flex}.git-file-actions button{display:flex;align-items:center;justify-content:center;width:22px;height:22px;background:none;border:1px solid var(--border-color);border-radius:4px;color:var(--text-muted);cursor:pointer}.git-file-actions button:hover{background-color:var(--bg-tertiary);color:var(--text-primary)}.git-file-status{display:flex;align-items:center;justify-content:center;width:16px;height:16px;border-radius:3px;font-size:10px;font-weight:600;flex-shrink:0}.git-file-status.modified{background-color:rgba(245,158,11,.15);color:#F59E0B}.git-file-status.added{background-color:rgba(34,197,94,.15);color:#22C55E}.git-file-status.deleted{background-color:rgba(239,68,68,.15);color:#EF4444}.git-file-status.renamed{background-color:rgba(139,92,246,.15);color:#8B5CF6}.git-file-status.untracked{background-color:rgba(59,130,246,.15);color:#3B82F6}.git-no-changes{display:flex;align-items:center;justify-content:center;gap:8px;padding:24px;color:var(--text-muted);font-size:13px}.git-history-toggle{margin-top:16px;border-top:1px solid var(--border-color);padding-top:12px}.git-history-toggle button{display:flex;align-items:center;gap:8px;width:100%;padding:8px;background:none;border:none;border-radius:6px;color:var(--text-secondary);font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;cursor:pointer}.git-history-toggle button:hover{background-color:var(--bg-hover);color:var(--text-primary)}.git-stash-count{padding:1px 6px;background-color:var(--bg-tertiary);border-radius:10px;font-size:10px;color:var(--text-muted)}.git-stash-section{margin-top:8px}.git-stash-actions{margin-bottom:8px}.git-stash-toolbar{display:flex;gap:4px}.git-stash-action-btn{display:flex;align-items:center;gap:4px;padding:5px 10px;background:none;border:1px solid var(--border-color);border-radius:4px;color:var(--text-secondary);font-size:12px;cursor:pointer;transition:all .15s ease}.git-stash-action-btn:hover{background-color:var(--bg-hover);color:var(--text-primary)}.git-stash-action-btn:disabled{opacity:.4;cursor:not-allowed}.git-stash-input-row{display:flex;gap:4px;align-items:center}.git-stash-input{flex:1 1;padding:5px 10px;background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:4px;color:var(--text-primary);font-size:12px}.git-stash-input:focus{outline:none;border-color:var(--accent-blue)}.git-stash-save-btn{display:flex;align-items:center;gap:4px;padding:5px 10px;background-color:var(--accent-blue);border:none;border-radius:4px;color:white;font-size:12px;cursor:pointer;white-space:nowrap}.git-stash-save-btn:hover{opacity:.9}.git-stash-cancel-btn{display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:none;border:1px solid var(--border-color);border-radius:4px;color:var(--text-muted);cursor:pointer;flex-shrink:0}.git-stash-cancel-btn:hover{color:var(--text-primary)}.git-stash-list{margin-top:4px}.git-stash-item{display:flex;align-items:center;gap:8px;padding:8px;border-bottom:1px solid var(--border-color)}.git-stash-item:last-child{border-bottom:none}.git-stash-info{flex:1 1;min-width:0}.git-stash-index{font-family:SF Mono,Fira Code,monospace;font-size:11px;color:var(--accent-blue);margin-right:8px}.git-stash-message{font-size:12px;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.git-stash-drop-btn{display:flex;align-items:center;justify-content:center;width:22px;height:22px;background:none;border:none;border-radius:3px;color:var(--text-muted);cursor:pointer;opacity:0;transition:all .15s ease;flex-shrink:0}.git-stash-item:hover .git-stash-drop-btn{opacity:1}.git-stash-drop-btn:hover{background-color:rgba(239,68,68,.1);color:#EF4444}.git-stash-empty{padding:12px 8px;font-size:12px;color:var(--text-muted);text-align:center}.git-commits{margin-top:8px}.git-commit-item{padding:10px 8px;border-bottom:1px solid var(--border-color)}.git-commit-item:last-child{border-bottom:none}.git-commit-hash{font-family:SF Mono,Fira Code,monospace;font-size:11px;color:var(--accent-blue);margin-bottom:4px}.git-commit-message{font-size:13px;color:var(--text-primary);margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.git-commit-meta{display:flex;align-items:center;gap:4px;font-size:11px;color:var(--text-muted)}.git-commit-meta span:not(:last-child){margin-right:8px}.git-diff-modal{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background-color:rgba(0,0,0,.5);z-index:1000}.git-diff-content{width:80%;max-width:900px;max-height:80vh;background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:12px;display:flex;flex-direction:column;overflow:hidden;min-width:0}.git-diff-header{display:flex;align-items:center;gap:8px;padding:12px 16px;border-bottom:1px solid var(--border-color);background-color:var(--bg-secondary)}.git-diff-header span:first-of-type{flex:1 1;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.git-diff-badge{padding:2px 8px;background-color:var(--bg-tertiary);border-radius:4px;font-size:11px;color:var(--text-muted)}.git-diff-header button{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:none;border:none;border-radius:4px;color:var(--text-muted);cursor:pointer}.git-diff-header button:hover{background-color:var(--bg-hover);color:var(--text-primary)}.git-diff-code{flex:1 1;padding:16px;margin:0;overflow:auto;font-family:SF Mono,Fira Code,monospace;font-size:12px;line-height:1.6;color:var(--text-primary);white-space:pre}.diff-line{padding:0 8px;margin:0 -8px}.diff-added{background-color:rgba(34,197,94,.1);color:#22C55E}.diff-removed{background-color:rgba(239,68,68,.08);color:#EF4444}.diff-hunk{color:var(--accent-blue);opacity:.8;margin-top:4px}