:root{font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:#1a2332;background:linear-gradient(180deg,#f6f8fb,#e8edf4);min-height:100vh}*{box-sizing:border-box;margin:0;padding:0}body{display:flex;justify-content:center;padding:6vh 5vw 4vh;min-height:100vh}#root{width:100%;max-width:720px}h1{font-size:clamp(1.75rem,4vw,2.5rem);line-height:1.2;margin-bottom:.5rem;letter-spacing:-.01em}h1 .domain{color:#1a76d2;font-weight:700}.subtitle{color:#4a5a72;font-size:1.1rem;margin-bottom:3rem}form{background:#fff;border-radius:14px;padding:2rem;box-shadow:0 4px 24px #14285014;display:grid;gap:1rem}form h2{font-size:1.25rem;margin-bottom:.5rem}label{display:grid;gap:.35rem;font-size:.9rem;color:#2c3e50}input[type=text],input[type=email],input[type=password]{padding:.65rem .85rem;border:1px solid #c8d3e0;border-radius:8px;font-size:1rem;font-family:inherit;background:#fafcff}input:focus{outline:none;border-color:#1a76d2;background:#fff;box-shadow:0 0 0 3px #1a76d21f}.row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}@media(max-width:540px){.row{grid-template-columns:1fr}}.slug-row{display:grid;grid-template-columns:1fr auto;align-items:end;gap:.5rem}.slug-row .suffix{color:#6b7a90;font-size:.95rem;padding-bottom:.7rem;white-space:nowrap}.slug-feedback{font-size:.85rem;margin-top:-.25rem;min-height:1.1em}.slug-feedback.ok{color:#1a8a4a}.slug-feedback.bad{color:#c92929}.terms{display:flex;gap:.5rem;align-items:flex-start;font-size:.85rem;color:#4a5a72}button{padding:.85rem 1.25rem;background:#1a76d2;color:#fff;border:none;border-radius:8px;font-size:1.05rem;font-weight:600;cursor:pointer;transition:background .15s,color .15s,border-color .15s;font-family:inherit}button:hover:not(:disabled){background:#1565b0}button:disabled{background:#9ab;cursor:not-allowed}button.primary{background:#1a76d2;color:#fff}button.primary:hover:not(:disabled){background:#1565b0}button.secondary{background:#fff;color:#1a76d2;border:1px solid #c8d3e0}button.secondary:hover:not(:disabled){background:#f0f5fa;border-color:#1a76d2}button.link-button{background:none;color:#1a76d2;padding:.25rem .5rem;font-size:.9rem;font-weight:500}button.link-button:hover:not(:disabled){background:#1a76d214;color:#1565b0}.cta-row{display:flex;gap:.75rem;flex-wrap:wrap;margin-top:.5rem}.cta-row button{flex:0 0 auto}@media(max-width:540px){.cta-row button{flex:1 1 auto}}.hero-card{background:#fff;border-radius:14px;padding:2rem;box-shadow:0 4px 24px #14285014}.hero-card h2{font-size:1.4rem;margin-bottom:.75rem}.hero-card p{color:#4a5a72;line-height:1.5;margin-bottom:1.25rem}.hero-card code{background:#f0f5fa;padding:.1rem .4rem;border-radius:4px;font-size:.95em}.form-intro{color:#4a5a72;font-size:.95rem;margin-bottom:.5rem}.dashboard-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem;margin-bottom:.5rem}.dashboard-header h1{margin-bottom:0}.user-chip{display:flex;align-items:center;gap:.5rem;background:#fff;padding:.4rem .4rem .4rem .85rem;border-radius:999px;box-shadow:0 2px 8px #1428500f}.user-email{color:#2c3e50;font-size:.9rem}.greeting{font-size:1.5rem;font-weight:600;margin:1.5rem 0 1rem;color:#1a2332}.tenant-section{background:#fff;border-radius:14px;padding:1.5rem;box-shadow:0 4px 24px #14285014}.section-head{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem;margin-bottom:1.25rem}.section-head h3{font-size:1.2rem}.tenant-list{list-style:none;display:grid;gap:.75rem}.tenant-card{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.25rem;border:1px solid #e1e8f0;border-radius:10px;background:#fafcff;transition:border-color .15s,box-shadow .15s}.tenant-card:hover{border-color:#b8cce4;box-shadow:0 2px 8px #1428500f}.tenant-main{flex:1 1 auto;min-width:0}.tenant-name{font-weight:600;font-size:1.05rem;color:#1a2332}.tenant-slug{color:#6b7a90;font-size:.85rem;margin:.15rem 0 .5rem}.tenant-slug code{background:#f0f5fa;padding:.1rem .35rem;border-radius:4px}.tenant-meta{display:flex;flex-wrap:wrap;gap:.4rem}.badge{display:inline-block;padding:.15rem .55rem;border-radius:999px;font-size:.75rem;font-weight:600;background:#e8edf4;color:#4a5a72;text-transform:uppercase;letter-spacing:.02em}.badge.role-owner{background:#fde8c4;color:#8a5a00}.badge.role-admin{background:#d4e7fb;color:#1565b0}.badge.role-member{background:#e8edf4;color:#4a5a72}.badge.plan,.badge.status-active{background:#e7f4ec;color:#1a8a4a}.badge.status-suspended{background:#fde8e8;color:#c92929}.badge.status-provisioning{background:#fff3d4;color:#8a5a00}.badge.demo{background:#f0e8fd;color:#5a3aa8}.open-link{flex:0 0 auto;padding:.6rem 1.1rem;background:#1a76d2;color:#fff;text-decoration:none;border-radius:8px;font-weight:600;font-size:.95rem;transition:background .15s}.open-link:hover{background:#1565b0}.tenant-form{margin-bottom:1.5rem}.muted{color:#6b7a90;font-style:italic}@media(max-width:540px){.tenant-card{flex-direction:column;align-items:stretch}.open-link{text-align:center}}.error{background:#fde8e8;border-left:3px solid #c92929;padding:.75rem 1rem;border-radius:4px;font-size:.9rem;color:#722}.success{text-align:center;padding:3rem 2rem}.success h2{color:#1a8a4a;font-size:1.5rem;margin-bottom:1rem}.success a{display:inline-block;margin-top:1.5rem;padding:.75rem 1.5rem;background:#1a76d2;color:#fff;text-decoration:none;border-radius:8px;font-weight:600}footer{text-align:center;margin-top:4rem;color:#6b7a90;font-size:.85rem}
