.mock-servers.svelte-nj4s2r{max-width:1200px;margin:0 auto;padding:2rem}.servers-header.svelte-nj4s2r{text-align:center;margin-bottom:2rem}.servers-header.svelte-nj4s2r h1:where(.svelte-nj4s2r){font-size:2.5rem;margin:0 0 .5rem;color:#1a1a1a}.servers-header.svelte-nj4s2r p:where(.svelte-nj4s2r){font-size:1.1rem;color:#666;margin:0}.actions-bar.svelte-nj4s2r{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding:1rem;background:#f8f9fa;border-radius:.5rem}.quick-environments.svelte-nj4s2r{display:flex;align-items:center;gap:.5rem}.quick-label.svelte-nj4s2r{font-size:.9rem;color:#666;margin-right:.5rem}.btn.svelte-nj4s2r{padding:.5rem 1rem;border:none;border-radius:.25rem;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s}.btn.svelte-nj4s2r:disabled{opacity:.5;cursor:not-allowed}.btn-primary.svelte-nj4s2r{background:#667eea;color:#fff}.btn-primary.svelte-nj4s2r:hover:not(:disabled){background:#5a67d8}.btn-secondary.svelte-nj4s2r{background:#718096;color:#fff}.btn-secondary.svelte-nj4s2r:hover:not(:disabled){background:#4a5568}.btn-outline.svelte-nj4s2r{background:transparent;color:#667eea;border:1px solid #667eea}.btn-outline.svelte-nj4s2r:hover:not(:disabled){background:#667eea;color:#fff}.btn-warning.svelte-nj4s2r{background:#ffc107;color:#856404}.btn-warning.svelte-nj4s2r:hover:not(:disabled){background:#e0a800}.btn-danger.svelte-nj4s2r{background:#dc3545;color:#fff}.btn-danger.svelte-nj4s2r:hover:not(:disabled){background:#c82333}.btn-sm.svelte-nj4s2r{padding:.25rem .5rem;font-size:.8rem}.servers-grid.svelte-nj4s2r{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:1.5rem}.server-card.svelte-nj4s2r{background:#fff;border-radius:.5rem;padding:1.5rem;box-shadow:0 2px 4px #0000001a;transition:transform .2s}.server-card.svelte-nj4s2r:hover{transform:translateY(-2px)}.server-header.svelte-nj4s2r{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.server-header.svelte-nj4s2r h3:where(.svelte-nj4s2r){margin:0;color:#1a1a1a;font-size:1.1rem}.server-status.svelte-nj4s2r{font-size:.9rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.server-info.svelte-nj4s2r{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.info-row.svelte-nj4s2r{display:flex;justify-content:space-between;align-items:center}.info-label.svelte-nj4s2r{font-size:.9rem;color:#666}.info-value.svelte-nj4s2r{font-size:.9rem;font-weight:600;color:#333}.server-stats.svelte-nj4s2r{background:#f8f9fa;border-radius:.25rem;padding:.75rem;margin-bottom:1rem}.stats-row.svelte-nj4s2r{display:flex;justify-content:space-between;align-items:center;margin-bottom:.25rem}.stats-row.svelte-nj4s2r:last-child{margin-bottom:0}.stat-label.svelte-nj4s2r{font-size:.8rem;color:#666}.stat-value.svelte-nj4s2r{font-size:.8rem;font-weight:600;color:#333}.server-actions.svelte-nj4s2r{display:flex;flex-direction:column;gap:.5rem}.primary-actions.svelte-nj4s2r,.test-actions.svelte-nj4s2r,.danger-actions.svelte-nj4s2r{display:flex;gap:.5rem}.server-error.svelte-nj4s2r{background:#f8d7da;color:#721c24;padding:.5rem;border-radius:.25rem;margin-top:1rem;font-size:.9rem}.empty-state.svelte-nj4s2r{grid-column:1 / -1;text-align:center;padding:3rem;background:#f8f9fa;border-radius:.5rem}.empty-state.svelte-nj4s2r h3:where(.svelte-nj4s2r){margin:0 0 1rem;color:#1a1a1a}.empty-state.svelte-nj4s2r p:where(.svelte-nj4s2r){color:#666;margin-bottom:1.5rem}.modal-overlay.svelte-nj4s2r{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content.svelte-nj4s2r{background:#fff;border-radius:.5rem;width:90%;max-width:500px;max-height:90vh;overflow-y:auto}.modal-header.svelte-nj4s2r{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;border-bottom:1px solid #e9ecef}.modal-header.svelte-nj4s2r h2:where(.svelte-nj4s2r){margin:0;color:#1a1a1a}.modal-close.svelte-nj4s2r{background:none;border:none;font-size:1.5rem;cursor:pointer;color:#666}.modal-close.svelte-nj4s2r:hover{color:#333}.server-form.svelte-nj4s2r{padding:1.5rem}.form-group.svelte-nj4s2r{margin-bottom:1rem}.form-group.svelte-nj4s2r label:where(.svelte-nj4s2r){display:block;margin-bottom:.5rem;font-weight:600;color:#333}.form-group.svelte-nj4s2r input:where(.svelte-nj4s2r),.form-group.svelte-nj4s2r select:where(.svelte-nj4s2r){width:100%;padding:.5rem;border:1px solid #ddd;border-radius:.25rem;font-size:1rem}.form-help.svelte-nj4s2r{display:block;margin-top:.25rem;color:#666;font-size:.85rem}.form-actions.svelte-nj4s2r{display:flex;gap:1rem;margin-top:1.5rem}.form-actions.svelte-nj4s2r .btn:where(.svelte-nj4s2r){flex:1}@media (max-width: 768px){.mock-servers.svelte-nj4s2r{padding:1rem}.servers-header.svelte-nj4s2r h1:where(.svelte-nj4s2r){font-size:2rem}.actions-bar.svelte-nj4s2r{flex-direction:column;gap:1rem}.quick-environments.svelte-nj4s2r{flex-wrap:wrap;justify-content:center}.servers-grid.svelte-nj4s2r{grid-template-columns:1fr}.server-actions.svelte-nj4s2r{flex-direction:column}.primary-actions.svelte-nj4s2r,.test-actions.svelte-nj4s2r,.danger-actions.svelte-nj4s2r{flex-wrap:wrap}}