:root{color-scheme:light;--bg:#f4f7fb;--bg-strong:#e9eef7;--panel:rgba(255,255,255,0.86);--panel-solid:#ffffff;--text:#101828;--muted:#667085;--line:rgba(16,24,40,0.12);--line-strong:rgba(16,24,40,0.2);--primary:#2563eb;--primary-dark:#1d4ed8;--primary-soft:#dbeafe;--good:#07845d;--good-soft:#dcfce7;--warn:#b45309;--warn-soft:#fef3c7;--danger:#c2410c;--danger-soft:#ffedd5;--shadow:0 20px 50px rgba(15,23,42,0.08)}:root[data-theme=dark]{color-scheme:dark;--bg:#080d18;--bg-strong:#111827;--panel:rgba(17,24,39,0.82);--panel-solid:#111827;--text:#f8fafc;--muted:#9aa4b2;--line:rgba(255,255,255,0.1);--line-strong:rgba(255,255,255,0.18);--primary:#60a5fa;--primary-dark:#3b82f6;--primary-soft:rgba(96,165,250,0.16);--good:#34d399;--good-soft:rgba(52,211,153,0.14);--warn:#fbbf24;--warn-soft:rgba(251,191,36,0.14);--danger:#fb7185;--danger-soft:rgba(251,113,133,0.14);--shadow:0 24px 70px rgba(0,0,0,0.34)}*{box-sizing:border-box}html{scroll-behavior:smooth}body,html{min-height:100%}body{margin:0;background:linear-gradient(180deg,var(--bg),var(--bg-strong));color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,select,textarea{font:inherit}button{align-items:center;border:1px solid var(--line);border-radius:10px;background:var(--panel-solid);color:var(--text);cursor:pointer;display:inline-flex;font-weight:700;justify-content:center;min-height:42px;padding:0 15px;transition:background .16s ease,border-color .16s ease,color .16s ease,transform .16s ease}button:hover:not(:disabled){border-color:var(--line-strong);transform:translateY(-1px)}button:disabled{cursor:not-allowed;opacity:.55}button.primary{border-color:transparent;background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:#fff}button.ghost{background:transparent}input,select,textarea{width:100%;border:1px solid var(--line);border-radius:10px;background:color-mix(in srgb,var(--panel-solid) 92%,transparent);color:var(--text);min-height:42px;outline:none;padding:10px 12px}input:focus,select:focus,textarea:focus{border-color:var(--primary);box-shadow:0 0 0 4px var(--primary-soft)}textarea{min-height:96px;resize:vertical}label{color:var(--muted);display:grid;grid-gap:7px;gap:7px;font-size:13px;font-weight:750}.dashboard-layout{display:grid;grid-template-columns:248px minmax(0,1fr);min-height:100vh}.sidebar{background:color-mix(in srgb,var(--panel-solid) 94%,transparent);border-right:1px solid var(--line);display:grid;grid-gap:22px;gap:22px;grid-template-rows:auto 1fr auto;height:100vh;padding:26px 18px;position:-webkit-sticky;position:sticky;top:0}.sidebar-brand{border-bottom:1px solid var(--line);display:grid;grid-gap:2px;gap:2px;padding:0 8px 20px}.sidebar-brand strong{font-size:22px;line-height:1.1}.sidebar-nav{align-self:start;display:grid;grid-gap:8px;gap:8px}.sidebar-nav button{background:transparent;border:1px solid transparent;border-radius:8px;color:var(--muted);font-size:14px;font-weight:800;justify-content:flex-start;min-height:42px;padding:11px 12px;text-align:left;transition:background .16s ease,border-color .16s ease,color .16s ease;width:100%}.sidebar-nav button.active,.sidebar-nav button:focus-visible,.sidebar-nav button:hover{background:var(--primary-soft);border-color:var(--line);color:var(--primary);outline:none;transform:none}.sidebar-actions{border-top:1px solid var(--line);display:grid;grid-gap:10px;gap:10px;padding-top:18px}.sidebar-actions button{justify-content:flex-start;width:100%}.shell{display:grid;align-content:start;grid-gap:20px;gap:20px;max-width:1180px;padding:32px;width:100%}.topbar{align-items:center;display:flex;justify-content:space-between;gap:18px;min-height:64px}.topbar-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end}.eyebrow{color:var(--primary);font-size:12px;font-weight:900;letter-spacing:.1em;margin:0 0 6px;text-transform:uppercase}h1,h2{margin:0}h1{font-size:clamp(28px,3vw,40px);line-height:1}h2{font-size:18px}.connection-panel,.login-card,.login-hero,.metric,.panel{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:color-mix(in srgb,var(--panel-solid) 92%,transparent);border:1px solid var(--line);border-radius:12px;box-shadow:0 14px 36px rgba(15,23,42,.06)}.connection-panel{align-items:end;display:grid;grid-gap:14px;gap:14px;grid-template-columns:minmax(220px,1fr) minmax(220px,1fr) minmax(180px,.6fr);padding:18px}.message{border-radius:10px;color:var(--muted);font-size:13px;min-height:42px;padding:11px 13px}.message.loading{background:var(--primary-soft);color:var(--primary)}.message.success{background:var(--good-soft);color:var(--good)}.message.error{background:var(--danger-soft);color:var(--danger)}.metric-grid{display:grid;grid-gap:16px;gap:16px;grid-template-columns:repeat(3,minmax(0,1fr))}.metric{display:grid;grid-gap:10px;gap:10px;min-height:106px;padding:18px}.metric span{color:var(--muted);font-size:13px}.metric strong{font-size:24px;overflow-wrap:anywhere}.metric.good strong{color:var(--good)}.metric.warn strong{color:var(--warn)}.workspace{display:grid;grid-gap:20px;gap:20px;grid-template-columns:repeat(3,minmax(0,1fr))}.workspace.single-view{grid-template-columns:minmax(0,860px)}.panel{display:grid;grid-gap:16px;gap:16px;scroll-margin-top:24px;padding:22px}.panel-header{align-items:center;display:flex;justify-content:space-between;gap:12px}.stack{display:grid;grid-gap:13px;gap:13px}.inline-fields{display:grid;grid-gap:12px;gap:12px;grid-template-columns:minmax(120px,.4fr) minmax(0,1fr)}.checkbox-row{align-items:center;color:var(--text);display:flex;gap:10px}.checkbox-row input{min-height:auto;width:auto}.endpoint-pill{background:var(--primary-soft);border:1px solid var(--line);border-radius:999px;color:var(--primary);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;font-size:12px;font-weight:800;padding:5px 9px}.created-customer{background:color-mix(in srgb,var(--good-soft) 60%,transparent);border:1px solid var(--line);border-radius:14px;display:grid;grid-gap:12px;gap:12px;padding:14px}.created-customer div{display:grid;grid-gap:3px;gap:3px}.created-customer span{color:var(--muted);font-size:12px;font-weight:800;text-transform:uppercase}.result-list{display:grid;grid-gap:8px;gap:8px}.result-row{align-items:center;background:color-mix(in srgb,var(--panel-solid) 72%,transparent);border:1px solid var(--line);border-radius:12px;display:flex;justify-content:space-between;padding:12px}.instruction-list{display:grid;grid-gap:10px;gap:10px}.instruction-list div{align-items:start;background:color-mix(in srgb,var(--panel-solid) 74%,transparent);border:1px solid var(--line);border-radius:10px;display:grid;grid-gap:12px;gap:12px;grid-template-columns:28px minmax(0,1fr);padding:12px}.instruction-list span{align-items:center;background:var(--primary-soft);border-radius:999px;color:var(--primary);display:inline-flex;font-size:13px;font-weight:900;height:28px;justify-content:center;width:28px}.instruction-list p{color:var(--text);line-height:1.45;margin:3px 0 0}.secret-field{display:grid;grid-gap:10px;gap:10px}.secret-actions{display:flex;flex-wrap:wrap;gap:10px}.available{color:var(--good)}.taken{color:var(--danger)}.domain-tools select{max-width:320px}.actions{align-items:end;display:grid;grid-gap:10px;gap:10px;grid-template-columns:repeat(2,minmax(150px,max-content)) minmax(180px,280px) minmax(150px,max-content)}.table-wrap{overflow-x:auto}table{border-collapse:separate;border-spacing:0;min-width:900px;width:100%}td,th{border-top:1px solid var(--line);padding:14px 10px;text-align:left;vertical-align:top}th{color:var(--muted);font-size:12px;letter-spacing:.04em;text-transform:uppercase}tbody tr:hover{background:color-mix(in srgb,var(--primary-soft) 55%,transparent)}.empty{color:var(--muted);text-align:center}.pill{background:var(--primary-soft);border-radius:999px;color:var(--primary);display:inline-block;font-size:12px;font-weight:800;margin-left:8px;padding:2px 8px}.login-shell{align-items:stretch;display:grid;grid-gap:24px;gap:24px;grid-template-columns:minmax(0,1.1fr) minmax(360px,.7fr);min-height:100vh;padding:28px}.login-hero{align-content:space-between;display:grid;min-height:calc(100vh - 56px);overflow:hidden;padding:32px;position:relative}.login-hero:after{background:linear-gradient(90deg,transparent 0 48%,var(--line) 48% 52%,transparent 52%),linear-gradient(0deg,transparent 0 48%,var(--line) 48% 52%,transparent 52%);content:"";inset:auto 28px 28px auto;opacity:.55;position:absolute;width:180px;height:180px}.login-hero h1{max-width:760px}.hero-copy{color:var(--muted);font-size:17px;line-height:1.6;max-width:620px}.theme-toggle{justify-self:start}.hero-metrics{display:flex;flex-wrap:wrap;gap:10px}.hero-metrics span{background:var(--primary-soft);border:1px solid var(--line);border-radius:999px;color:var(--primary);font-weight:800;padding:8px 12px}.auth-switch{color:var(--muted);font-size:14px;margin:0;text-align:center}.auth-switch a{color:var(--primary);font-weight:800;text-decoration:none}.auth-switch a:hover{text-decoration:underline}.login-card{align-content:center;align-self:center;display:grid;grid-gap:22px;gap:22px;min-height:430px;padding:28px}@media (max-width:1000px){.dashboard-layout{grid-template-columns:1fr}.sidebar{height:auto;min-height:auto;position:static}.sidebar-actions,.sidebar-brand{border:0;padding:0}.sidebar-nav{grid-template-columns:repeat(3,minmax(0,1fr))}.sidebar-nav button{justify-content:center;text-align:center}.sidebar-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.sidebar-actions button{justify-content:center}.actions,.connection-panel,.login-shell,.workspace{grid-template-columns:1fr}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.panel-header,.topbar{align-items:stretch;flex-direction:column}.topbar-actions{justify-content:stretch}.topbar-actions button{flex:1 1}.domain-tools select{max-width:none}.login-hero{min-height:420px}}@media (max-width:640px){.login-shell,.shell,.sidebar{padding:16px}.sidebar-nav{grid-template-columns:1fr 1fr}.metric-grid{grid-template-columns:1fr}.connection-panel,.login-card,.login-hero,.panel{border-radius:14px;padding:16px}}