:root{--bg:#f8fafc;--surface:#fff;--surface-2:#f1f5f9;--border:#e2e8f0;--border-strong:#cbd5e1;--text:#0f172a;--text-muted:#475569;--text-soft:#94a3b8;--accent:#2563eb;--accent-hover:#1d4ed8;--accent-soft:#eff6ff;--success:#059669;--success-bg:#ecfdf5;--warning:#d97706;--warning-bg:#fffbeb;--danger:#dc2626;--danger-bg:#fef2f2;--shadow-sm:0 1px 2px #0f172a0d;--shadow-md:0 4px 12px #0f172a14;--r:8px;--r-lg:12px;--nav-h:60px}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;margin:0;padding:0;font-family:system-ui,-apple-system,Segoe UI,sans-serif}body{font-size:15px;line-height:1.5}h1,h2,h3,h4{letter-spacing:-.02em;margin:0;font-weight:600}p{color:var(--text-muted);margin:0}a{color:inherit;text-decoration:none}button{cursor:pointer;color:inherit;background:0 0;border:none;font-family:inherit}input,textarea,select{color:inherit;font-family:inherit}.btn{border-radius:var(--r);cursor:pointer;border:1px solid #0000;align-items:center;gap:8px;height:38px;padding:0 16px;font-size:14px;font-weight:500;transition:all .15s;display:inline-flex}.btn-primary{background:var(--accent);color:#fff;border-color:var(--accent)}.btn-primary:hover{background:var(--accent-hover)}.btn-secondary{background:var(--surface);color:var(--text);border-color:var(--border-strong)}.btn-secondary:hover{background:var(--surface-2)}.btn-danger{background:var(--danger-bg);color:var(--danger);border-color:var(--danger)}.btn-sm{height:30px;padding:0 10px;font-size:13px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-sm)}.badge{border-radius:999px;align-items:center;gap:5px;height:22px;padding:0 8px;font-size:12px;font-weight:500;display:inline-flex}.badge-active{background:var(--success-bg);color:var(--success)}.badge-pending{background:var(--warning-bg);color:var(--warning)}.badge-error{background:var(--danger-bg);color:var(--danger)}.badge-stopped{background:var(--surface-2);color:var(--text-soft)}.badge-provisioning{color:#7c3aed;background:#ede9fe}.field{flex-direction:column;gap:5px;display:flex}.label{color:var(--text);font-size:13px;font-weight:500}.input,.textarea,.select{border:1px solid var(--border-strong);border-radius:var(--r);background:var(--surface);width:100%;height:38px;padding:0 12px;font-size:14px;transition:border-color .15s}.textarea{resize:vertical;height:auto;min-height:90px;padding:10px 12px}.input:focus,.textarea:focus,.select:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft);outline:none}.hint{color:var(--text-soft);font-size:12px}.container{max-width:1100px;margin:0 auto;padding:0 24px}.log-terminal{border-radius:var(--r-lg);background:#0f172a;max-height:400px;padding:16px;font-family:ui-monospace,monospace;font-size:12px;line-height:1.6;overflow-y:auto}.log-line-ok{color:#4ade80}.log-line-error{color:#f87171}.log-line-running{color:#fbbf24}.step-indicator{gap:4px;display:flex}.step{border-radius:var(--r);align-items:center;gap:6px;padding:6px 12px;font-size:13px;display:flex}.step.active{background:var(--accent-soft);color:var(--accent);font-weight:500}.step.done{color:var(--success)}.step.inactive{color:var(--text-soft)}.dns-table{border-collapse:collapse;width:100%;font-size:13px}.dns-table th{background:var(--surface-2);text-align:left;border-bottom:1px solid var(--border);padding:8px 12px;font-weight:500}.dns-table td{border-bottom:1px solid var(--border);vertical-align:top;padding:8px 12px}.dns-table tr:last-child td{border-bottom:none}.dns-table code{background:var(--surface-2);word-break:break-all;border-radius:4px;padding:2px 6px;font-family:ui-monospace,monospace}@keyframes spin{to{transform:rotate(360deg)}}.spinner{border:2px solid #ffffff59;border-top-color:#fff;border-radius:50%;width:14px;height:14px;animation:.7s linear infinite spin;display:inline-block}.spinner-dark{border-color:#2563eb33;border-top-color:var(--accent)}