:root{--p:#6d28d9;--p2:#8b5cf6;--p3:#ede9fe;--pd:#3b0764;--gold:#b8860b;--text:#374151;--muted:#6b7280;--bg:#faf8ff}*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:var(--text);background:var(--bg)}h1,h2,h3{color:var(--gold)}a{color:var(--p)}.prelaunch{background:var(--pd);color:#fff;text-align:center;padding:8px;font-size:14px}.top{display:flex;justify-content:space-between;align-items:center;padding:16px 32px;background:#fff;border-bottom:3px solid var(--p)}.brand{font-weight:700;color:var(--pd);text-decoration:none;font-size:20px}.brand b{color:var(--gold)}.btn,button{background:var(--p);color:#fff;border:0;border-radius:8px;padding:10px 18px;cursor:pointer;text-decoration:none;display:inline-block;font-size:15px}.btn.alt{background:#fff;color:var(--p);border:1px solid var(--p)}button:disabled{opacity:.6}button.link{background:none;color:var(--p);padding:0}button.danger{background:#b91c1c}.hero{padding:64px 32px;text-align:center;background:linear-gradient(135deg,var(--pd),var(--p));color:#fff}.hero h1{font-size:40px;margin:0 0 12px}.plans{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));grid-gap:20px;gap:20px;padding:40px 32px;max-width:1100px;margin:auto}.card{background:#fff;border-radius:12px;padding:24px;box-shadow:0 2px 10px #6d28d91a;border-top:4px solid var(--p2)}.draft{display:inline-block;background:#fef3c7;color:#92400e;font-weight:700;font-size:12px;padding:3px 8px;border-radius:6px}.sandbox{background:#fee2e2;color:#991b1b;font-weight:800;border:2px dashed #991b1b;padding:8px;border-radius:8px}.price{font-size:28px;color:var(--pd);font-weight:700}.auth{max-width:420px;margin:48px auto}.form{gap:12px}.form,label{display:flex;flex-direction:column}label{font-size:14px;gap:4px}input,select{padding:10px;border:1px solid #d1d5db;border-radius:8px;font-size:15px}.error{color:#b91c1c}.ok{color:#047857}.muted{color:var(--muted)}.center{padding:80px;text-align:center}.shell{display:flex;min-height:100vh}aside{width:240px;background:#fff;border-right:1px solid #e5e7eb;padding:20px;gap:8px}aside,aside nav{display:flex;flex-direction:column}aside nav{gap:4px;margin-top:12px}aside nav a{padding:8px 10px;border-radius:6px;text-decoration:none;color:var(--text)}aside nav a.active,aside nav a:hover{background:var(--p3);color:var(--pd)}.switch{margin-top:12px;font-size:14px}.who{margin-top:auto;font-size:13px}main{flex:1 1;padding:28px;max-width:1200px}.banner{background:#fef3c7;padding:10px;margin-bottom:16px}.banner,table{border-radius:8px}table{width:100%;border-collapse:collapse;background:#fff;overflow:hidden}td,th{text-align:left;padding:10px;border-bottom:1px solid #eee;font-size:14px}th{background:var(--p3);color:var(--pd)}.badge{padding:2px 8px;border-radius:10px;font-size:12px;background:#e5e7eb}.badge.active,.badge.paid,.badge.succeeded{background:#d1fae5}.badge.open,.badge.pending,.badge.pending_payment,.badge.provisioning{background:#fef3c7}.badge.cancelled,.badge.failed,.badge.rejected,.badge.void{background:#fee2e2}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));grid-gap:16px;gap:16px;margin-bottom:24px}.stat b{display:block;font-size:24px;color:var(--pd)}footer{text-align:center;padding:24px;color:var(--muted);font-size:13px}@media(max-width:700px){.shell{flex-direction:column}aside{width:auto}}.steps{list-style:none;padding:0}.steps li{padding:8px 12px;margin:4px 0;border-radius:8px;background:#fff;color:var(--muted)}.steps li.done{color:#047857}.steps li.now{background:var(--p3);color:var(--pd);font-weight:600}