:root{--bg:#f5f7fb;--ink:#0f172a;--muted:#64748b;--line:#e5e7eb;--card:#ffffff;--primary:#6366f1;--cyan:#06b6d4;--pink:#ec4899;--green:#10b981;--shadow:0 22px 70px rgba(15,23,42,.10);--radius:28px}*{box-sizing:border-box}body{font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;background:var(--bg);color:var(--ink)}.fw-black{font-weight:900}.brand-mark{display:inline-grid;place-items:center;width:46px;height:46px;border-radius:18px;background:linear-gradient(135deg,var(--primary),var(--cyan));color:white;box-shadow:0 14px 32px rgba(99,102,241,.35)}.btn{border-radius:14px;font-weight:800}.btn-premium{border:0;background:linear-gradient(135deg,#111827,#4f46e5 52%,#06b6d4);color:#fff;box-shadow:0 14px 34px rgba(79,70,229,.28);display:flex;align-items:center}.btn-premium:hover{color:#fff;transform:translateY(-1px)}.btn-ghost{border:1px solid rgba(99,102,241,.18);background:#fff;color:#3730a3}.btn-ghost:hover{background:#eef2ff;color:#312e81}.form-control,.form-select{border-radius:16px;border-color:#e2e8f0;padding:.78rem 1rem}.form-control:focus,.form-select:focus{border-color:#818cf8;box-shadow:0 0 0 .25rem rgba(99,102,241,.15)}.landing-nav{background:rgba(255,255,255,.78);backdrop-filter:blur(18px);border-bottom:1px solid rgba(226,232,240,.8)}.landing-hero{min-height:100vh;display:flex;align-items:center;padding:130px 0 80px;background:radial-gradient(circle at 14% 18%,#dbeafe 0,transparent 32%),radial-gradient(circle at 78% 5%,#fce7f3 0,transparent 28%),#f8fafc}.hero-kicker,.eyebrow{font-size:.75rem;letter-spacing:.12em;text-transform:uppercase;color:#6366f1;font-weight:900}.hero-title{font-size:clamp(2.6rem,6vw,5.6rem);line-height:.92;font-weight:900;letter-spacing:-.07em}.hero-text{font-size:1.18rem;color:#475569;max-width:720px}.hero-panel{background:rgba(255,255,255,.78);backdrop-filter:blur(18px);border:1px solid rgba(255,255,255,.9);border-radius:36px;padding:22px;box-shadow:var(--shadow)}.hero-step{display:flex;gap:16px;align-items:flex-start;padding:18px;border-radius:24px;background:#fff;margin-bottom:12px}.hero-step i{font-size:1.4rem;color:#4f46e5}.landing-footer{padding:30px 0;background:#0f172a;color:#cbd5e1}.auth-page{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at top left,#dbeafe,transparent 36%),radial-gradient(circle at bottom right,#fae8ff,transparent 30%),#f8fafc}.auth-card{width:min(460px,94vw);background:rgba(255,255,255,.9);border:1px solid #fff;border-radius:34px;padding:34px;box-shadow:var(--shadow)}.auth-logo{display:flex;gap:14px;align-items:center;margin-bottom:28px}.app-shell{display:flex;min-height:100vh}.app-sidebar{width:288px;background:rgba(255,255,255,.9);border-right:1px solid var(--line);padding:22px;position:sticky;top:0;height:100vh;overflow:auto}.sidebar-brand a{color:#0f172a}.sidebar-brand small{display:block;color:#64748b;font-size:.72rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.workspace-card{margin:22px 0;padding:16px;border-radius:22px;background:linear-gradient(180deg,#f8fafc,#eef2ff);border:1px solid #e0e7ff}.app-menu a{display:flex;gap:12px;align-items:center;text-decoration:none;color:#475569;padding:12px 13px;border-radius:16px;margin-bottom:5px;font-weight:800}.app-menu a i{width:20px;text-align:center}.app-menu a.active,.app-menu a:hover{background:#eef2ff;color:#3730a3}.app-main{flex:1;min-width:0}.app-topbar{padding:22px 30px;background:rgba(255,255,255,.82);backdrop-filter:blur(18px);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:18px;position:sticky;top:0;z-index:20}.app-topbar h1{font-weight:900;letter-spacing:-.04em;margin:0}.topbar-actions{display:flex;align-items:center;gap:12px}.user-pill{display:flex;gap:12px;align-items:center;padding:9px 12px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:999px;font-weight:800}.user-pill a{text-decoration:none;color:#ef4444}.app-content{padding:30px}.premium-card,.card{background:#fff;border:0;border-radius:var(--radius);box-shadow:var(--shadow)}.premium-card{padding:26px}.stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.stat-card{background:#fff;border-radius:26px;padding:22px;box-shadow:var(--shadow);display:flex;align-items:center;justify-content:space-between;min-height:132px}.stat-card span{color:#64748b;font-weight:800}.stat-card strong{display:block;font-size:2.15rem;font-weight:900;letter-spacing:-.06em}.stat-card i{font-size:2rem;opacity:.9}.tone-indigo i{color:#6366f1}.tone-cyan i{color:#06b6d4}.tone-pink i{color:#ec4899}.tone-green i{color:#10b981}.empty-state{text-align:center;padding:70px 20px;border:1px dashed #cbd5e1;border-radius:28px;background:#f8fafc}.empty-state i{font-size:3rem;color:#818cf8;margin-bottom:16px}.empty-state h3{font-weight:900}.premium-table table{margin:0}.premium-table th{font-size:.78rem;text-transform:uppercase;letter-spacing:.08em;color:#64748b}.premium-table td,.premium-table th{padding:15px 14px}.design-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.design-card{border-radius:26px;background:#fff;box-shadow:var(--shadow);overflow:hidden}.design-card img{width:100%;aspect-ratio:1/1;object-fit:cover;background:#f1f5f9}.design-card .body{padding:16px}.launch-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:22px}.upload-drop{border:2px dashed #cbd5e1;border-radius:28px;background:#f8fafc;padding:30px;text-align:center}.upload-drop i{font-size:3rem;color:#6366f1}.progress{height:12px;border-radius:999px}.badge{font-weight:800;text-transform:capitalize}.code-box{background:#0f172a;color:#e2e8f0;border-radius:22px;padding:18px;white-space:pre-wrap}.settings-secret{font-family:ui-monospace,monospace;background:#f1f5f9;border-radius:14px;padding:12px}.quick-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.quick-action{padding:22px;border-radius:26px;background:linear-gradient(180deg,#fff,#f8fafc);box-shadow:var(--shadow);text-decoration:none;color:#0f172a}.quick-action i{font-size:1.7rem;color:#6366f1}.quick-action b{display:block;margin-top:12px;font-size:1.05rem}.quick-action span{color:#64748b}@media(max-width:1180px){.stat-grid,.design-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.launch-grid{grid-template-columns:1fr}.quick-actions{grid-template-columns:1fr}}@media(max-width:991px){.app-shell{display:block}.app-sidebar{position:relative;width:auto;height:auto}.app-topbar{position:relative;align-items:flex-start}.app-content{padding:18px}.stat-grid,.design-grid{grid-template-columns:1fr}.hero-title{font-size:3rem}}