.page-container.svelte-5gl265.svelte-5gl265{display:flex;flex-direction:column;gap:30px;width:100%;max-width:1400px;margin:0 auto}.page-header.svelte-5gl265.svelte-5gl265{display:flex;justify-content:space-between;align-items:flex-end;flex-wrap:wrap;gap:20px}h1.svelte-5gl265.svelte-5gl265{margin:0 0 8px;font-size:2.2rem;background:linear-gradient(135deg,#fff,#94a3b8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:-.02em}p.svelte-5gl265.svelte-5gl265{margin:0;color:#94a3b8}.primary-btn.svelte-5gl265.svelte-5gl265{background:transparent;color:#fff;border:1px solid var(--accent);padding:10px 24px;font-size:.95rem;font-weight:600;border-radius:8px;cursor:pointer;display:flex;align-items:center;transition:all .2s}.primary-btn.svelte-5gl265.svelte-5gl265:hover{background:#3b82f61a;box-shadow:0 0 15px #3b82f64d}.grid.svelte-5gl265.svelte-5gl265{display:grid;grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:24px}.glass-panel.svelte-5gl265.svelte-5gl265{background:var(--glass-bg);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:12px;padding:24px}.network-card.svelte-5gl265.svelte-5gl265{display:flex;flex-direction:column;gap:20px;transition:transform .2s ease,box-shadow .2s ease}.network-card.svelte-5gl265.svelte-5gl265:hover{transform:translateY(-4px);box-shadow:0 15px 30px #0000004d;border-color:#ffffff26;background:#ffffff0d}.card-header.svelte-5gl265.svelte-5gl265{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(255,255,255,.05);padding-bottom:16px}.card-header.svelte-5gl265 h2.svelte-5gl265{margin:0;font-size:1.1rem;color:#fff}.vlan-badge.svelte-5gl265.svelte-5gl265{background:#8b5cf626;border:1px solid rgba(139,92,246,.3);color:#a78bfa;padding:4px 10px;border-radius:6px;font-size:.8rem;font-weight:600;letter-spacing:.05em}.address-sec.svelte-5gl265.svelte-5gl265{display:flex;flex-direction:column;gap:6px}.label.svelte-5gl265.svelte-5gl265{font-size:.85rem;color:#94a3b8;text-transform:uppercase;letter-spacing:.05em}.mono.svelte-5gl265.svelte-5gl265{font-family:SFMono-Regular,Consolas,monospace;background:#0000004d;padding:10px 14px;border-radius:6px;border:1px solid rgba(255,255,255,.05);color:#cbd5e1;font-size:.95rem}.highlight.svelte-5gl265.svelte-5gl265{color:#60a5fa;border-color:#60a5fa33}.footer.svelte-5gl265.svelte-5gl265{display:flex;justify-content:space-between;align-items:center;margin-top:8px;padding-top:20px;border-top:1px solid rgba(255,255,255,.05)}.nat-status.svelte-5gl265.svelte-5gl265{display:flex;align-items:center;gap:8px;font-size:.9rem;font-weight:500}.nat-status.enabled.svelte-5gl265.svelte-5gl265{color:#34d399}.nat-status.disabled.svelte-5gl265.svelte-5gl265{color:#94a3b8}.dot.svelte-5gl265.svelte-5gl265{width:8px;height:8px;border-radius:50%}.enabled.svelte-5gl265 .dot.svelte-5gl265{background:#10b981;box-shadow:0 0 8px #10b981}.disabled.svelte-5gl265 .dot.svelte-5gl265{background:#64748b}.state-badge.svelte-5gl265.svelte-5gl265{font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.state-active.svelte-5gl265.svelte-5gl265{color:#fff}.state-building.svelte-5gl265.svelte-5gl265{color:#f59e0b;animation:svelte-5gl265-pulse 2s infinite}@keyframes svelte-5gl265-pulse{0%{opacity:1}50%{opacity:.5}to{opacity:1}}