:root{--bg: #0a0a0a;--bg-card: #111111;--bg-hover: #1a1a1a;--border: #222222;--text: #e5e5e5;--text-muted: #888888;--text-dim: #555555;--accent: #f97316;--accent-hover: #fb923c;--green: #22c55e;font-family:JetBrains Mono,monospace;color:var(--text);background:var(--bg)}*{box-sizing:border-box}html{background:var(--bg)}body{margin:0;min-width:320px;background:var(--bg)}button,a,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.62}a{color:inherit;text-decoration:none}.app-shell{min-height:100vh;display:grid;grid-template-columns:244px minmax(0,1fr);background:var(--bg)}.sidebar{position:sticky;top:0;height:100vh;min-width:0;border-right:1px solid var(--border);background:#111c;padding:18px;display:flex;flex-direction:column;gap:24px}.brand{height:38px;align-self:flex-start;display:inline-flex;align-items:center;gap:10px;border:0;background:transparent;color:var(--accent);font-weight:700;font-size:18px;padding:0}.sidebar-nav{width:100%;min-width:0;display:grid;gap:6px}.sidebar-nav a,.ghost-button,.secondary-button,.icon-button,.primary-button,.small-primary{border-radius:8px;transition:border-color .14s ease,color .14s ease,background .14s ease}.sidebar-nav a{min-height:40px;display:flex;align-items:center;gap:10px;border:1px solid transparent;background:transparent;color:var(--text-muted);padding:0 10px;text-align:left}.sidebar-nav a:hover,.sidebar-nav a.active{border-color:var(--border);background:var(--bg);color:var(--text)}.sidebar-nav a.active{color:var(--accent)}.sidebar-account{margin-top:auto;border:1px solid var(--border);border-radius:8px;background:var(--bg);padding:14px;color:var(--text);text-align:left}.sidebar-account p{margin:0}.sidebar-account strong,.sidebar-account span{display:block}.sidebar-account span{margin-top:6px;color:var(--text-dim);font-size:11px;overflow-wrap:anywhere}.main{min-width:0;padding:24px}.topbar{min-height:70px;display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:24px}.topbar h1,.panel h2{margin:0}.topbar h1{font-size:28px;line-height:1.15;letter-spacing:0}.topbar-actions{display:flex;align-items:center;gap:10px}.search{width:min(300px,28vw);height:40px;display:flex;align-items:center;gap:9px;border:1px solid var(--border);border-radius:8px;background:var(--bg-card);color:var(--text-dim);padding:0 12px}.search input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:var(--text);font-size:13px}.search input::placeholder{color:var(--text-dim)}.primary-button,.secondary-button,.ghost-button,.small-primary,.icon-button{display:inline-flex;align-items:center;justify-content:center;gap:8px}.primary-button,.small-primary{border:1px solid var(--accent);background:var(--accent);color:#fff;font-weight:700}.primary-button{height:40px;padding:0 15px}.primary-button:hover,.small-primary:hover{border-color:var(--accent-hover);background:var(--accent-hover)}.secondary-button,.ghost-button,.icon-button{border:1px solid var(--border);background:var(--bg);color:var(--text-muted)}.secondary-button{width:100%;height:39px;margin-top:18px;font-weight:700}.secondary-button.inline{width:auto;margin-top:18px;padding:0 13px}.ghost-button{height:34px;padding:0 11px;font-size:12px;font-weight:700}.icon-button{width:40px;height:40px}.icon-button.small{width:30px;height:30px}.secondary-button:hover,.ghost-button:hover,.icon-button:hover{border-color:var(--accent);color:var(--text)}.small-primary{height:30px;padding:0 9px;font-size:12px}.small-primary span,.small-primary svg{color:#fff}.eyebrow{margin:0 0 8px;color:var(--text-dim);font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.14em}.eyebrow.accent{color:var(--accent)}.subtle{color:var(--text-muted);font-size:12px;line-height:1.55}.metrics-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:24px}.metric-panel,.panel{border:1px solid var(--border);border-radius:8px;background:var(--bg-card)}.metric-panel{min-height:126px;padding:18px;display:grid;grid-template-columns:auto 1fr;gap:15px}.metric-icon{width:34px;height:34px;border:1px solid var(--border);border-radius:8px;display:grid;place-items:center;color:var(--accent);background:var(--bg)}.metric-value{margin:0 0 4px;font-size:24px;font-weight:700}.content-grid{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:24px;margin-bottom:24px}.side-stack{display:grid;gap:24px;align-content:start}.panel{min-width:0;overflow:hidden}.panel-header{min-height:68px;padding:18px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:16px}.panel-header.compact{min-height:60px}.panel-header h2{font-size:16px;line-height:1.25}.panel-header p{margin:4px 0 0}.table-wrap{overflow-x:auto}table{width:100%;min-width:820px;border-collapse:collapse;font-size:13px}th{padding:12px 18px;color:var(--text-dim);font-size:10px;font-weight:700;text-align:left;text-transform:uppercase;letter-spacing:.14em;border-bottom:1px solid var(--border)}td{padding:16px 18px;color:var(--text-muted);border-bottom:1px solid var(--border);white-space:nowrap}tbody tr:last-child td{border-bottom:0}td strong{display:block;color:var(--text);font-size:13px;margin-bottom:4px}td>span{color:var(--text-dim);font-size:12px}.status-badge{display:inline-flex;align-items:center;gap:7px;border:1px solid var(--border);border-radius:999px;padding:5px 9px;color:var(--text-dim);font-size:11px;font-weight:700}.status-badge span{width:6px;height:6px;border-radius:999px;background:var(--text-dim)}.status-badge.live{border-color:#22c55e47;color:var(--green)}.status-badge.live span,.status-badge.active span{background:var(--green)}.status-badge.active,.status-badge.completed,.status-badge.success,.status-badge.reachable{border-color:#22c55e47;color:var(--green)}.status-badge.provisioning{border-color:#f9731666;color:var(--accent)}.status-badge.provisioning span,.status-badge.pending span,.status-badge.running span{background:var(--accent)}.status-badge.pending,.status-badge.running{border-color:#f9731666;color:var(--accent)}.status-badge.failed,.status-badge.error,.status-badge.deleted{border-color:#ef444457;color:#ef4444}.status-badge.failed span,.status-badge.error span,.status-badge.deleted span{background:#ef4444}.inline-meter{display:flex;align-items:center;gap:10px}.inline-meter .meter{width:88px}.meter{height:6px;border-radius:999px;background:var(--bg);overflow:hidden}.meter span{display:block;height:100%;border-radius:inherit;background:var(--accent)}.row-actions{display:flex;justify-content:flex-end;gap:7px}.paid,.verified{color:var(--green)}.paid{font-size:12px}.detail-list{margin:0;padding:3px 18px 0}.detail-list div{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 0;border-bottom:1px solid var(--border)}.detail-list div:last-child{border-bottom:0}.detail-list dt{color:var(--text-dim);font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.14em}.detail-list dd{margin:0;color:var(--text-muted);font-size:12px;text-align:right}.side-stack .secondary-button{width:calc(100% - 36px);margin:14px 18px 18px}.usage-list{padding:18px;display:grid;gap:18px}.usage-label{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:9px;color:var(--text-muted);font-size:12px}.usage-label span:last-child{color:var(--text-dim)}.lower-grid{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:24px}.plan-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;padding:18px}.plan-card{min-height:228px;border:1px solid var(--border);border-radius:8px;background:var(--bg);padding:18px}.plan-card.selected{border-color:#f973168c}.plan-card h3{margin:0 0 12px;font-size:18px}.plan-price{margin:0 0 12px;color:var(--text);font-size:28px;font-weight:700}.plan-price span{color:var(--text-muted);font-size:12px;font-weight:400}.code-block{margin:18px;border:1px solid var(--border);border-radius:8px;background:var(--bg);color:var(--accent);font-size:12px;line-height:1.55;overflow-x:auto;padding:13px;white-space:nowrap}.code-block+.code-block{margin-top:-6px}.status-note{margin:18px;display:grid;grid-template-columns:auto 1fr;gap:10px;align-items:start;color:var(--green)}.status-note p{margin:0;color:var(--text-muted);font-size:12px;line-height:1.55}.resource-list{padding:18px;display:grid;gap:10px}.resource-list button{min-height:40px;border:1px solid var(--border);border-radius:8px;background:var(--bg);color:var(--text-muted);display:flex;align-items:center;gap:10px;padding:0 12px;text-align:left}.resource-list button:hover{border-color:var(--accent);color:var(--text)}.domain-list{display:grid}.domain-row{min-height:72px;padding:17px 18px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:18px}.domain-row:last-child{border-bottom:0}.domain-row strong{display:block;margin-bottom:5px;font-size:13px}.domain-row span{color:var(--text-dim);font-size:12px}.domain-row>span{white-space:nowrap}.verified{display:inline-flex;align-items:center;gap:6px}.pending{color:var(--accent)!important}.activity-list{padding:18px;display:grid;gap:16px}.activity-list div{display:grid;grid-template-columns:auto 1fr;gap:11px}.activity-list span{width:7px;height:7px;margin-top:6px;border-radius:999px;background:var(--accent)}.activity-list p{margin:0;color:var(--text-muted);font-size:12px;line-height:1.55}.content-grid.single{grid-template-columns:1fr}.three-panel-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-bottom:24px}.three-panel-grid table{min-width:560px}.config-notice{margin-bottom:24px;border:1px solid rgba(249,115,22,.36);border-radius:8px;background:#f9731614;color:var(--accent);padding:14px 16px;display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:start}.config-notice strong,.config-notice span{display:block}.config-notice span{margin-top:4px;color:var(--text-muted);font-size:12px;line-height:1.55}.auth-shell{min-height:100vh;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(420px,.95fr);background:var(--bg)}.auth-shell.single{grid-template-columns:1fr}.auth-hero{min-width:0;padding:38px;border-right:1px solid var(--border);display:grid;grid-template-rows:auto minmax(0,1fr);gap:48px;background:var(--bg-card)}.auth-brand{color:var(--accent)}.auth-hero-copy{align-self:center;max-width:760px;padding-bottom:6vh}.auth-hero h1{max-width:760px;margin:0;color:var(--text);font-size:46px;line-height:1.08;letter-spacing:0}.auth-hero p:not(.eyebrow){max-width:620px;margin:18px 0 0;color:var(--text-muted);font-size:15px;line-height:1.8}.auth-pills{display:flex;flex-wrap:wrap;gap:10px}.auth-pills span{min-height:38px;border:1px solid var(--border);border-radius:8px;background:var(--bg);color:var(--text-muted);display:inline-flex;align-items:center;gap:8px;padding:0 12px;font-size:12px}.auth-card{min-width:0;display:flex;flex-direction:column;justify-content:center;padding:38px;background:var(--bg)}.auth-card.centered{min-height:100vh;align-items:center;color:var(--accent)}.auth-card-header{width:min(100%,430px);margin:0 auto 14px;display:flex;align-items:center;justify-content:space-between;gap:16px}.auth-card-header h2{margin:0;font-size:28px;line-height:1.18}.auth-form.standalone{width:min(100%,430px);max-width:none;margin:0 auto;border:1px solid var(--border);border-radius:8px;background:var(--bg-card)}.onboarding-shell{min-height:100vh;display:grid;place-items:center;background:var(--bg);padding:32px 48px}.onboarding-card{position:relative;width:min(100%,980px);border:1px solid var(--border);border-radius:8px;background:var(--bg-card);padding:42px 56px 52px}.onboarding-brand{margin:0 auto 28px}.onboarding-header{width:100%;margin:0;justify-content:center;text-align:center}.onboarding-header .ghost-button{position:absolute;top:28px;right:28px}.onboarding-header h2{max-width:760px;font-size:38px;line-height:1.12}.onboarding-intro{max-width:700px;margin:14px auto 34px;color:var(--text-muted);font-size:14px;line-height:1.75;text-align:center}.onboarding-form{width:100%;max-width:none;margin:0 auto;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 26px;padding:0;border:0;background:transparent}.onboarding-form label{font-size:13px;gap:10px}.onboarding-form input,.onboarding-form select{height:58px;border-radius:8px;font-size:15px;padding:0 18px}.onboarding-form .auth-error,.onboarding-form .auth-submit,.onboarding-form .full-row{grid-column:1 / -1}.auth-submit{width:100%}.auth-error{border:1px solid rgba(239,68,68,.34);border-radius:8px;background:#ef444414;color:#ef4444;padding:11px;display:flex;align-items:flex-start;gap:9px;font-size:12px;line-height:1.5}.auth-success{border:1px solid rgba(34,197,94,.34);border-radius:8px;background:#22c55e14;color:var(--green);padding:11px;display:flex;align-items:flex-start;gap:9px;font-size:12px;line-height:1.5}.empty-state{min-height:172px;padding:24px;display:grid;place-items:center;align-content:center;gap:9px;color:var(--text-dim);text-align:center}.empty-state strong{color:var(--text);font-size:14px}.empty-state p{max-width:460px;margin:0;color:var(--text-muted);font-size:12px;line-height:1.55}.error-list{margin:0;border-top:1px solid var(--border);padding:14px 18px;display:grid;gap:9px}.error-list p{margin:0;display:grid;gap:4px;color:#ef4444;font-size:12px;line-height:1.45}.error-list span{color:var(--text-muted);overflow-wrap:anywhere}.stack-list{padding:12px 18px 18px;display:grid;gap:10px}.list-item{border:1px solid var(--border);border-radius:8px;background:var(--bg);padding:13px}.list-item strong,.list-item span{display:block}.list-item span{margin-top:5px;color:var(--accent);font-size:12px}.list-item p{margin:8px 0 0;color:var(--text-muted);font-size:12px;line-height:1.5}.metadata-grid{padding:18px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.metadata-grid div{min-width:0;border:1px solid var(--border);border-radius:8px;background:var(--bg);padding:13px}.metadata-grid span{display:block;margin-bottom:7px;color:var(--text-dim);font-size:10px;text-transform:uppercase}.metadata-grid strong{display:block;overflow-wrap:anywhere;font-size:13px}.inline-form,.auth-form{padding:18px;border-bottom:1px solid var(--border);display:grid;gap:12px}.inline-form{grid-template-columns:repeat(3,minmax(0,1fr)) auto;align-items:end}.auth-form{max-width:460px}.inline-form label,.auth-form label{min-width:0;color:var(--text-muted);font-size:11px;display:grid;gap:7px}.inline-form input,.inline-form select,.auth-form input,.auth-form select{width:100%;min-width:0;height:40px;border:1px solid var(--border);border-radius:8px;background:var(--bg);color:var(--text);padding:0 12px;outline:0}.inline-form select,.auth-form select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--bg);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%23e5e5e5' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 16px center;background-repeat:no-repeat;background-size:18px;padding-right:48px}.inline-form input:focus,.inline-form select:focus,.auth-form input:focus,.auth-form select:focus{border-color:var(--accent)}.auth-form.onboarding-form{width:100%;max-width:none;padding:0;border:0;background:transparent;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 26px}.auth-form.onboarding-form label{font-size:13px;gap:10px}.auth-form.onboarding-form input,.auth-form.onboarding-form select{height:58px;padding:0 18px;font-size:15px}.auth-form.onboarding-form select{padding-right:54px;background-position:right 18px center}.pricing-section,.addon-section{grid-column:1 / -1;display:grid;gap:14px;padding-top:2px}.pricing-section h3,.addon-section h3{margin:0;color:var(--text);font-size:18px;line-height:1.3}.pricing-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.auth-form.onboarding-form .pricing-card{position:relative;min-height:190px;border:1px solid var(--border);border-radius:8px;background:var(--bg);display:grid;align-content:start;gap:14px;padding:16px;color:var(--text)}.auth-form.onboarding-form .pricing-card.selected{border-color:#f97316b8;background:#f9731614}.auth-form.onboarding-form .pricing-card input{position:absolute;opacity:0;pointer-events:none}.pricing-card-head{display:grid;gap:9px}.pricing-card-head strong,.pricing-card-head em,.pricing-card small,.pricing-resources{display:block;min-width:0}.pricing-card-head strong{font-size:15px;line-height:1.3}.pricing-card-head em{color:var(--accent);font-size:22px;font-style:normal;font-weight:700;line-height:1.12}.pricing-card small{color:var(--text-muted);font-size:12px;line-height:1.55}.pricing-resources{margin-top:auto;color:var(--text-dim);font-size:11px;line-height:1.45}.addon-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.auth-form.onboarding-form .addon-option{min-height:104px;border:1px solid var(--border);border-radius:8px;background:var(--bg);display:grid;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:13px;padding:16px;color:var(--text)}.auth-form.onboarding-form .addon-option.selected{border-color:#f97316ad;background:#f9731614}.auth-form.onboarding-form .addon-option input{width:18px;height:18px;margin:2px 0 0;accent-color:var(--accent)}.addon-option span,.addon-option strong,.addon-option small,.addon-option em{display:block;min-width:0}.addon-option strong{margin-bottom:8px;font-size:14px;line-height:1.3}.addon-option small,.addon-empty{color:var(--text-muted);font-size:12px;line-height:1.6}.addon-option em{margin-top:10px;color:var(--accent);font-size:12px;font-style:normal;font-weight:700}.addon-empty{margin:0;border:1px dashed var(--border);border-radius:8px;background:var(--bg);padding:16px}.setup-details-section{grid-column:1 / -1;display:grid;gap:14px}.setup-details-section h3{margin:0;color:var(--text);font-size:18px;line-height:1.3}.setup-details-grid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:16px}.checkout-summary{grid-column:1 / -1;border:1px solid rgba(249,115,22,.35);border-radius:8px;background:#f9731612;overflow:hidden}.checkout-summary-header,.checkout-summary-lines p{display:flex;align-items:center;justify-content:space-between;gap:18px}.checkout-summary-header{min-height:66px;border-bottom:1px solid rgba(249,115,22,.24);padding:15px 17px}.checkout-summary-header span{color:var(--text-muted);font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.12em}.checkout-summary-header strong{color:var(--text);font-size:24px;line-height:1.1;text-align:right}.checkout-summary-header small{margin-left:4px;color:var(--text-muted);font-size:12px;font-weight:400}.checkout-summary-lines{display:grid}.checkout-summary-lines p{margin:0;min-height:42px;padding:11px 17px;border-bottom:1px solid var(--border)}.checkout-summary-lines p:last-child{border-bottom:0}.checkout-summary-lines span{color:var(--text-muted);font-size:12px;line-height:1.4}.checkout-summary-lines strong{color:var(--text);font-size:12px;line-height:1.4;text-align:right}.form-error{grid-column:1 / -1;margin:0;color:#ef4444;font-size:12px;line-height:1.5}.compact-button{height:30px}.spin{animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:1120px){.metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.content-grid,.lower-grid,.three-panel-grid{grid-template-columns:1fr}}@media(max-width:820px){.auth-shell{grid-template-columns:1fr}.auth-hero{border-right:0;border-bottom:1px solid var(--border);padding:24px}.auth-hero h1{font-size:32px}.auth-card{padding:24px}.onboarding-shell{padding:18px}.onboarding-card{padding:22px}.onboarding-brand{margin-bottom:22px}.onboarding-header .ghost-button{top:18px;right:18px}.onboarding-header{align-items:center;flex-direction:row;padding-top:34px}.onboarding-header h2{font-size:28px}.onboarding-form{grid-template-columns:1fr;gap:16px}.addon-grid,.pricing-grid,.setup-details-grid,.app-shell{grid-template-columns:1fr}.sidebar{position:static;height:auto;border-right:0;border-bottom:1px solid var(--border);overflow:hidden}.sidebar-nav{display:flex;max-width:100%;overflow-x:auto;padding-bottom:4px}.sidebar-nav a{flex:0 0 auto}.sidebar-account{display:none}.main{padding:18px}.topbar{align-items:stretch;flex-direction:column}.topbar-actions{display:grid;grid-template-columns:1fr auto}.search{width:100%;grid-column:1 / -1}.primary-button{min-width:150px}.inline-form,.metadata-grid{grid-template-columns:1fr}}@media(max-width:560px){.metrics-grid,.plan-grid{grid-template-columns:1fr}.panel-header,.domain-row{align-items:flex-start;flex-direction:column}.topbar h1{font-size:24px}}