.app-shell{min-height:100vh;background:#f5f5fb}.sidebar{position:fixed;inset:0 auto 0 0;width:270px;padding:28px 22px;background:radial-gradient(circle at 15% 5%,#7538ff 0,transparent 27%),linear-gradient(160deg,#17122d,#342064 62%,#0b5368);color:#fff;display:flex;flex-direction:column;gap:22px;box-shadow:18px 0 45px #2517452e;z-index:20}.brand-light{color:#fff}.brand-light span{color:#79f7d0}.sidebar-badge{font-size:11px;letter-spacing:.16em;font-weight:900;color:#79f7d0;border:1px solid #79f7d055;background:#79f7d014;border-radius:99px;padding:7px 11px;align-self:flex-start}.side-nav{display:grid;gap:8px}.side-nav a{display:flex;align-items:center;gap:13px;padding:13px 14px;border-radius:15px;color:#ddd8f8;font-weight:800;transition:.2s}.side-nav a:hover{background:linear-gradient(90deg,#7955ddcc,#ff559477);color:#fff;transform:translateX(4px)}.side-nav b{width:28px;font-size:19px;text-align:center}.sidebar-plan{margin-top:auto;padding:17px;background:linear-gradient(135deg,#ff4f91,#ff7d55);border-radius:19px;box-shadow:0 12px 25px #ff4f9140;display:grid;gap:4px}.sidebar-plan span{font-size:11px;letter-spacing:.13em;font-weight:900}.sidebar-plan strong{font-size:18px}.sidebar-plan a{font-size:13px;color:#fff;margin-top:5px;font-weight:900}.sidebar-user{display:flex;align-items:center;gap:10px;border-top:1px solid #ffffff22;padding-top:18px}.sidebar-user small{display:block;color:#aaa4c8}.sidebar-user form{margin-left:auto}.sidebar-user button{border:0;background:#ffffff18;color:#fff;border-radius:10px;padding:8px;cursor:pointer}.app-main{min-height:100vh;margin-left:270px;padding:0}.page-wrap{width:min(1180px,calc(100% - 56px));margin:auto;padding:42px 0 60px}.mobile-brand{display:none}.dashboard-hero{position:relative;overflow:hidden;border-radius:30px;padding:45px;background:radial-gradient(circle at 75% 30%,#79f7d033,transparent 22%),linear-gradient(130deg,#3c1a78,#652dd1 48%,#176f93);color:#fff;display:grid;grid-template-columns:1.25fr .75fr;gap:35px;margin-bottom:24px;box-shadow:0 24px 55px #49279738}.dashboard-hero h1{font-size:clamp(42px,5vw,65px);margin:15px 0}.dashboard-hero h1 span{color:#79f7d0}.dashboard-hero p{font-size:18px;color:#ddd8ff}.btn-bright{background:#79f7d0;color:#1b2140}.btn-glass{background:#ffffff20;border:1px solid #ffffff44;color:#fff}.growth-orbit{align-self:center;justify-self:center;width:220px;height:220px;border-radius:50%;border:2px solid #ffffff55;box-shadow:inset 0 0 0 18px #ffffff0d,0 0 0 12px #79f7d014;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:25px}.orbit-number{font-size:62px;font-weight:950;line-height:1;color:#79f7d0}.growth-orbit span{font-size:12px;color:#cfc9ef}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px}.metric-card{border-radius:22px;padding:22px;color:#fff;display:grid;gap:8px;box-shadow:var(--shadow)}.metric-card span{font-size:11px;letter-spacing:.14em;font-weight:900}.metric-card strong{font-size:43px;line-height:1}.metric-card strong small{font-size:17px;opacity:.7}.metric-card a{font-size:13px;font-weight:800}.metric-card.purple{background:linear-gradient(135deg,#6c4cff,#8a42ef)}.metric-card.coral{background:linear-gradient(135deg,#ff4f7b,#ff8152)}.metric-card.mint{background:linear-gradient(135deg,#059e82,#24c99c)}.metric-card.yellow{background:linear-gradient(135deg,#f7a51a,#f76d1a)}.action-card{display:flex;gap:18px}.action-icon{width:58px;height:58px;border-radius:18px;background:#f0eeff;display:grid;place-items:center;font-size:28px;flex:none}
.onboarding-body{background:#f3f4fa}.onboarding-shell{min-height:100vh;display:grid;grid-template-columns:390px 1fr}.onboarding-aside{position:sticky;top:0;height:100vh;padding:38px;background:radial-gradient(circle at 20% 10%,#7d3cff,transparent 29%),linear-gradient(160deg,#17122d,#352065 62%,#0b5b6d);color:#fff;display:flex;flex-direction:column;justify-content:space-between}.onboarding-aside h1{font-size:50px;margin:22px 0}.onboarding-aside p{color:#cbc6e8}.eyebrow-dark{background:#79f7d0;color:#16253a;border:0}.onboarding-progress{display:grid;gap:11px}.progress-step{display:flex;gap:12px;align-items:center;color:#918ba9;padding:9px}.progress-step span{width:34px;height:34px;border-radius:50%;border:2px solid #5e5876;display:grid;place-items:center;font-weight:900}.progress-step.active{color:#fff}.progress-step.active span{background:#ff4f91;border-color:#ff4f91}.progress-step.done{color:#79f7d0}.progress-step.done span{background:#79f7d0;color:#172139;border-color:#79f7d0}.onboarding-main{padding:55px clamp(25px,6vw,90px);max-width:1050px;width:100%;margin:auto}.step-kicker{font-size:12px;letter-spacing:.18em;font-weight:950;color:#6c4cff}.social-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:25px 0}.social-card{border:2px solid #e3e2ee;border-left:7px solid var(--social);border-radius:18px;padding:16px;background:#fff;display:flex;align-items:center;gap:12px;box-shadow:0 8px 20px #271d500f}.social-card.complete{background:#eafff7;border-color:#82e5c1}.social-bubble{width:44px;height:44px;border-radius:14px;background:var(--social);color:#fff;display:grid;place-items:center;font-weight:950}.social-card small{display:block;color:#85859a}.social-actions{margin-left:auto;display:flex;gap:7px}.done-pill{margin-left:auto;background:#c9f7e5;color:#0d7657;border-radius:99px;padding:7px 11px;font-size:12px;font-weight:900}.big-progress{background:#fff;border:1px solid #e1e1ec;padding:18px;border-radius:18px}.big-progress div{height:12px;background:#ececf3;border-radius:99px;overflow:hidden;margin-top:10px}.big-progress span{display:block;height:100%;background:linear-gradient(90deg,#6c4cff,#ff4f91,#ffb629)}
@media(max-width:980px){.sidebar{width:88px;padding:25px 14px}.sidebar .brand,.sidebar-badge,.side-nav span,.sidebar-plan,.sidebar-user{display:none}.side-nav a{justify-content:center}.app-main{margin-left:88px}.metric-grid{grid-template-columns:1fr 1fr}.onboarding-shell{grid-template-columns:1fr}.onboarding-aside{position:relative;height:auto;gap:28px}.onboarding-progress{grid-template-columns:1fr 1fr}.growth-orbit{display:none}.dashboard-hero{grid-template-columns:1fr}}@media(max-width:650px){.sidebar{display:block;inset:auto 8px 8px;width:calc(100% - 16px);height:auto;padding:7px;border-radius:20px}.side-nav{grid-template-columns:repeat(6,1fr);gap:2px}.side-nav a{padding:10px 4px}.side-nav b{font-size:18px}.app-main{margin-left:0;padding-bottom:76px}.mobile-brand{display:block;padding:18px}.page-wrap{width:calc(100% - 28px);padding-top:22px}.metric-grid,.social-grid{grid-template-columns:1fr}.onboarding-main{padding:32px 18px}.onboarding-aside{padding:28px 22px}.onboarding-progress{grid-template-columns:1fr}.dashboard-hero{padding:28px}.social-card{flex-wrap:wrap}.social-actions{width:100%;margin:5px 0 0}}