.environments-tab{flex-direction:column;min-width:0;height:100%;display:flex;overflow:hidden}.environments-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;min-width:0;padding:16px 20px;display:flex}.environments-header-left{align-items:center;gap:12px;min-width:0;display:flex}.environments-header h1{margin:0;font-size:18px;font-weight:600}.environment-selector{border-bottom:1px solid var(--border);align-items:center;gap:8px;min-width:0;padding:8px clamp(12px,2vw,20px);display:flex}.environment-tabs{scrollbar-width:none;flex:1;gap:4px;min-width:0;display:flex;overflow-x:auto}.environment-tabs::-webkit-scrollbar{display:none}.environment-tab{cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:6px;align-items:center;gap:8px;padding:8px 16px;transition:background-color .15s,color .15s;display:flex}.environment-tab:hover{background:var(--hover)}.environment-tab.active{background:var(--env-color,var(--primary));color:#fff}.environment-tab.active .environment-dot{opacity:.8;background:#fff!important}.environment-dot{border-radius:50%;width:8px;height:8px}.environment-name{font-size:13px;font-weight:500}.environment-default-badge{text-transform:uppercase;letter-spacing:.5px;background:#fff3;border-radius:4px;padding:2px 6px;font-size:10px}button.environment-add-btn{color:var(--text-primary);background:linear-gradient(#1f232af0,#0e1116f0);border:1px solid #94a3b847;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;min-width:36px;min-height:36px;padding:0;display:inline-flex;box-shadow:inset 0 1px #ffffff0f}button.environment-add-btn:hover{color:#f8fafc;background:#2da7ff1f;border-color:#38bdf87a}.environment-panel{flex:1;min-width:0;padding:12px clamp(10px,1.5vw,16px);overflow-y:auto}.environment-panel-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;padding-bottom:12px;display:flex}.environment-header-info{align-items:center;gap:10px;min-width:0;display:flex}.environment-color-badge{border-radius:3px;width:12px;height:12px}.environment-header-info h2{margin:0;font-size:16px;font-weight:600}.environment-name-id{color:var(--text-secondary);background:var(--hover);border-radius:4px;padding:2px 8px;font-size:12px}.default-badge{background:var(--primary);color:#fff;text-transform:uppercase;letter-spacing:.5px;border-radius:4px;padding:3px 8px;font-size:11px}.environment-header-actions{gap:8px;display:flex}.server-list-section,.database-list-section,.deploy-settings-section{margin-bottom:14px}.section-header{flex-wrap:nowrap;justify-content:space-between;align-items:center;gap:8px;min-width:0;margin-bottom:8px;display:flex}.section-title{align-items:center;gap:6px;min-width:0;display:flex}.section-title h3{text-transform:uppercase;letter-spacing:.5px;color:var(--text-secondary);white-space:nowrap;margin:0;font-size:12px;font-weight:600}.count-badge{background:var(--hover);color:var(--text-secondary);border-radius:10px;padding:1px 6px;font-size:11px}.server-list{flex-direction:column;gap:6px;display:flex}.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{align-items:center;gap:8px;min-width:0;padding:8px 10px;display:flex}.server-status-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.server-card-content{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex;overflow:hidden}.server-card-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:500;overflow:hidden}.server-card-host{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;font-family:SF Mono,Monaco,Consolas,monospace;font-size:11px;overflow:hidden}.server-card-actions{flex-wrap:nowrap;flex-shrink:0;justify-content:flex-end;align-items:center;gap:2px;display:flex}.server-action-btn{background:var(--bg-tertiary);width:32px;height:32px;color:var(--text-secondary);cursor:pointer;border:none;border-radius:999px;justify-content:center;align-items:center;transition:background-color .15s,color .15s;display:flex}.server-action-btn:hover:not(:disabled){background:var(--bg-hover);color:var(--text-primary)}.server-action-btn.danger:hover:not(:disabled){color:var(--accent-red);background:#ef444426}.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{color:var(--accent-red);background:#ef44441a;border-top:1px solid #ef444433;align-items:center;gap:6px;padding:8px 14px;font-size:12px;display:flex}.server-card-status{border-top:1px solid var(--border-color);align-items:center;gap:6px;padding:6px 14px;font-size:11px;display:flex}.server-card-status.connected{color:var(--accent-green);background:#22c55e1a}.database-badge{text-transform:uppercase;border-radius:3px;margin-left:6px;padding:2px 5px;font-size:9px;font-weight:600}.database-badge.tunnel{color:var(--accent-blue);background:#3b82f633}.server-action-btn.primary{background:var(--accent-blue);color:#fff}.server-action-btn.primary:hover{background:var(--accent-blue-hover,#2563eb)}.server-test-result,.database-test-result{border-radius:6px;align-items:center;gap:8px;margin-top:12px;padding:8px 12px;font-size:13px;display:flex}.server-test-result.success,.database-test-result.success{color:var(--accent-green);background:#22c55e1a}.server-test-result.error,.database-test-result.error{color:var(--accent-red);background:#ef44441a}.latency{opacity:.7;margin-left:auto;font-family:monospace}.database-list{flex-direction:column;gap:12px;display:flex}.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;align-items:flex-start;gap:12px;margin-bottom:12px;display:flex}.database-card-info{align-items:flex-start;gap:12px;min-width:0;display:flex}.database-card-icon{background:var(--hover);width:40px;height:40px;color:var(--text-secondary);border-radius:8px;justify-content:center;align-items:center;display:flex}.database-card-title h4{align-items:center;gap:8px;margin:0 0 4px;font-size:14px;font-weight:600;display:flex}.connection-string code{background:var(--hover);border-radius:4px;padding:6px 10px;font-size:12px;display:block;overflow-x:auto}.ssh-tunnel{color:var(--text-secondary);align-items:center;gap:6px;font-size:12px;display:flex}.database-card-actions .connected{color:#22c55e}.deploy-settings-form{background:0 0;border:none;border-radius:0;grid-template-columns:minmax(200px,.75fr) minmax(320px,1.25fr);gap:12px;padding:0;display:grid}.deploy-setup-section{border-bottom:1px solid color-mix(in srgb, var(--border-color,var(--border)) 70%, transparent);margin-bottom:4px;padding-bottom:18px}.deploy-settings-summary{display:none}.deploy-settings-header-actions{align-items:center;gap:8px;margin-left:auto;display:flex}.deploy-settings-summary span{display:none}.deploy-autosave-status{color:var(--text-muted);white-space:nowrap;opacity:.85;background:0 0;border:none;border-radius:999px;align-items:center;padding:4px 2px;font-size:11px;font-weight:500;line-height:1;display:inline-flex}.deploy-autosave-status-saving{color:#7dd3fc;border-color:#38bdf86b}.deploy-autosave-status-saved{color:#86efac;border-color:#22c55e57}.deploy-autosave-status-error{color:#fca5a5;border-color:#f8717166}.deploy-setup-card{background:color-mix(in srgb, var(--bg-tertiary,#ffffff08) 50%, transparent);border:1px solid color-mix(in srgb, var(--border-color,var(--border)) 70%, transparent);border-radius:12px;flex-direction:column;gap:10px;min-width:0;padding:12px 14px 14px;display:flex}.deploy-setup-card-header{color:var(--text-muted);align-items:center;gap:8px;min-width:0;display:flex}.deploy-setup-card-header svg{display:none}.deploy-setup-card-header h4{color:var(--text-secondary);margin:0;font-size:12px;font-weight:550;line-height:1.2}.deploy-setup-card-header p{display:none}.pill-select{width:100%;min-width:0;position:relative}.pill-select-trigger{background:color-mix(in srgb, var(--bg-tertiary,#1f232ae6) 88%, transparent);border:1px solid color-mix(in srgb, var(--border-color,#94a3b857) 85%, transparent);box-shadow:none;color:var(--text-primary,#f8fafc);cursor:pointer;font:inherit;text-align:left;border-radius:999px;outline:none;justify-content:space-between;align-items:center;gap:10px;width:100%;min-width:0;height:36px;padding:0 12px 0 14px;font-size:13px;font-weight:500;transition:border-color .15s,background-color .15s;display:flex}.pill-select-trigger span{color:inherit;font-size:inherit;text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.pill-select-trigger svg{color:var(--text-secondary);flex:none;transition:transform .15s,color .15s}.pill-select-trigger:hover,.pill-select-trigger:focus-visible,.pill-select-trigger[aria-expanded=true]{background:var(--bg-tertiary,#262b33f2);border-color:color-mix(in srgb, var(--text-muted) 40%, transparent);box-shadow:none}.pill-select-trigger[aria-expanded=true] svg{color:var(--text-primary);transform:rotate(180deg)}.pill-select-menu{background:var(--bg-secondary,#080b10fa);border:1px solid color-mix(in srgb, var(--border-color,#4755699e) 90%, transparent);z-index:80;border-radius:14px;gap:2px;min-width:100%;max-height:240px;padding:5px;display:grid;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow:auto;box-shadow:0 12px 32px #0006}.pill-select-option{color:var(--text-secondary,#b8c0cc);cursor:pointer;font:inherit;text-align:left;background:0 0;border:0;border-radius:999px;justify-content:space-between;align-items:center;gap:10px;width:100%;min-width:0;min-height:32px;padding:0 10px 0 12px;font-size:13px;font-weight:500;display:flex}.pill-select-option span{color:inherit;font-size:inherit}.pill-select-option:hover{color:#f8fafc;background:#ffffff13}.pill-select-option.active{background:color-mix(in srgb, var(--bg-hover,#ffffff14) 100%, transparent);box-shadow:none;color:var(--text-primary,#f8fafc)}.pill-select-option svg{color:var(--text-muted);flex:none}.deploy-source-grid{grid-template-columns:minmax(140px,1fr) minmax(180px,1.2fr);gap:10px;display:grid}.deploy-source-grid label,.deploy-source-field{flex-direction:column;gap:6px;min-width:0;display:flex}.deploy-source-grid label>span,.deploy-source-field>span{color:var(--text-muted);font-size:11px;font-weight:500}.deploy-source-grid input,.deploy-source-grid select{background:var(--bg-tertiary,var(--card));border:1px solid var(--border-color,var(--border));--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:var(--text-primary);border-radius:8px;outline:none;min-width:0;height:36px;padding:0 12px;font-size:13px}.deploy-source-grid input::placeholder{color:var(--text-muted,var(--text-secondary))}.deploy-source-grid select option{background:var(--bg-tertiary,#111827);color:var(--text-primary,#f8fafc)}.deploy-source-grid input:focus,.deploy-source-grid select:focus{border-color:var(--accent-blue,var(--primary));box-shadow:0 0 0 2px #2da7ff2e}.deploy-source-grid input:disabled{background:var(--bg-secondary,var(--hover));color:var(--text-muted,var(--text-secondary));cursor:not-allowed;opacity:.55}.deploy-setting{align-items:center;gap:12px;min-width:0;margin-bottom:16px;display:flex}.deploy-setting label{min-width:140px;color:var(--text-secondary);align-items:center;gap:8px;font-size:13px;display:flex}.deploy-setting input[type=text],.deploy-setting select{background:var(--bg-tertiary,var(--card));border:1px solid var(--border-color,var(--border));color:var(--text-primary);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;border-radius:8px;outline:none;flex:1;min-width:0;max-width:300px;height:36px;padding:0 12px;font-size:13px}.deploy-setting input[type=text]::placeholder{color:var(--text-muted,var(--text-secondary))}.deploy-setting input[type=text]:focus,.deploy-setting select:focus{border-color:var(--accent-blue,var(--primary));box-shadow:0 0 0 2px #2da7ff2e}.deploy-setting input[type=text]:disabled{background:var(--bg-secondary,var(--hover));color:var(--text-muted,var(--text-secondary));cursor:not-allowed;opacity:.6}.deploy-setting input[type=checkbox]{accent-color:var(--accent-blue,var(--primary));width:16px;height:16px}.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{color:var(--text-secondary);margin-left:24px;font-size:12px}.setting-hint.inline{flex:180px;margin-left:0}@container (max-width:640px){.environments-header,.environment-panel-header,.database-card-header{flex-direction:column;align-items:flex-start}.deploy-setting{flex-direction:column;align-items:stretch}.deploy-settings-form,.deploy-source-grid{grid-template-columns:1fr}.deploy-settings-header-actions{flex-direction:column;align-items:stretch;width:100%;margin-left:0}.deploy-setting label{min-width:0}.deploy-setting input[type=text],.deploy-setting select{width:100%;max-width:none}.setting-hint{margin-left:0}.setting-hint.inline{flex-basis:auto}}.empty-state-container{flex:1;justify-content:center;align-items:center;display:flex}.empty-state{text-align:center;color:var(--text-secondary);flex-direction:column;align-items:center;gap:12px;padding:40px;display:flex}.empty-state h2{color:var(--text);margin:0}.empty-state p{max-width:400px;margin:0}.empty-state-actions{gap:12px;margin-top:8px;display:flex}.empty-state-hint{opacity:.7;font-size:12px}.empty-state-inline{background:var(--hover);border:1px dashed var(--border);color:var(--text-secondary);border-radius:8px;align-items:center;gap:10px;padding:16px 20px;font-size:13px;display:flex}.empty-state-inline svg{opacity:.5}
.dialog-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:2147483646;isolation:isolate;background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.dialog{background:var(--bg-secondary);box-shadow:var(--shadow-lg);border:1px solid var(--border-color);z-index:2147483647;border-radius:12px;flex-direction:column;width:90%;max-width:500px;max-height:90vh;display:flex;position:relative;overflow:hidden}.dialog-wide{max-width:600px}.dialog-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.dialog-title{color:var(--text-primary);align-items:center;gap:10px;display:flex}.dialog-title h2{color:var(--text-primary);margin:0;font-size:16px;font-weight:600}.dialog-form{padding:20px;overflow-y:auto}.form-row{gap:16px;display:flex}.form-group{flex-direction:column;flex:1;gap:6px;margin-bottom:16px;display:flex}.form-group.flex-1{flex:1}.form-group.flex-2{flex:2}.form-group label{color:var(--text-secondary);font-size:13px;font-weight:500}.form-group .optional{opacity:.7;font-weight:400}.dialog .form-group input,.dialog .form-group select,.dialog-form input,.dialog-form select{border:1px solid var(--border-color);background:var(--bg-primary);color:var(--text-primary);border-radius:6px;width:100%;padding:10px 12px;font-size:13px}.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{border-color:var(--accent-blue);outline:none;box-shadow:0 0 0 2px #2563eb26}.dialog .form-group select option,.dialog-form select option{background:var(--bg-primary);color:var(--text-primary)}.form-hint{color:var(--text-muted);font-size:11px}.form-divider{align-items:center;margin:20px 0 16px;display:flex}.form-divider span{text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);background:var(--bg-secondary);padding-right:12px;font-size:11px;font-weight:600}.form-divider:after{content:"";background:var(--border-color);flex:1;height:1px}.form-error{color:#ef4444;background:#ef44441a;border:1px solid #ef44444d;border-radius:6px;margin-bottom:16px;padding:12px;font-size:13px}.checkbox-group{flex-direction:column;gap:4px;display:flex}.checkbox-group label{cursor:pointer;color:var(--text-primary);align-items:center;gap:8px;font-weight:400;display:flex}.form-group input[type=checkbox],.checkbox-group input[type=checkbox],.deploy-setting input[type=checkbox]{width:16px;height:16px;accent-color:var(--primary);cursor:pointer}.dialog-actions{border-top:1px solid var(--border-color);background:var(--bg-tertiary);justify-content:flex-end;gap:12px;padding:16px 20px;display:flex}.color-picker{flex-wrap:wrap;gap:8px;display:flex}.color-swatch{cursor:pointer;border:2px solid #0000;border-radius:6px;width:28px;height:28px;transition:all .15s}.color-swatch:hover{transform:scale(1.1)}.color-swatch.selected{border-color:var(--text);box-shadow:0 0 0 2px var(--card)}.color-input{cursor:pointer;border:none;border-radius:6px;width:28px;height:28px;padding:0}.environment-preview{background:var(--hover);border-radius:6px;align-items:center;gap:12px;margin-bottom:16px;padding:12px;display:flex}.preview-label{color:var(--text-secondary);font-size:12px}.environment-tab.preview{cursor:default;background:var(--card)}.migration-wizard{max-width:700px}.wizard-steps{border-bottom:1px solid var(--border);justify-content:center;gap:24px;padding:20px;display:flex}.wizard-step-indicator{opacity:.5;align-items:center;gap:8px;display:flex}.wizard-step-indicator.active{opacity:1}.wizard-step-indicator.completed{opacity:.7}.wizard-step-indicator.completed .step-number{background:var(--primary);color:#fff}.step-number{background:var(--hover);border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:12px;font-weight:600;display:flex}.wizard-step-indicator.active .step-number{background:var(--primary);color:#fff}.step-label{font-size:13px;font-weight:500}.wizard-content{min-height:300px;padding:24px}.wizard-step h3{margin:0 0 8px;font-size:18px}.step-description{color:var(--text-secondary);margin:0 0 24px}.migration-source-info{background:var(--hover);border-radius:8px;align-items:center;gap:12px;margin-bottom:20px;padding:12px 16px;display:flex}.migration-source-info .label{color:var(--text-secondary);font-size:12px}.database-badge{background:var(--card);border-radius:6px;align-items:center;gap:8px;padding:6px 12px;display:flex}.badge-type{color:var(--text-secondary);font-size:11px}.target-database-list{flex-direction:column;gap:8px;display:flex}.target-database-option{background:var(--card);border:2px solid var(--border);cursor:pointer;text-align:left;border-radius:8px;align-items:center;gap:12px;width:100%;padding:12px 16px;transition:all .15s;display:flex}.target-database-option:hover{border-color:var(--primary)}.target-database-option.selected{border-color:var(--primary);background:#3b82f60d}.env-indicator{border-radius:2px;width:4px;height:32px}.database-info{flex:1}.database-name{font-weight:500;display:block}.database-env,.database-type{color:var(--text-secondary);font-size:12px}.check-icon{color:var(--primary)}.validation-status{background:var(--hover);border-radius:6px;margin-top:16px;padding:12px}.validating{color:var(--text-secondary);align-items:center;gap:8px;display:flex}.validation-result{align-items:center;gap:8px;display:flex}.validation-result.valid{color:#22c55e}.validation-result.invalid{color:#ef4444}.warning-count{color:#f59e0b;margin-left:auto}.migration-options{flex-direction:column;gap:24px;display:flex}.option-group label{color:var(--text-secondary);margin-bottom:12px;font-size:13px;font-weight:600;display:block}.radio-group{flex-direction:column;gap:8px;display:flex}.radio-option{background:var(--card);border:1px solid var(--border);cursor:pointer;border-radius:8px;align-items:flex-start;gap:12px;padding:12px 16px;display:flex}.radio-option:hover{border-color:var(--primary)}.radio-option input{margin-top:2px}.radio-content{flex-direction:column;display:flex}.radio-label{font-weight:500}.radio-hint{color:var(--text-secondary);font-size:12px}.checkbox-option{background:var(--card);cursor:pointer;border-radius:6px;align-items:center;gap:8px;padding:8px 12px;display:flex}.checkbox-option:hover{background:var(--hover)}.migration-summary{background:var(--hover);border-radius:8px;justify-content:center;align-items:center;gap:20px;margin-bottom:24px;padding:24px;display:flex}.summary-row{text-align:center}.summary-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px;font-size:11px;display:block}.summary-value{font-weight:600}.summary-arrow{color:var(--text-secondary)}.migration-warnings{background:#f59e0b1a;border:1px solid #f59e0b4d;border-radius:8px;margin-bottom:16px;padding:16px}.warning-header{color:#f59e0b;align-items:center;gap:8px;margin-bottom:12px;font-weight:600;display:flex}.migration-warnings ul{margin:0;padding-left:24px}.migration-warnings li{margin-bottom:4px;font-size:13px}.production-warning{background:#ef44441a;border:2px solid #ef44444d;border-radius:8px;gap:16px;padding:20px;display:flex}.production-warning svg{color:#ef4444;flex-shrink:0}.warning-content h4{color:#ef4444;margin:0 0 8px}.warning-content p{margin:0 0 8px;font-size:13px}.migration-error{color:#ef4444;background:#ef44441a;border-radius:6px;align-items:center;gap:8px;margin-top:16px;padding:12px;display:flex}.migration-progress{margin:24px 0}.progress-bar{background:var(--hover);border-radius:4px;height:8px;overflow:hidden}.progress-fill{background:var(--primary);height:100%;transition:width .3s}.progress-info{color:var(--text-secondary);justify-content:space-between;margin-top:8px;font-size:12px;display:flex}.progress-animation{color:var(--primary);justify-content:center;margin-top:24px;display:flex}.success-icon,.error-icon{justify-content:center;margin-bottom:16px;display:flex}.success-icon svg{color:#22c55e}.error-icon svg{color:#ef4444}.spinning{animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.btn-ghost.btn-danger:hover{color:#ef4444}.btn-xs{padding:2px 6px;font-size:11px}.btn-icon{justify-content:center;align-items:center;width:32px;height:32px;padding:0;display:flex}.source-selector{gap:8px;margin-bottom:16px;display:flex}.source-option{border:2px solid var(--border-color);background:var(--bg-primary);cursor:pointer;color:var(--text-secondary);border-radius:8px;flex:1;justify-content:center;align-items:center;gap:8px;padding:12px 16px;font-size:13px;font-weight:500;transition:all .15s;display:flex}.source-option:hover{border-color:var(--accent-blue);color:var(--text-primary)}.source-option.active{border-color:var(--accent-blue);color:var(--accent-blue);background:#2563eb1a}.source-option svg{flex-shrink:0}.droplet-loading,.droplet-empty{background:var(--bg-tertiary);color:var(--text-secondary);border-radius:8px;align-items:center;gap:8px;padding:16px;font-size:13px;display:flex}.droplet-list{flex-direction:column;gap:6px;max-height:200px;display:flex;overflow-y:auto}.droplet-option{border:1px solid var(--border-color);background:var(--bg-primary);cursor:pointer;text-align:left;border-radius:6px;justify-content:space-between;align-items:center;width:100%;padding:10px 12px;transition:all .15s;display:flex}.droplet-option:hover{border-color:var(--accent-blue);background:var(--bg-hover)}.droplet-option.selected{border-color:var(--accent-blue);background:#2563eb1a}.droplet-option-info{flex-direction:column;gap:2px;display:flex}.droplet-option-name{color:var(--text-primary);font-size:13px;font-weight:500}.droplet-option-details{color:var(--text-muted);font-size:11px}.droplet-check{color:var(--accent-blue);flex-shrink:0}.server-picker-loading,.server-picker-empty{text-align:center;color:var(--text-secondary);flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:40px 20px;display:flex}.server-picker-empty svg{opacity:.4}.server-picker-empty p{max-width:280px;margin:0}.server-picker-hint{color:var(--text-secondary);margin:0 0 12px;font-size:13px}.server-picker-hint strong{color:var(--text-primary)}.server-picker-list{flex-direction:column;gap:6px;max-height:300px;display:flex;overflow-y:auto}.server-picker-item{border:1px solid var(--border-color);background:var(--bg-primary);cursor:pointer;text-align:left;border-radius:8px;align-items:center;gap:12px;width:100%;padding:12px 14px;transition:all .15s;display:flex}.server-picker-item:hover{border-color:var(--accent-blue);background:var(--bg-hover)}.server-picker-item.selected{border-color:var(--accent-blue);background:#2563eb14}.server-picker-checkbox{border:2px solid var(--border-color);border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;transition:all .15s;display:flex}.server-picker-checkbox.checked{background:var(--accent-blue);border-color:var(--accent-blue);color:#fff}.server-picker-info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.server-picker-name{color:var(--text-primary);font-size:14px;font-weight:500}.server-picker-details{color:var(--text-muted);font-size:12px}.server-picker-status{text-transform:capitalize;border-radius:10px;padding:3px 8px;font-size:11px;font-weight:500}.server-picker-status.active{color:var(--accent-green);background:#16a34a1a}.server-picker-status.off{background:var(--bg-tertiary);color:var(--text-muted)}.server-picker-status.new{color:var(--accent-blue);background:#2563eb1a}.export-checkbox,.export-radio{cursor:pointer;color:var(--text-primary);border-radius:6px;align-items:center;gap:8px;padding:6px 8px;font-size:13px;transition:background .15s;display:flex}.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{background:var(--bg-hover);color:var(--text-secondary);border-radius:10px;margin-left:4px;padding:1px 6px;font-size:11px;display:inline-block}.dialog-close-btn{width:28px;height:28px;color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;transition:all .15s;display:flex}.dialog-close-btn:hover{background:var(--bg-hover);color:var(--text-primary)}
.env-tab{height:100%;padding:24px;overflow:hidden auto}.env-tabs-container{border-bottom:1px solid var(--border-color);flex-wrap:nowrap;justify-content:space-between;align-items:center;gap:8px;min-width:0;margin-bottom:24px;padding-bottom:16px;display:flex}.env-tabs{scrollbar-width:none;-ms-overflow-style:none;flex-wrap:nowrap;align-items:center;gap:8px;min-width:0;max-width:100%;display:flex;overflow-x:auto}.env-tabs::-webkit-scrollbar{display:none}.env-tab-btn{border:1px solid color-mix(in srgb, var(--border-color) 70%, transparent);color:var(--text-muted);cursor:pointer;white-space:nowrap;background:0 0;border-radius:999px;flex-shrink:0;align-items:center;gap:7px;padding:7px 12px;font-size:12.5px;font-weight:500;transition:background-color .12s,border-color .12s,color .12s;display:flex}.env-tab-btn:hover{background:color-mix(in srgb, var(--bg-hover) 70%, transparent);border-color:var(--border-color);color:var(--text-secondary)}.env-tab-btn.active{background:color-mix(in srgb, var(--bg-tertiary) 90%, transparent);border-color:var(--border-color);color:var(--text-primary)}.env-tab-dot{opacity:.85;border-radius:50%;flex-shrink:0;width:7px;height:7px}.env-tab-add{box-sizing:border-box;width:36px;min-width:36px;max-width:36px;height:36px;min-height:36px;max-height:36px;color:var(--text-primary);cursor:pointer;background:linear-gradient(#1f232af0,#0e1116f0);border:1px solid #94a3b847;border-radius:999px;flex:0 0 36px;justify-content:center;align-items:center;padding:0;transition:all .15s;display:flex;box-shadow:inset 0 1px #ffffff0f}.env-tab-add:hover{color:#f8fafc;background:#2da7ff1f;border-color:#38bdf87a}.env-refresh-btn{box-sizing:border-box;width:36px;min-width:36px;max-width:36px;height:36px;min-height:36px;max-height:36px;color:var(--text-secondary);cursor:pointer;background:linear-gradient(#1f232af0,#0e1116f0);border:1px solid #94a3b83d;border-radius:999px;flex:0 0 36px;justify-content:center;align-items:center;padding:0;transition:all .15s;display:flex;box-shadow:inset 0 1px #ffffff0f}.env-tab-add svg,.env-refresh-btn svg{flex-shrink:0;width:16px;height:16px}.env-refresh-btn:hover:not(:disabled){color:#f8fafc;background:#ffffff12;border-color:#cbd5e166}.env-refresh-btn:disabled{opacity:.5;cursor:not-allowed}.env-content{flex-direction:column;gap:24px;display:flex}.env-empty-state{text-align:center;color:var(--text-secondary);flex-direction:column;justify-content:center;align-items:center;padding:28px 20px;display:flex}.env-empty-state svg{color:var(--text-tertiary);margin-bottom:10px}.env-empty-state h2{color:var(--text-primary);margin:0 0 8px;font-size:18px;font-weight:600}.env-empty-state p{max-width:400px;margin:0 0 20px;font-size:14px}.env-empty-actions{gap:12px;display:flex}.env-btn{cursor:pointer;border:1px solid #94a3b842;border-radius:999px;align-items:center;gap:8px;padding:10px 18px;font-size:14px;font-weight:700;transition:all .15s;display:flex}.env-btn-primary{color:#f8fafc;background:linear-gradient(#1f232af5,#101318f5);box-shadow:inset 0 1px #ffffff12}.env-btn-primary:hover:not(:disabled){background:#2da7ff21;border-color:#38bdf885}.env-btn:disabled{opacity:.5;cursor:not-allowed}.secrets-panel{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:10px;overflow:hidden}.secrets-panel .section-header{border-bottom:1px solid var(--border-color);background:var(--bg-primary);justify-content:space-between;align-items:center;gap:8px;min-width:0;padding:10px 12px;display:flex}.secrets-panel .section-title{align-items:center;gap:6px;min-width:0;display:flex}.secrets-panel .section-title h3{color:var(--text-primary);text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;margin:0;font-size:12px;font-weight:600}.secrets-panel .section-title svg{color:var(--text-secondary);flex-shrink:0}.secrets-panel .count-badge{color:var(--text-muted);background:var(--bg-tertiary);border-radius:10px;padding:1px 6px;font-size:11px;font-weight:500}.secrets-loading{color:var(--text-secondary);justify-content:center;align-items:center;gap:8px;padding:24px 20px;font-size:13px;display:flex}.secret-lock-icon{color:var(--accent-amber,#f59e0b);opacity:.8;vertical-align:middle;margin-left:6px}.secret-value-display{letter-spacing:-.3px;font-family:SF Mono,Monaco,Consolas,monospace;font-size:12px}.secret-dialog{width:450px}.secret-dialog .input-with-toggle{align-items:center;gap:0;display:flex}.secret-dialog .input-with-toggle input{border-right:none;border-top-right-radius:0;border-bottom-right-radius:0;flex:1}.secret-dialog .input-toggle{border:1px solid var(--border-color);background:var(--bg-tertiary);width:40px;height:40px;color:var(--text-secondary);cursor:pointer;border-left:none;border-top-right-radius:8px;border-bottom-right-radius:8px;justify-content:center;align-items:center;transition:all .15s;display:flex}.secret-dialog .input-toggle:hover{background:var(--bg-hover);color:var(--text-primary)}.secrets-categories{flex-direction:column;gap:16px;display:flex}.secret-category-group{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;overflow:hidden}.secret-category-header{background:var(--bg-tertiary);cursor:pointer;text-align:left;border:none;align-items:center;gap:10px;width:100%;padding:12px 14px;transition:background .15s;display:flex}.secret-category-header:hover{background:var(--bg-hover)}.category-toggle{color:var(--text-secondary);align-items:center;display:flex}.category-icon{flex-shrink:0;align-items:center;display:flex}.category-label{color:var(--text-primary);flex:1;font-size:13px;font-weight:600}.category-count{color:var(--text-muted);background:var(--bg-primary);border-radius:10px;padding:2px 8px;font-size:12px;font-weight:500}.secret-category-group .database-list{gap:6px;padding:8px}.secret-category-group .server-card-compact{border-radius:6px}.secret-category-group .server-card-compact:hover{background:var(--bg-hover)}.server-panel{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:20px}[data-theme=dark] .server-panel,:root[data-theme=dark] .server-panel,.dark .server-panel{background:var(--bg-secondary);border-color:var(--border-color)}[data-theme=glass] .server-panel{-webkit-backdrop-filter:blur(16px)saturate(122%);background:#1212140b;border-color:#e2e8f024;box-shadow:inset 0 1px #ffffff0e}.server-panel.server-panel-devsuite,[data-theme=dark] .server-panel.server-panel-devsuite,:root[data-theme=dark] .server-panel.server-panel-devsuite,.dark .server-panel.server-panel-devsuite{background:0 0;border:0;border-radius:0;padding:24px}.server-panel-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-bottom:16px;display:flex}.server-panel-title{color:#111827;align-items:center;gap:8px;font-size:16px;font-weight:600;display:flex}[data-theme=dark] .server-panel-title,[data-theme=glass] .server-panel-title,:root[data-theme=dark] .server-panel-title,.dark .server-panel-title{color:var(--text-primary)}.server-panel-count{color:#606060;background:#f3f4f6;border-radius:10px;padding:2px 8px;font-size:12px;font-weight:500}[data-theme=dark] .server-panel-count,[data-theme=glass] .server-panel-count,:root[data-theme=dark] .server-panel-count,.dark .server-panel-count{color:var(--text-secondary);background:var(--bg-hover)}.server-panel-actions{flex-shrink:0;gap:8px;display:flex}.server-panel-btn{cursor:pointer;white-space:nowrap;border:none;border-radius:999px;align-items:center;gap:6px;min-height:36px;padding:0 14px;font-size:13px;font-weight:500;transition:all .15s;display:flex}.server-panel-btn-primary{background:var(--accent-blue);color:#fff}.server-panel-btn-primary:hover:not(:disabled){background:var(--accent-blue-hover)}.server-panel-actions .server-panel-btn-primary:not(.server-panel-btn-large){justify-content:center;width:36px;height:36px;min-height:36px;padding:0}.server-panel-btn-secondary{color:#1c1c1c;background:#f3f4f6;border:1px solid #d1d5db}.server-panel-btn-secondary:hover:not(:disabled){background:#e5e7eb}[data-theme=dark] .server-panel-btn-secondary,[data-theme=glass] .server-panel-btn-secondary,:root[data-theme=dark] .server-panel-btn-secondary,.dark .server-panel-btn-secondary{background:var(--bg-hover);color:var(--text-primary);border-color:var(--border-color)}[data-theme=dark] .server-panel-btn-secondary:hover:not(:disabled),[data-theme=glass] .server-panel-btn-secondary:hover:not(:disabled),:root[data-theme=dark] .server-panel-btn-secondary:hover:not(:disabled),.dark .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;min-width:34px;height:34px;min-height:34px}.server-panel-ai-button-large.ai-orchestrator-btn{width:auto;min-width:0;height:36px;min-height:36px;color:var(--text-primary);gap:8px;padding:0 14px;font-size:13px;font-weight:500}[data-theme=dark] .server-panel-ai-button-large.ai-orchestrator-btn,[data-theme=glass] .server-panel-ai-button-large.ai-orchestrator-btn{color:var(--text-primary);background:#24242738;border-color:#e2e8f024}[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:#3434376b;border-color:#e2e8f038}.server-panel-empty-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:60px 24px;display:flex}.server-panel-empty-icon{color:#d97706;background:linear-gradient(135deg,#fef3c7,#fde68a);border-radius:16px;justify-content:center;align-items:center;width:64px;height:64px;margin-bottom:20px;display:flex}.server-panel-empty-icon.production{color:#dc2626;background:linear-gradient(135deg,#fee2e2,#fecaca)}:root[data-theme=dark] .server-panel-empty-icon,.dark .server-panel-empty-icon{background:linear-gradient(135deg,#d9770626,#d977061a)}[data-theme=dark] .server-panel-empty-icon,[data-theme=glass] .server-panel-empty-icon{color:#f59e0b;background:linear-gradient(135deg,#d977062e,#d977061a)}:root[data-theme=dark] .server-panel-empty-icon.production,.dark .server-panel-empty-icon.production{background:linear-gradient(135deg,#dc262626,#dc26261a)}[data-theme=dark] .server-panel-empty-icon.production,[data-theme=glass] .server-panel-empty-icon.production{background:linear-gradient(135deg,#dc26262e,#dc26261a)}.server-panel-empty-state h3{color:#111827;margin:0 0 8px;font-size:18px;font-weight:600}[data-theme=dark] .server-panel-empty-state h3,[data-theme=glass] .server-panel-empty-state h3,:root[data-theme=dark] .server-panel-empty-state h3,.dark .server-panel-empty-state h3{color:var(--text-primary)}.server-panel-empty-state p{color:#606060;max-width:380px;margin:0 0 24px;font-size:14px;line-height:1.5}[data-theme=dark] .server-panel-empty-state p,[data-theme=glass] .server-panel-empty-state p,:root[data-theme=dark] .server-panel-empty-state p,.dark .server-panel-empty-state p{color:var(--text-secondary)}.server-panel-empty-actions{flex-direction:column;align-items:center;gap:10px;display:flex}.server-panel-list{flex-direction:column;gap:8px;display:flex}.server-panel .panel-selector{text-align:center;padding:24px}.server-panel .panel-selector h4{color:var(--text-primary);margin:0 0 16px;font-size:16px;font-weight:600}.server-panel .panel-selector-list{flex-direction:column;gap:8px;margin-bottom:16px;display:flex}.server-panel .panel-selector-item{cursor:pointer;color:#111827;background:#c8c8c8;border:1px solid #e5e7eb;border-radius:10px;align-items:center;gap:12px;padding:14px 16px;font-size:14px;font-weight:500;transition:all .15s;display:flex}.server-panel .panel-selector-item:hover{border-color:var(--accent-blue);background:#f3f4f6}.server-panel .panel-selector-item svg{color:var(--accent-blue)}[data-theme=dark] .server-panel .panel-selector-item,[data-theme=glass] .server-panel .panel-selector-item,:root[data-theme=dark] .server-panel .panel-selector-item,.dark .server-panel .panel-selector-item{background:var(--bg-hover);border-color:var(--border-color);color:var(--text-primary)}[data-theme=dark] .server-panel .panel-selector-item:hover,[data-theme=glass] .server-panel .panel-selector-item:hover,:root[data-theme=dark] .server-panel .panel-selector-item:hover,.dark .server-panel .panel-selector-item:hover{background:var(--bg-hover);border-color:var(--accent-blue)}.server-panel .panel-selector-cancel{color:#606060;cursor:pointer;background:0 0;border:1px solid #d1d5db;border-radius:8px;padding:8px 16px;font-size:13px;font-weight:500;transition:all .15s}.server-panel .panel-selector-cancel:hover{color:#2a2a2a;background:#f3f4f6}[data-theme=dark] .server-panel .panel-selector-cancel,[data-theme=glass] .server-panel .panel-selector-cancel,:root[data-theme=dark] .server-panel .panel-selector-cancel,.dark .server-panel .panel-selector-cancel{border-color:var(--border-color);color:var(--text-secondary)}[data-theme=dark] .server-panel .panel-selector-cancel:hover,[data-theme=glass] .server-panel .panel-selector-cancel:hover,:root[data-theme=dark] .server-panel .panel-selector-cancel:hover,.dark .server-panel .panel-selector-cancel:hover{background:var(--bg-hover);color:var(--text-primary)}.server-panel .ai-config-waiting{color:#6366f1;background:linear-gradient(135deg,#8b5cf61a,#3b82f61a);border:1px solid #8b5cf64d;border-radius:8px;align-items:center;gap:12px;padding:16px 20px;font-size:14px;font-weight:500;display:flex}:root[data-theme=dark] .server-panel .ai-config-waiting,.dark .server-panel .ai-config-waiting{color:#a5b4fc;background:linear-gradient(135deg,#8b5cf626,#3b82f626);border-color:#8b5cf666}[data-theme=dark] .server-panel .ai-config-waiting,[data-theme=glass] .server-panel .ai-config-waiting{color:#f8fafcd1;background:#ffffff13;border-color:#e2e8f02e}.server-panel .ai-config-waiting svg.spinning{color:#8b5cf6}.server-panel .ai-config-cancel{color:#606060;cursor:pointer;background:#0000000d;border:none;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;margin-left:auto;transition:all .15s;display:flex}.server-panel .ai-config-cancel:hover{color:#ef4444;background:#ef44441a}:root[data-theme=dark] .server-panel .ai-config-cancel,.dark .server-panel .ai-config-cancel,[data-theme=dark] .server-panel .ai-config-cancel,[data-theme=glass] .server-panel .ai-config-cancel{color:var(--text-secondary);background:#ffffff0d}:root[data-theme=dark] .server-panel .ai-config-cancel:hover,.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{color:#f87171;background:#ef444426}
.env-file-sync-section{background:var(--bg-secondary);border:1px solid var(--border);border-radius:8px;margin-bottom:16px;overflow:hidden}.env-file-header{justify-content:space-between;align-items:center;gap:12px;padding:10px 14px;display:flex}.env-file-info{color:var(--text-secondary);flex:1;align-items:center;gap:8px;min-width:0;font-size:13px;display:flex}.env-file-info svg{color:var(--accent-blue);flex-shrink:0}.env-file-path{color:var(--text-primary);font-family:var(--font-mono);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.env-file-placeholder{color:var(--text-tertiary);font-style:italic}.env-file-actions{flex-shrink:0;align-items:center;gap:6px;display:flex}.env-file-actions .btn{gap:4px}.sync-status{border-top:1px solid var(--border);align-items:center;gap:8px;padding:8px 14px;font-size:12px;display:flex}.sync-status-success{color:#22c55e;background:#22c55e1a}.sync-status-error{color:#ef4444;background:#ef44441a}:root[data-theme=dark] .sync-status-success,.dark .sync-status-success{color:#4ade80;background:#22c55e26}:root[data-theme=dark] .sync-status-error,.dark .sync-status-error{color:#f87171;background:#ef444426}.env-file-dialog{width:100%;max-width:480px}.env-file-dialog .dialog-content{flex-direction:column;gap:16px;max-height:60vh;padding:16px 20px;display:flex;overflow:hidden}.env-file-description{color:var(--text-secondary);margin:0;font-size:13px;line-height:1.5}.env-files-loading{color:var(--text-secondary);justify-content:center;align-items:center;gap:10px;padding:32px;display:flex}.discovered-files-section{flex-direction:column;flex:1;gap:8px;min-height:0;display:flex}.discovered-files-header{color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.5px;flex-shrink:0;justify-content:space-between;align-items:center;font-size:11px;font-weight:600;display:flex}.discovered-files-list{flex-direction:column;gap:6px;max-height:240px;padding-right:4px;display:flex;overflow-y:auto}.discovered-files-list::-webkit-scrollbar{width:6px}.discovered-files-list::-webkit-scrollbar-track{background:0 0}.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{background:var(--bg-tertiary);border:1px solid var(--border);cursor:pointer;text-align:left;border-radius:6px;align-items:center;gap:10px;width:100%;padding:8px 10px;transition:all .15s;display:flex}.discovered-file-item:hover{background:var(--bg-hover);border-color:var(--border-hover)}.discovered-file-item.selected{border-color:var(--accent-blue);background:#3b82f61a}.discovered-file-item svg:first-child{color:var(--text-tertiary);flex-shrink:0}.discovered-file-info{flex:1;align-items:center;gap:8px;min-width:0;display:flex}.discovered-file-path{font-family:var(--font-mono);color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.discovered-file-suggested{color:var(--text-tertiary);background:var(--bg-secondary);border-radius:4px;flex-shrink:0;padding:2px 6px;font-size:10px}.selected-check{color:var(--accent-blue);flex-shrink:0}.show-hidden-files-btn{color:var(--text-tertiary);cursor:pointer;text-align:center;background:0 0;border:none;padding:6px 0;font-size:11px;transition:color .15s}.show-hidden-files-btn:hover{color:var(--text-secondary)}.no-files-found{color:var(--text-secondary);text-align:center;flex-direction:column;align-items:center;gap:12px;padding:32px;display:flex}.no-files-found svg{opacity:.5}.custom-path-section{border-top:1px solid var(--border);flex-shrink:0;padding-top:12px}.custom-path-section label{color:var(--text-tertiary);margin-bottom:6px;font-size:11px;font-weight:500;display:block}.custom-path-input{gap:8px;display:flex}.custom-path-input input{font-size:12px;font-family:var(--font-mono);background:var(--bg-tertiary);border:1px solid var(--border);color:var(--text-primary);border-radius:6px;flex:1;padding:8px 10px}.custom-path-input input:focus{border-color:var(--accent-blue);outline:none}.custom-path-input input::placeholder{color:var(--text-tertiary)}.database-actions{gap:4px}.database-action-btn{cursor:pointer;white-space:nowrap;border:none;border-radius:999px;flex-shrink:0;align-items:center;gap:4px;min-height:28px;padding:0 10px;font-size:12px;font-weight:500;transition:all .15s;display:flex}.database-action-btn span{font-size:11px}.database-start{background:var(--accent-green);color:#fff}.database-start:hover:not(:disabled){background:#16a34a}.database-start:disabled{opacity:.6;cursor:not-allowed}.database-stop{background:var(--accent-red);color:#fff}.database-stop:hover{background:#dc2626}.database-restart{background:var(--bg-secondary);color:var(--text-secondary);justify-content:center;width:32px;padding:0}.database-restart:hover:not(:disabled){background:var(--bg-tertiary);color:var(--text-primary)}.database-restart:disabled{opacity:.6;cursor:not-allowed}

.env-tab{height:100%;padding:24px;overflow:hidden auto}.env-tabs-container{flex-wrap:nowrap;justify-content:space-between;align-items:center;gap:12px;min-width:0;margin-bottom:20px;display:flex}.env-tabs{background:var(--bg-tertiary);border:1px solid var(--border-color);scrollbar-width:none;-ms-overflow-style:none;border-radius:999px;flex-wrap:nowrap;flex:auto;align-items:center;gap:6px;min-width:0;max-width:100%;min-height:44px;padding:5px;display:flex;overflow-x:auto}.env-tabs::-webkit-scrollbar{display:none}.env-tab-btn{min-height:34px;color:var(--text-secondary);cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #0000;border-radius:999px;flex-shrink:0;align-items:center;gap:8px;padding:0 16px;font-size:13px;font-weight:650;transition:all .15s;display:flex}.env-tab-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.env-tab-btn.active{background:var(--accent-blue);color:#fff;border-color:var(--accent-blue);box-shadow:none}.env-tab-btn.active .env-tab-dot{border:2px solid #ffffffd9}.env-tab-dot{border-radius:999px;flex-shrink:0;width:10px;height:10px}.env-tab-add{box-sizing:border-box;width:36px;min-width:36px;max-width:36px;height:36px;min-height:36px;max-height:36px;color:var(--text-primary);cursor:pointer;background:linear-gradient(#1f232af0,#0e1116f0);border:1px solid #94a3b847;border-radius:999px;flex:0 0 36px;justify-content:center;align-items:center;padding:0;transition:all .15s;display:flex;box-shadow:inset 0 1px #ffffff0f}.env-tab-add:hover{color:#f8fafc;background:#2da7ff1f;border-color:#38bdf87a}.env-refresh-btn{box-sizing:border-box;width:36px;min-width:36px;max-width:36px;height:36px;min-height:36px;max-height:36px;color:var(--text-secondary);cursor:pointer;background:linear-gradient(#1f232af0,#0e1116f0);border:1px solid #94a3b83d;border-radius:999px;flex:0 0 36px;justify-content:center;align-items:center;padding:0;transition:all .15s;display:flex;box-shadow:inset 0 1px #ffffff0f}.env-tab-add svg,.env-refresh-btn svg{flex-shrink:0;width:16px;height:16px}.env-refresh-btn:hover:not(:disabled){color:#f8fafc;background:#ffffff12;border-color:#cbd5e166}.env-refresh-btn:disabled{opacity:.5;cursor:not-allowed}.env-content{flex-direction:column;gap:24px;display:flex}.env-empty-state{text-align:center;color:var(--text-secondary);flex-direction:column;justify-content:center;align-items:center;padding:80px 20px;display:flex}.env-empty-state svg{color:var(--text-tertiary);margin-bottom:16px}.env-empty-state h2{color:var(--text-primary);margin:0 0 8px;font-size:18px;font-weight:600}.env-empty-state p{max-width:400px;margin:0 0 20px;font-size:14px}.env-empty-actions{gap:12px;display:flex}.env-btn{cursor:pointer;border:1px solid #94a3b842;border-radius:999px;align-items:center;gap:8px;padding:10px 18px;font-size:14px;font-weight:700;transition:all .15s;display:flex}.env-btn-primary{color:#f8fafc;background:linear-gradient(#1f232af5,#101318f5);box-shadow:inset 0 1px #ffffff12}.env-btn-primary:hover:not(:disabled){background:#2da7ff21;border-color:#38bdf885}.env-btn:disabled{opacity:.5;cursor:not-allowed}.spinning{animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}