:root{--bg: #f4f6f8;--card: #ffffff;--text: #1a1f2c;--muted: #5b6475;--accent: #2563eb;--accent-hover: #1d4ed8;--border: #d8dee9;--success: #15803d;--warning: #b45309;--error: #b91c1c}*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--text);line-height:1.5}a{color:var(--accent)}.container{max-width:760px;margin:0 auto;padding:2rem 1rem 4rem}.card{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:1.5rem;box-shadow:0 8px 24px #1018280f}h1,h2{margin-top:0}.muted{color:var(--muted)}label{display:block;font-weight:600;margin-bottom:.35rem}input,textarea{width:100%;padding:.65rem .75rem;border:1px solid var(--border);border-radius:8px;font:inherit;margin-bottom:1rem}button,.button{display:inline-block;background:var(--accent);color:#fff;border:0;border-radius:8px;padding:.65rem 1rem;font:inherit;font-weight:600;cursor:pointer;text-decoration:none}button:hover,.button:hover{background:var(--accent-hover)}button.secondary{background:#eef2ff;color:#1e3a8a}button.secondary:hover{background:#dbeafe}.error{color:var(--error);background:#fef2f2;border:1px solid #fecaca;border-radius:8px;padding:.75rem 1rem;margin-bottom:1rem}.status-badge{display:inline-block;padding:.2rem .55rem;border-radius:999px;font-size:.85rem;font-weight:600}.status-not_configured{background:#f3f4f6;color:#374151}.status-waiting_for_dns{background:#fef3c7;color:#92400e}.status-pending_custom_hostname,.status-pending_ssl{background:#dbeafe;color:#1e40af}.status-active{background:#dcfce7;color:#166534}.status-error{background:#fee2e2;color:#991b1b}dl{display:grid;grid-template-columns:180px 1fr;gap:.75rem 1rem;margin:0}dt{font-weight:600;color:var(--muted)}dd{margin:0;word-break:break-word}.actions{display:flex;gap:.75rem;flex-wrap:wrap;margin-top:1.25rem}.hidden{display:none}.deploy-progress{background:#f8fafc;border:1px solid var(--border);border-radius:10px;padding:1rem 1.15rem;margin-bottom:1.25rem}.deploy-progress--ready{background:#f0fdf4;border-color:#bbf7d0}.deploy-progress--failed{background:#fef2f2;border-color:#fecaca}.deploy-progress__header{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;margin-bottom:.65rem}.deploy-progress__pct{font-variant-numeric:tabular-nums;color:var(--muted);font-size:.9rem}.deploy-progress__hint{margin:.65rem 0 0;font-size:.9rem}.progress-track{height:10px;background:#e2e8f0;border-radius:999px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,#3b82f6,#2563eb);border-radius:999px;transition:width .45s ease}.deploy-progress--ready .progress-fill{background:linear-gradient(90deg,#22c55e,#15803d)}.deploy-progress--failed .progress-fill{background:#ef4444}.deploy-ready-banner{background:#dcfce7;border:1px solid #bbf7d0;color:#166534;border-radius:10px;padding:.85rem 1rem;margin-bottom:1.25rem;font-weight:600}.deploy-ready-banner a{color:#15803d}.instructions{background:#f8fafc;border:1px dashed var(--border);border-radius:8px;padding:1rem;margin-top:1rem}table{width:100%;border-collapse:collapse}th,td{border-bottom:1px solid var(--border);text-align:left;padding:.65rem .25rem}.nav{margin-bottom:1rem}
