html,body{box-sizing:border-box;margin:0;padding:0}body{color:#e2e8f0;background-color:#121318;margin:0;padding:0;font-family:system-ui,-apple-system,sans-serif}.app-container.svelte-1n46o8q{max-width:1200px;margin:0 auto;padding:20px}.navbar.svelte-1n46o8q{border-bottom:1px solid #2e303e;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:15px;display:flex}.logo-area.svelte-1n46o8q{align-items:center;gap:12px;display:flex}.logo-area.svelte-1n46o8q h2:where(.svelte-1n46o8q){margin:0;font-size:1.4rem;font-weight:600}.pulse-icon.svelte-1n46o8q{border-radius:50%;width:10px;height:10px;display:inline-block}.pulse-icon.connected.svelte-1n46o8q{background-color:#10b981;box-shadow:0 0 8px #10b981}.pulse-icon.connecting.svelte-1n46o8q{background-color:#f59e0b;box-shadow:0 0 8px #f59e0b}.pulse-icon.disconnected.svelte-1n46o8q{background-color:#ef4444;box-shadow:0 0 8px #ef4444}.status-badge.svelte-1n46o8q{text-transform:uppercase;border-radius:4px;padding:2px 6px;font-size:.75rem;font-weight:700}.status-badge.connected.svelte-1n46o8q{color:#10b981;background-color:#10b98126}.status-badge.connecting.svelte-1n46o8q{color:#f59e0b;background-color:#f59e0b26}.status-badge.disconnected.svelte-1n46o8q{color:#ef4444;background-color:#ef444426}.nav-links.svelte-1n46o8q{gap:10px;display:flex}.nav-btn.svelte-1n46o8q{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:8px 16px;font-size:.95rem;font-weight:500;transition:all .2s}.nav-btn.svelte-1n46o8q:hover{color:#f8fafc;background-color:#1e293b}.nav-btn.active.svelte-1n46o8q{color:#a855f7;background-color:#a855f71a;font-weight:600}.action-btn.refresh.svelte-1n46o8q{color:#f8fafc;cursor:pointer;background-color:#1e293b;border:1px solid #334155;border-radius:6px;padding:8px 14px;font-weight:500;transition:background-color .2s}.action-btn.refresh.svelte-1n46o8q:hover{background-color:#334155}.alert-banner.svelte-1n46o8q{color:#0f172a;text-align:center;background-color:#f59e0be6;border-radius:8px;margin-bottom:20px;padding:12px;font-weight:500;box-shadow:0 4px 6px -1px #0000001a}.alert-banner.error.svelte-1n46o8q{color:#fff;background-color:#ef4444e6}.alert-banner.success.svelte-1n46o8q{color:#fff;background-color:#10b981e6}.stats-grid.svelte-1n46o8q{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px;margin-bottom:30px;display:grid}.card.svelte-1n46o8q{background-color:#1e1f29;border:1px solid #2e303e;border-radius:10px;padding:20px;box-shadow:0 4px 6px -1px #0000001a}.card-header.svelte-1n46o8q{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.card-header.svelte-1n46o8q h3:where(.svelte-1n46o8q){color:#94a3b8;margin:0;font-size:1.05rem}.card-header.svelte-1n46o8q .value:where(.svelte-1n46o8q){color:#f8fafc;font-size:1.4rem;font-weight:700}.progress-bar-bg.svelte-1n46o8q{background-color:#2e303e;border-radius:4px;height:8px;margin-bottom:15px;overflow:hidden}.progress-bar-fill.svelte-1n46o8q{border-radius:4px;height:100%;transition:width .5s ease-out}.cpu-fill.svelte-1n46o8q{background-color:#3b82f6}.ram-fill.svelte-1n46o8q{background-color:#a855f7}.swap-fill.svelte-1n46o8q{background-color:#eab308}.disk-fill.svelte-1n46o8q{background-color:#10b981}.card-details.svelte-1n46o8q p:where(.svelte-1n46o8q){color:#94a3b8;margin:5px 0;font-size:.85rem}.lower-dashboard.svelte-1n46o8q{grid-template-columns:1fr 1fr;gap:20px;display:grid}.info-box.svelte-1n46o8q,.settings-box.svelte-1n46o8q{background-color:#1e1f29;border:1px solid #2e303e;border-radius:10px;padding:20px}.info-box.svelte-1n46o8q h4:where(.svelte-1n46o8q),.settings-box.svelte-1n46o8q h4:where(.svelte-1n46o8q){color:#94a3b8;margin-top:0;margin-bottom:10px;font-size:.95rem}.uptime-text.svelte-1n46o8q{color:#10b981;margin:0;font-size:1.4rem;font-weight:700}.threshold-inputs.svelte-1n46o8q{gap:20px;display:flex}.threshold-inputs.svelte-1n46o8q label:where(.svelte-1n46o8q){color:#94a3b8;flex-direction:column;gap:5px;font-size:.85rem;display:flex}.threshold-inputs.svelte-1n46o8q input:where(.svelte-1n46o8q){color:#fff;background-color:#121318;border:1px solid #334155;border-radius:4px;width:80px;padding:6px 10px}.title-margin.svelte-1n46o8q{margin-top:40px}.empty-state.svelte-1n46o8q{color:#64748b;font-style:italic}.pods-grid.svelte-1n46o8q{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;display:grid}.pod-card.svelte-1n46o8q{background-color:#1e1f29;border:1px solid #2e303e;border-radius:10px;padding:20px}.pod-title.svelte-1n46o8q{border-bottom:1px solid #2e303e;justify-content:space-between;align-items:center;margin-bottom:10px;padding-bottom:10px;display:flex}.pod-name.svelte-1n46o8q{align-items:center;gap:8px;display:flex}.badge.pod.svelte-1n46o8q{color:#fff;background-color:#a855f7;border-radius:4px;padding:2px 6px;font-size:.65rem;font-weight:700}.status-text.svelte-1n46o8q{text-transform:capitalize;font-size:.85rem}.status-text.Running.svelte-1n46o8q,.status-text.running.svelte-1n46o8q{color:#10b981}.status-text.Stopped.svelte-1n46o8q,.status-text.stopped.svelte-1n46o8q,.status-text.Exited.svelte-1n46o8q{color:#ef4444}.pod-info.svelte-1n46o8q p:where(.svelte-1n46o8q){color:#94a3b8;margin:5px 0;font-size:.85rem}.pod-actions.svelte-1n46o8q,.table-actions.svelte-1n46o8q{gap:8px;margin-top:15px;display:flex}.action-btn.svelte-1n46o8q,.btn-sm.svelte-1n46o8q{cursor:pointer;color:#fff;border:none;border-radius:4px;padding:6px 12px;font-size:.8rem;font-weight:500;transition:opacity .2s}.action-btn.svelte-1n46o8q:hover,.btn-sm.svelte-1n46o8q:hover{opacity:.85}.start.svelte-1n46o8q{background-color:#10b981}.stop.svelte-1n46o8q{background-color:#ef4444}.restart.svelte-1n46o8q{background-color:#3b82f6}.table-container.svelte-1n46o8q{background-color:#1e1f29;border:1px solid #2e303e;border-radius:10px;overflow-x:auto}.containers-table.svelte-1n46o8q{border-collapse:collapse;text-align:left;width:100%;font-size:.9rem}.containers-table.svelte-1n46o8q th:where(.svelte-1n46o8q),.containers-table.svelte-1n46o8q td:where(.svelte-1n46o8q){border-bottom:1px solid #2e303e;padding:14px 20px}.containers-table.svelte-1n46o8q th:where(.svelte-1n46o8q){color:#94a3b8;font-weight:600}.container-id.svelte-1n46o8q{color:#64748b;margin-top:2px;font-family:monospace;font-size:.75rem;display:block}.image-text.svelte-1n46o8q{color:#cbd5e1;font-family:monospace;font-size:.8rem}.status-pill.svelte-1n46o8q{text-transform:capitalize;border-radius:4px;padding:4px 8px;font-size:.75rem;font-weight:600}.status-pill.running.svelte-1n46o8q{color:#10b981;background-color:#10b98126}.status-pill.exited.svelte-1n46o8q{color:#ef4444;background-color:#ef444426}.ports-text.svelte-1n46o8q{color:#94a3b8;font-family:monospace;font-size:.8rem}.table-actions.svelte-1n46o8q{margin-top:0}.btn-sm.svelte-1n46o8q{padding:4px 8px;font-size:.75rem}@media (width<=768px){.navbar.svelte-1n46o8q{flex-direction:column;align-items:flex-start;gap:15px}.lower-dashboard.svelte-1n46o8q{grid-template-columns:1fr}.containers-table.svelte-1n46o8q thead:where(.svelte-1n46o8q){display:none}.containers-table.svelte-1n46o8q tr:where(.svelte-1n46o8q){border-bottom:2px solid #2e303e;padding:15px 10px;display:block}.containers-table.svelte-1n46o8q td:where(.svelte-1n46o8q){text-align:right;border-bottom:none;justify-content:space-between;align-items:center;padding:8px 10px;display:flex}.containers-table.svelte-1n46o8q td:where(.svelte-1n46o8q):before{content:attr(data-label);color:#94a3b8;text-align:left;margin-right:15px;font-weight:600}.containers-table.svelte-1n46o8q td:where(.svelte-1n46o8q) .container-id:where(.svelte-1n46o8q){margin-top:0;margin-left:5px;display:inline-block}.table-actions.svelte-1n46o8q{justify-content:flex-end;width:100%}}