@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap";
:root{--ink:#202033;--muted:#838396;--purple:#6956d9;--line:#eeedf3;--font-body:"DM Sans",Arial,sans-serif;--font-display:"Manrope","DM Sans",Arial,sans-serif}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{min-height:100vh;color:var(--ink);font-family:var(--font-body);-webkit-font-smoothing:antialiased;background:#fff;font-size:14px}a{color:inherit;text-decoration:none}button{font:inherit}.shell{min-height:100vh;display:flex}.sidebar{background:#fff;border-right:1px solid #f0eff4;flex-direction:column;flex:0 0 238px;width:238px;min-height:100vh;padding:29px 18px 19px;display:flex}.brand{height:38px;font:800 18px var(--font-display);letter-spacing:-.8px;color:#29263e;align-items:center;gap:10px;padding:0 7px;display:flex}.brand-mark{color:#fff;letter-spacing:-1px;background:#6956d9;border-radius:9px;place-items:center;width:29px;height:29px;font-size:17px;display:grid;box-shadow:0 5px 12px #6956d936}.brand-mark span{color:#d9d0ff;align-self:start;margin-top:-24px;margin-left:18px;font-size:10px}.brand-light{color:#756e92;font-weight:500}.workspace-label,.eyebrow{letter-spacing:1.25px;color:#9997aa;font-size:9px;font-weight:700}.workspace-label{margin:54px 9px 13px}.sidebar nav{gap:5px;display:grid}.nav-link{color:#55546a;border-radius:8px;align-items:center;gap:12px;height:39px;padding:0 11px;font-size:12px;font-weight:600;display:flex}.nav-link.active{color:#6250c9;background:#f3f0ff}.nav-link.muted{color:#868598}.nav-icon{text-align:center;width:17px;font-size:17px;line-height:1}.sidebar-bottom{border-top:1px solid var(--line);align-items:center;gap:10px;margin-top:auto;padding:18px 3px 0;display:flex}.avatar{color:#6756c9;background:#eeeaff;border-radius:10px;place-items:center;width:31px;height:31px;font-size:10px;font-weight:700;display:grid}.sidebar-bottom strong,.sidebar-bottom span{display:block}.sidebar-bottom strong{font-size:11px}.sidebar-bottom div:nth-child(2) span{color:#9997aa;margin-top:3px;font-size:10px}.sidebar-bottom .more{color:#9997aa;letter-spacing:2px;margin-left:auto;font-weight:700}.content{background:#fdfdfe;flex:1;min-width:0}.topbar{border-bottom:1px solid #f0eff4;justify-content:space-between;align-items:center;height:75px;padding:0 clamp(25px,5.2vw,76px);display:flex}.breadcrumb{color:#9290a2;font-size:11px}.breadcrumb span{color:#c5c3cf;padding:0 9px}.breadcrumb strong{color:#4b495e;font-weight:600}.help-button{color:#89869e;cursor:pointer;background:#fff;border:1px solid #e6e4ed;border-radius:50%;width:25px;height:25px;font-size:12px;font-weight:600}.main-content{max-width:1150px;margin:0 auto;padding:47px clamp(25px,5.2vw,76px) 20px}.welcome-row{justify-content:space-between;align-items:center;margin-bottom:25px;display:flex}.eyebrow{color:#8d89a2}.welcome-row h1{font:700 clamp(23px,2.6vw,31px) var(--font-display);letter-spacing:-1.2px;margin:9px 0 5px}.subtitle{color:#89889a;font-size:12px}.connection-pill{color:#88869a;white-space:nowrap;background:#fff;border:1px solid #e9e7ef;border-radius:20px;align-items:center;gap:7px;padding:7px 10px;font-size:10px;display:flex}.status-dot{background:#e6b551;border-radius:50%;width:6px;height:6px}.connection-pill.online .status-dot{background:#40b98a}.connection-pill.offline .status-dot{background:#e27676}.hero-card{color:#fff;isolation:isolate;background:#252339;border-radius:13px;align-items:center;min-height:260px;padding:34px 39px;display:flex;position:relative;overflow:hidden}.hero-card:before{content:"";z-index:-1;background:radial-gradient(circle,#554879 0,#473d6c8c 35%,#0000 70%);border-radius:50%;width:460px;height:460px;position:absolute;top:-65%;right:4%}.hero-copy{z-index:2;max-width:390px;position:relative}.hero-kicker{letter-spacing:1.15px;color:#c4bce9;font-size:9px;font-weight:700}.sparkle{color:#b4a2ff;margin-right:6px;font-size:13px}.hero-copy h2{font:700 clamp(25px,3.2vw,35px)/1.2 var(--font-display);letter-spacing:-1.4px;margin:14px 0 9px}.hero-copy h2 em{color:#c2b5ff;font-style:normal}.hero-copy p{color:#c0bdcd;max-width:355px;font-size:11px;line-height:1.7}.primary-button{color:#453a80;cursor:pointer;background:#f8f6ff;border:0;border-radius:6px;margin-top:20px;padding:10px 14px;font-size:10px;font-weight:700;transition:transform .2s,background .2s}.primary-button:hover{background:#fff;transform:translateY(-1px)}.primary-button span{margin-left:15px;font-size:14px}.hero-art{place-items:center;display:grid;position:absolute;inset:0 0 0 48%}.art-orbit{border:1px solid #ffffff15;border-radius:50%;width:290px;height:290px;position:absolute}.orbit-two{border-color:#ffffff10;width:220px;height:220px}.art-paper{background:#fcfbff;border-radius:7px;width:140px;height:174px;padding:15px 13px;position:relative;transform:rotate(7deg);box-shadow:0 15px 40px #100e2050}.paper-top{gap:3px;margin-bottom:18px;display:flex}.paper-top span{background:#d8d4e4;border-radius:50%;width:4px;height:4px}.paper-lines{gap:8px;display:grid}.paper-lines i{background:#e9e7ef;border-radius:4px;width:100%;height:4px}.paper-lines i.short{width:62%}.paper-lines i.medium{width:76%}.paper-lines i.highlight{background:#c3b6ff;width:86%}.check-mark{color:#fff;background:#8d7bea;border-radius:12px;place-items:center;width:38px;height:38px;font-size:18px;display:grid;position:absolute;bottom:19px;right:-21px;box-shadow:0 7px 18px #1713296b}.art-spark{color:#b7a7ff;position:absolute}.spark-one{font-size:19px;top:24%;right:24%}.spark-two{font-size:14px;bottom:23%;right:15%}.spark-three{color:#7669a5;font-size:35px;top:16%;right:38%}.hero-index{color:#e9e6f3;font-size:9px;font-weight:700;position:absolute;bottom:19px;right:23px}.hero-index span{color:#858198;font-weight:500}.section-heading{justify-content:space-between;align-items:end;margin:31px 0 15px;display:flex}.section-heading h2{font:700 16px var(--font-display);letter-spacing:-.35px;margin-top:6px}.section-note{color:#aaa8b7;padding-bottom:2px;font-size:10px}.quick-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;display:grid}.quick-card{background:#fff;border:1px solid #efedf3;border-radius:10px;min-height:165px;padding:16px 16px 14px;transition:border-color .2s,transform .2s;position:relative}.quick-card:hover{border-color:#dcd6f3;transform:translateY(-2px)}.card-icon{border-radius:8px;place-items:center;width:28px;height:28px;font-size:16px;display:grid}.card-icon.violet{color:#765fe0;background:#f0edff}.card-icon.peach{color:#cc896f;background:#fff1eb}.card-icon.mint{color:#4d9d85;background:#e9f7f1}.card-number{color:#c6c4d0;font-size:9px;font-weight:600;position:absolute;top:19px;right:15px}.quick-card h3{font:700 12px var(--font-display);letter-spacing:-.15px;margin-top:14px}.quick-card p{color:#9290a0;max-width:220px;margin-top:5px;font-size:10px;line-height:1.55}.text-link{color:#6654d0;align-items:center;gap:9px;margin-top:13px;font-size:10px;font-weight:700;display:inline-flex}.text-link span{font-size:14px;transition:transform .2s}.text-link:hover span{transform:translate(3px)}.refresh-link{cursor:pointer;background:0 0;border:0;padding:0}.footer{color:#aaa8b7;border-top:1px solid #f0eff4;justify-content:space-between;margin-top:33px;padding:17px 0;font-size:9px;display:flex}.footer-dot{padding:0 4px}.footer-heart{color:#b9aaf5;margin-left:3px}@media (max-width:900px){.sidebar{flex-basis:200px;width:200px}.main-content{padding-top:35px}.hero-card{min-height:245px;padding-left:30px}.hero-art{opacity:.8;left:53%}.quick-grid{gap:9px}.quick-card{padding:13px}.quick-card h3{font-size:11px}}@media (max-width:680px){.sidebar{flex-basis:62px;width:62px;padding:20px 9px}.brand{justify-content:center;padding:0}.brand>span:last-child,.workspace-label,.nav-link:not(.active),.nav-link.active{font-size:0}.nav-link{justify-content:center;padding:0}.nav-icon{font-size:17px}.sidebar nav{margin-top:48px}.sidebar-bottom{justify-content:center;padding-top:13px}.sidebar-bottom div:nth-child(2),.sidebar-bottom .more{display:none}.topbar{height:61px;padding:0 19px}.main-content{padding:31px 19px 14px}.welcome-row{align-items:flex-start;gap:12px}.connection-pill{padding:8px;font-size:0}.connection-pill .status-dot{width:7px;height:7px}.welcome-row h1{font-size:23px}.subtitle{max-width:270px;line-height:1.5}.hero-card{align-items:flex-start;min-height:290px;padding:26px 23px}.hero-copy{max-width:300px}.hero-copy h2{font-size:29px}.hero-copy p{max-width:270px}.hero-art{opacity:.4;inset:95px 0 0 44%}.art-orbit{width:220px;height:220px}.orbit-two{width:170px;height:170px}.art-paper{width:111px;height:140px}.hero-index{bottom:15px;right:16px}.quick-grid{grid-template-columns:1fr}.quick-card{min-height:147px;padding:15px 16px}.quick-card h3{font-size:12px}.quick-card p{max-width:270px}.section-note{font-size:9px}.footer{gap:12px;font-size:8px}.footer span:last-child{white-space:nowrap}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important}}