:root{--primary:#6366f1;--primary-hover:#4f46e5;--background:#f8fafc;--surface:#fff;--text-main:#1e293b;--text-muted:#64748b;--border:#e2e8f0;--success:#22c55e;--error:#ef4444;--radius:12px;--shadow:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--background);color:var(--text-main);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,system-ui,-apple-system,sans-serif}button{cursor:pointer;border-radius:var(--radius);border:none;font-weight:600;transition:all .2s}.card{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow);border:1px solid var(--border);padding:1.5rem}.btn-primary{background:var(--primary);color:#fff;padding:.75rem 1.5rem}.btn-primary:hover{background:var(--primary-hover);box-shadow:var(--shadow-lg);transform:translateY(-1px)}.input-group{margin-bottom:1.25rem}.input-group label{color:var(--text-muted);margin-bottom:.5rem;font-size:.875rem;font-weight:500;display:block}.input-group input{border:1px solid var(--border);border-radius:var(--radius);outline:none;width:100%;padding:.75rem;font-size:1rem;transition:border-color .2s}.input-group input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #6366f11a}.flex-center{justify-content:center;align-items:center;display:flex}.grid-cols{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem;display:grid}.selection-card{text-align:center;flex-direction:column;justify-content:center;align-items:center;height:auto;transition:all .2s;display:flex;overflow:hidden;padding:.75rem 1rem!important}.selection-card p{margin:0;font-size:.875rem}@media (width<=1024px){.dashboard-container{flex-direction:column!important}.sidebar-mobile{z-index:1000;transition:transform .3s;transform:translate(-100%);padding-top:5.5rem!important}.sidebar-mobile.open{transform:translate(0)}.main-content-mobile{margin-left:0!important;padding:4.5rem 1.25rem 1.25rem!important}.mobile-header{background:var(--dashboard-sidebar,white);color:#fff;z-index:1100;border-bottom:1px solid #ffffff1a;justify-content:flex-start;align-items:center;height:3.5rem;padding:0 1.25rem;position:fixed;top:0;left:0;right:0;display:flex!important}.mobile-header button{color:#fff!important}.sidebar-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:950;background:#0f172a66;position:fixed;inset:0}@media (width<=480px){.onboarding-card-mobile{border-radius:24px!important;width:95vw!important;height:auto!important;max-height:95vh!important;margin:1rem!important}.input-with-suffix{padding:1rem 95px 1rem 1rem!important;font-size:1rem!important}.onboarding-card-mobile h2{font-size:1.5rem!important}.onboarding-card-mobile>div:nth-child(2){padding:1.5rem 1.5rem 1rem!important}.onboarding-card-mobile>div:nth-child(3){padding:1.5rem!important}.onboarding-card-mobile>div:nth-child(4){gap:1rem!important;padding:1.25rem 1.5rem 2rem!important}.onboarding-card-mobile button:first-child{border:1px solid var(--border)!important;padding:.75rem 1rem!important}}.subdomain-suffix{color:var(--text-muted);pointer-events:none;white-space:nowrap;font-weight:700;position:absolute;right:1.25rem}@media (width<=768px){.input-with-suffix{padding-right:90px!important;font-size:1rem!important}.subdomain-suffix{font-size:.875rem;right:.75rem}}.onboarding-card-mobile{padding:0!important}@media (width<=768px){.onboarding-card-mobile{border-radius:0;width:100vw;height:100vh;max-height:100vh;padding:0!important}.onboarding-logo-grid{gap:1.5rem!important}.logo-preview-box,.logo-upload-box{border-radius:16px!important;width:100px!important;height:100px!important}.logo-preview-box{font-size:1.5rem!important}}.mobile-header{display:none}}