@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@500;600;700&display=swap";
:root{--ink:#172238;--muted:#7f8a9c;--line:#e8ebf1;--paper:#fbfcfe;--blue:#3157d5}*{box-sizing:border-box}body{background:var(--paper);color:var(--ink);margin:0;font-family:DM Sans,sans-serif}button,a{font:inherit}button{cursor:pointer;border:0}.shell{min-height:100vh;display:flex}.sidebar{border-right:1px solid var(--line);background:#fff;flex-direction:column;flex:0 0 252px;min-height:100vh;padding:25px 14px 17px;display:flex}.brand{letter-spacing:-1px;align-items:center;gap:10px;padding:0 14px 27px;font:700 22px Space Grotesk;display:flex}.brand>span span{color:var(--blue)}.brand-mark{background:var(--blue);color:#fff;border-radius:8px;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.close-menu{color:var(--muted);background:0 0;margin-left:auto;display:none}.workspace-switcher{background:#f5f7fb;border:1px solid #eef0f5;border-radius:11px;align-items:center;gap:9px;margin:0 5px 28px;padding:10px;display:flex}.workspace-avatar,.user-avatar{color:var(--blue);background:#e1e7fc;border-radius:8px;justify-content:center;align-items:center;width:30px;height:30px;font-size:10px;font-weight:700;display:flex}.workspace-switcher div:nth-child(2),.user-row div:nth-child(2){flex:1}.workspace-switcher strong,.user-row strong{font-size:11px;display:block}.workspace-switcher small,.user-row small{color:var(--muted);margin-top:2px;font-size:10px;display:block}.workspace-switcher>svg{color:#9ba4b3}.nav-label{color:#a4adbb;letter-spacing:1.1px;text-transform:uppercase;margin:0 14px 9px;font-size:10px;font-weight:700}.nav-label.second{margin-top:28px}nav{gap:3px;display:grid}nav a{color:#728096;border-radius:9px;align-items:center;gap:12px;padding:11px 14px;font-size:13px;text-decoration:none;display:flex}nav a.active{color:var(--blue);background:#edf1ff;font-weight:600}nav a:hover{background:#f6f8fc}nav a b{color:#bd6a29;background:#fce3cd;border-radius:10px;margin-left:auto;padding:2px 7px;font-size:10px}.sidebar-bottom{margin-top:auto}.upgrade-card{background:#f2f5ff;border-radius:12px;margin:0 5px 21px;padding:14px}.upgrade-spark{color:var(--blue);background:#dfe6ff;border-radius:7px;justify-content:center;align-items:center;width:27px;height:27px;display:flex}.upgrade-card strong{margin-top:10px;font-size:12px;display:block}.upgrade-card p{color:#7c89a7;margin:5px 0 11px;font-size:10px;line-height:1.45}.upgrade-card button{color:var(--blue);background:0 0;padding:0;font-size:11px;font-weight:700}.upgrade-card button span{margin-left:6px;font-size:15px}.user-row{align-items:center;gap:9px;padding:0 10px;display:flex}.user-avatar{color:#b96543;background:#f8dfd3}.user-row>svg{color:#9ba4b3}.content{flex:1;min-width:0}.topbar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;height:75px;padding:0 46px;display:flex}.crumb{color:#9ca5b3;gap:12px;font-size:12px;display:flex}.crumb b{color:#d3d8e1}.crumb strong{color:var(--ink);font-weight:600}.header-actions{align-items:center;gap:17px;display:flex}.search-button{color:#96a0b1;background:0 0;align-items:center;gap:9px;padding:8px;font-size:11px;display:flex}.search-button kbd{color:#9ba4b3;border:1px solid #dce1ea;border-radius:4px;padding:3px 5px;font-size:9px}.icon-button,.menu-button{color:#78859a;background:0 0;padding:6px;position:relative}.notification i{border:2px solid var(--paper);background:#ed6c54;border-radius:50%;width:7px;height:7px;position:absolute;top:4px;right:4px}.mini-avatar{color:var(--blue);background:#dfe6ff;border-radius:50%;justify-content:center;align-items:center;width:31px;height:31px;font-size:10px;font-weight:700;display:flex}.menu-button{display:none}.page{max-width:1280px;margin:0 auto;padding:42px 46px 54px}.welcome-row{justify-content:space-between;align-items:end;margin-bottom:33px;display:flex}.eyebrow{color:#a4adbb;letter-spacing:1.4px;margin:0 0 9px;font-size:9px;font-weight:700}.welcome-row h1{letter-spacing:-1px;margin:0;font:600 29px Space Grotesk}.welcome-row h1 span{color:#f1a556;font-size:22px}.subtitle{color:var(--muted);margin:8px 0 0;font-size:12px}.primary-button{background:var(--blue);color:#fff;border-radius:8px;align-items:center;gap:9px;padding:12px 15px;font-size:11px;font-weight:600;display:flex;box-shadow:0 6px 14px #3157d52d}.primary-button svg:last-child{opacity:.7;margin-left:7px}.stats-grid{grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:22px;display:grid}.stat-card{border:1px solid var(--line);background:#fff;border-radius:11px;min-height:146px;padding:17px 18px}.stat-icon{border-radius:7px;justify-content:center;align-items:center;width:33px;height:33px;display:flex}.stat-icon.blue{color:var(--blue);background:#e9eeff}.stat-icon.orange{color:#db843c;background:#fff0e2}.stat-icon.green{color:#31976e;background:#e2f6ed}.stat-icon.purple{color:#8969bd;background:#eee7fb}.stat-card>p{color:#8994a5;margin:13px 0 2px;font-size:11px}.stat-value{letter-spacing:-.8px;font:600 25px Space Grotesk}.stat-card small{color:#39a075;font-size:10px;font-weight:600}.stat-card small span{color:#a7b0bd;margin-left:3px;font-weight:400}.stat-card small.down{color:#39a075}.dashboard-grid{grid-template-columns:1.42fr 1fr;gap:22px;display:grid}.panel{border:1px solid var(--line);background:#fff;border-radius:11px;min-width:0;padding:22px 23px}.panel-head{justify-content:space-between;align-items:start;display:flex}.panel h2{letter-spacing:-.4px;margin:0;font:600 17px Space Grotesk}.filter-button{color:#7c8798;background:#f7f8fb;border:1px solid #edf0f5;border-radius:6px;align-items:center;gap:8px;padding:7px 9px;font-size:10px;display:flex}.chart{height:208px;margin:27px 0 15px;display:flex}.chart-y{color:#b3bac6;flex-direction:column;justify-content:space-between;padding:0 13px 22px 0;font-size:9px;display:flex}.chart-area{flex:1;position:relative}.grid-lines{flex-direction:column;justify-content:space-between;height:177px;display:flex}.grid-lines i{border-top:1px dashed #e9edf3;display:block}.chart-area svg{width:100%;height:177px;position:absolute;inset:0}.chart-x{color:#b3bac6;justify-content:space-between;margin-top:9px;font-size:9px;display:flex}.legend{border-top:1px solid #f0f2f6;justify-content:space-between;padding-top:17px;display:flex}.legend span{color:#8390a2;align-items:center;gap:5px;font-size:10px;display:flex}.legend i{border-radius:50%;width:6px;height:6px}.legend b{color:var(--ink);margin-left:3px;font-size:11px}.more-button{color:var(--blue);background:0 0;font-size:10px;font-weight:600}.more-button span{margin-left:5px;font-size:15px}.activity-list{margin-top:21px}.activity-item{border-bottom:1px solid #f0f2f6;align-items:center;gap:10px;padding:13px 0;display:flex}.activity-avatar{border-radius:50%;flex:0 0 32px;justify-content:center;align-items:center;height:32px;font-size:9px;font-weight:700;display:flex}.activity-avatar.blue{color:var(--blue);background:#e5ebff}.activity-avatar.orange{color:#d77d32;background:#fff0e3}.activity-avatar.green{color:#329873;background:#e1f5ed}.activity-copy{flex:1;min-width:0}.activity-copy p{color:#6f7c8f;margin:0;font-size:10px;line-height:1.4}.activity-copy strong{color:var(--ink)}.activity-copy small{color:#9da7b5;margin-top:3px;font-size:9px;display:block}.activity-item time{color:#adb5c0;white-space:nowrap;font-size:9px}.activity-cta{color:var(--blue);text-align:left;background:#f5f7ff;border-radius:7px;align-items:center;gap:8px;width:100%;margin-top:17px;padding:11px;font-size:10px;display:flex}.activity-cta span{margin-left:auto;font-size:14px}.bottom-banner{color:#fff;background:#202e56;border-radius:11px;align-items:center;gap:17px;margin-top:22px;padding:21px 25px;display:flex}.banner-icon{color:#f4bd77;background:#334575;border-radius:9px;justify-content:center;align-items:center;width:39px;height:39px;display:flex}.bottom-banner .eyebrow{color:#9eafd8;margin-bottom:6px}.bottom-banner h2{margin:0;font:600 16px Space Grotesk}.bottom-banner p:last-child{color:#aab8d8;margin:5px 0 0;font-size:10px}.banner-button{color:#513818;white-space:nowrap;background:#f2b66f;border-radius:7px;margin-left:auto;padding:11px 13px;font-size:10px;font-weight:700}.banner-button span{margin-left:8px;font-size:14px}@media (max-width:900px){.sidebar{flex-basis:220px}.topbar,.page{padding-left:25px;padding-right:25px}.dashboard-grid{grid-template-columns:1fr}}@media (max-width:680px){.sidebar{z-index:10;width:260px;transition:left .2s;position:fixed;top:0;left:-270px;box-shadow:10px 0 30px #17223820}.sidebar.open{left:0}.close-menu,.menu-button{display:block}.topbar{height:64px;padding:0 17px}.crumb{margin-left:8px}.header-actions{gap:5px}.search-button span,.search-button kbd{display:none}.page{padding:28px 17px 40px}.welcome-row{flex-direction:column;align-items:start;gap:20px}.welcome-row h1{font-size:25px}.primary-button{justify-content:center;align-self:stretch}.stats-grid{grid-template-columns:repeat(2,1fr)}.stat-card{min-height:135px;padding:14px}.panel{padding:18px 15px}.legend{flex-wrap:wrap;gap:7px}.bottom-banner{flex-wrap:wrap;align-items:start;padding:19px}.banner-button{margin-left:56px}.activity-item time{display:none}}