@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@500;600;700&display=swap');
:root{--ink:#1c1c26;--muted:#777786;--line:#e9e8ef;--purple:#6857d9;--purple-dark:#5142c0;--soft:#f7f7fb;--white:#fff}*{box-sizing:border-box}body{margin:0;background:#fbfbfd;color:var(--ink);font-family:'DM Sans',sans-serif;font-size:14px}a{text-decoration:none;color:inherit}button{font:inherit;border:0;background:none;cursor:pointer}.app-shell{display:flex;min-height:100vh}.sidebar{width:252px;flex:0 0 252px;border-right:1px solid var(--line);background:#fff;display:flex;flex-direction:column;padding:25px 16px 18px}.brand{display:flex;align-items:center;gap:10px;font-family:'Space Grotesk';font-size:20px;font-weight:700;letter-spacing:-.7px;padding:0 10px 28px}.brand-mark{height:29px;width:29px;border-radius:9px;background:var(--purple);color:#fff;display:grid;place-items:center;font-size:16px;box-shadow:0 5px 12px #6857d948}.workspace-switcher{display:flex;align-items:center;gap:9px;background:#f7f7fb;border:1px solid #ededf3;border-radius:10px;padding:10px;margin-bottom:25px}.workspace-icon{width:27px;height:27px;border-radius:8px;background:#20202c;color:#fff;display:grid;place-items:center;font-size:11px;font-weight:700}.workspace-name{font-weight:600;font-size:12px;line-height:1.3;flex:1}.workspace-name small{display:block;color:#9898a6;font-size:10px;font-weight:400}.chevron{color:#999}.nav-label{color:#a3a2af;font-size:10px;font-weight:700;letter-spacing:1px;text-transform:uppercase;margin:0 11px 8px}.nav-label.second{margin-top:27px}.nav-item{display:flex;align-items:center;gap:12px;color:#747382;border-radius:8px;padding:10px 11px;margin:2px 0;font-size:13px;font-weight:500}.nav-item:hover,.nav-item.active{background:#f0effc;color:var(--purple);font-weight:600}.nav-icon{width:17px;text-align:center;font-size:17px;line-height:1}.nav-count{margin-left:auto;background:#e9e7fb;color:var(--purple);border-radius:10px;padding:2px 7px;font-size:10px}.sidebar-bottom{margin-top:auto}.upgrade-card{border-radius:12px;background:linear-gradient(145deg,#f3f0ff,#fbf8ff);padding:15px 14px;margin:12px 3px 18px;border:1px solid #ece7ff}.sparkle,.tip-icon{color:#f3a944;font-size:19px}.upgrade-card strong{display:block;font-size:12px;margin-top:8px}.upgrade-card p{font-size:11px;color:#807d8e;line-height:1.45;margin:5px 0 11px}.upgrade-card a{color:var(--purple);font-size:11px;font-weight:700}.upgrade-card a span{margin-left:5px}.help-link{color:#777582;display:flex;gap:10px;align-items:center;font-size:12px;padding:9px 10px}.help-link span{border:1px solid #c7c6cf;width:17px;height:17px;border-radius:50%;display:grid;place-items:center;font-size:11px}.profile{border-top:1px solid var(--line);margin-top:13px;padding:17px 8px 0;display:flex;align-items:center;gap:9px}.avatar{height:31px;width:31px;background:#e7ddff;color:#654fd3;border-radius:50%;display:grid;place-items:center;font-size:10px;font-weight:700}.profile strong{display:block;font-size:12px}.profile small{display:block;color:#9a99a4;font-size:10px;margin-top:2px}.more{margin-left:auto;color:#9a99a4;letter-spacing:2px}.main-content{flex:1;min-width:0}.topbar{height:72px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 5.2vw}.crumbs{display:flex;gap:12px;color:#aaa9b5;font-size:12px}.crumbs b{font-weight:400;color:#d0cfda}.crumbs strong{color:#3b3946}.top-actions{display:flex;align-items:center;gap:17px}.icon-button{font-size:20px;color:#777582;position:relative}.icon-button i{position:absolute;width:5px;height:5px;background:#f26e68;border-radius:50%;right:-1px;top:2px}.outline-button{font-size:12px;border:1px solid var(--line);border-radius:7px;padding:8px 13px;color:#666472}.avatar.small{height:30px;width:30px}.content{max-width:1270px;margin:auto;padding:40px 5.2vw 58px}.welcome-row{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:33px}.eyebrow{color:#9b9aa8;font-weight:700;font-size:10px;letter-spacing:1.1px;text-transform:uppercase;margin:0 0 8px}.welcome-row h1{font-family:'Space Grotesk';font-size:29px;letter-spacing:-1.2px;margin:0 0 5px}.welcome-row h1 span{font-size:21px;color:#efad47}.subtitle{color:#858491;margin:0}.primary-button{background:var(--purple);color:#fff;border-radius:8px;padding:12px 17px;font-size:12px;font-weight:700;box-shadow:0 5px 12px #6857d92b}.primary-button:hover{background:var(--purple-dark)}.primary-button span{font-size:17px;vertical-align:-1px;margin-right:6px}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin-bottom:38px}.stat-card{border:1px solid var(--line);background:#fff;border-radius:11px;padding:17px 18px}.stat-top{display:flex;justify-content:space-between;color:#898895;font-size:11px}.stat-icon{width:28px;height:28px;border-radius:8px;display:grid;place-items:center;font-size:16px}.purple{color:#6f5add;background:#f0edff}.blue{color:#4d91d6;background:#eaf5ff}.orange{color:#e89b41;background:#fff4e7}.green{color:#43a880;background:#eaf9f2}.stat-card strong{display:block;font-family:'Space Grotesk';font-size:24px;margin:14px 0 5px}.stat-card small{font-size:10px;color:#aaa8b2}.up{color:#49a57d;font-weight:600}.section-heading,.panel-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:17px}.section-heading h2,.panel-heading h2{font-family:'Space Grotesk';font-size:17px;margin:0 0 4px;letter-spacing:-.4px}.section-heading p,.panel-heading p{color:#9695a1;font-size:11px;margin:0}.text-link,.panel-heading>a{color:var(--purple);font-size:11px;font-weight:700}.text-link span,.panel-heading>a{margin-left:5px}.projects-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:38px}.project-card{position:relative;min-width:0;border:1px solid var(--line);border-radius:12px;background:#fff;overflow:hidden;transition:transform .2s,box-shadow .2s}.project-card:hover{transform:translateY(-3px);box-shadow:0 11px 25px #29264d0e}.site-preview{height:175px;padding:9px;background:#eee;overflow:hidden}.preview-bar{height:17px;background:#fff;border-radius:4px 4px 0 0;display:flex;align-items:center;padding:0 6px;gap:3px;position:relative;z-index:1}.preview-bar span{height:4px;width:4px;background:#d5d4da;border-radius:50%}.preview-bar em{font-size:5px;color:#a7a5af;font-style:normal;position:absolute;left:50%;transform:translateX(-50%)}.studio-preview{background:#dfd8d1}.studio-art{height:140px;background:linear-gradient(135deg,#bcad9d,#efe9dd);padding:24px 18px;position:relative;color:#201f1e}.studio-art small,.cafe-art small{font-size:7px;letter-spacing:2px}.studio-art strong{display:block;font-family:Georgia,serif;font-size:25px;line-height:.95;margin-top:26px;letter-spacing:-1px}.studio-art i{position:absolute;right:20px;bottom:22px;border:1px solid #777069;border-radius:50%;width:25px;height:25px;display:grid;place-items:center;font-style:normal;font-size:12px}.portfolio-preview{background:#dce1e3}.portfolio-art{height:140px;background:#26363a;color:#e7e6df;padding:22px 17px;position:relative}.portfolio-art span{font-size:8px;letter-spacing:2px}.portfolio-art strong{display:block;font-family:Georgia,serif;font-size:27px;line-height:.9;margin-top:30px;font-weight:400}.portfolio-art small{position:absolute;bottom:17px;right:15px;font-size:7px}.cafe-preview{background:#f0d7ba}.cafe-art{height:140px;background:#f8ead5;padding:22px 17px;color:#4b3023;position:relative}.cafe-art strong{display:block;font-family:Georgia,serif;font-size:25px;line-height:.96;margin-top:25px}.cafe-art>span{position:absolute;right:25px;bottom:22px;font-size:22px}.project-info{padding:14px 15px;display:flex;align-items:center;justify-content:space-between}.project-info h3{font-size:12px;margin:0 0 5px}.project-info p{color:#9a99a4;font-size:10px;margin:0}.live-dot,.draft-dot{display:inline-block;height:6px;width:6px;border-radius:50%;background:#50b188;margin-right:4px}.draft-dot{background:#e5a044}.kebab{color:#aaa8b2;letter-spacing:2px;font-size:13px;padding:8px}.edit-overlay{position:absolute;inset:auto 12px 12px auto;background:#fff;color:var(--purple);border-radius:5px;padding:7px 9px;font-size:10px;font-weight:700;opacity:0;transform:translateY(4px);transition:.2s;box-shadow:0 3px 12px #0001}.project-card:hover .edit-overlay{opacity:1;transform:none}.edit-overlay span{margin-left:5px}.new-project{border:1px dashed #cfccdF;border-radius:12px;min-height:252px;display:flex;align-items:center;justify-content:center;flex-direction:column;color:#777582;background:#fdfdff}.new-project:hover{border-color:var(--purple);background:#faf9ff}.plus-circle{width:36px;height:36px;border-radius:50%;background:#eeecff;color:var(--purple);display:grid;place-items:center;font-size:22px;margin-bottom:12px}.new-project strong{font-size:12px}.new-project small{font-size:10px;color:#a3a1ad;margin-top:6px}.bottom-grid{display:grid;grid-template-columns:1.45fr 1fr;gap:17px}.activity-panel,.tip-panel{background:#fff;border:1px solid var(--line);border-radius:12px;padding:21px}.activity-panel{min-height:225px}.activity-item{display:flex;align-items:center;gap:11px;padding:11px 0;border-top:1px solid #f1f0f4}.activity-avatar{width:28px;height:28px;border-radius:8px;display:grid;place-items:center;font-size:11px;font-weight:700}.lavender{background:#f0edff;color:#725dde}.peach{background:#fff0e5;color:#dc9350}.mint{background:#e9f8f2;color:#42a77f}.activity-item strong{display:block;font-size:11px;font-weight:600}.activity-item small{display:block;color:#aaa8b2;font-size:10px;margin-top:3px}.activity-arrow{margin-left:auto;color:#aaa8b2}.tip-panel{background:linear-gradient(135deg,#f3f0ff,#fbf9ff);border-color:#ebe6ff;position:relative;overflow:hidden}.tip-panel:after{content:'✦';position:absolute;right:27px;bottom:-17px;color:#e8e2ff;font-size:130px}.tip-icon{display:block;margin-bottom:17px}.tip-panel h2{font-family:'Space Grotesk';font-size:19px;letter-spacing:-.5px;margin:0 0 9px}.tip-panel>p:not(.eyebrow){font-size:11px;line-height:1.55;color:#858290;max-width:260px;margin:0 0 17px}.tip-panel a{color:var(--purple);font-size:11px;font-weight:700}.tip-panel a span{margin-left:6px}.mini-menu{position:absolute;right:12px;top:180px;background:#fff;border:1px solid var(--line);box-shadow:0 8px 22px #2420341c;border-radius:8px;padding:5px;z-index:3;width:132px}.mini-menu a{display:block;padding:7px 8px;font-size:10px;color:#666472;border-radius:4px}.mini-menu a:hover{background:#f3f1ff;color:var(--purple)}
@media(max-width:1050px){.sidebar{width:218px;flex-basis:218px}.projects-grid{grid-template-columns:repeat(2,1fr)}.new-project{min-height:246px}.stats-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:700px){.sidebar{width:62px;flex-basis:62px;padding:20px 9px}.brand{padding:0 7px 27px}.brand>span:last-child,.workspace-name,.chevron,.nav-item:not(.active)::after,.nav-item{font-size:0}.nav-item{justify-content:center;padding:11px}.nav-icon{font-size:17px}.nav-label,.nav-count,.upgrade-card,.help-link,.profile>div:not(.avatar),.more{display:none}.profile{justify-content:center;padding:15px 0 0}.workspace-switcher{justify-content:center;padding:8px}.main-content{width:calc(100% - 62px)}.topbar{padding:0 20px}.top-actions .outline-button{display:none}.content{padding:28px 20px 40px}.welcome-row{align-items:flex-start;gap:18px;flex-direction:column}.welcome-row h1{font-size:25px}.primary-button{align-self:stretch;text-align:center}.stats-grid{gap:9px}.stat-card{padding:13px}.stat-card strong{font-size:20px}.projects-grid,.bottom-grid{grid-template-columns:1fr}.section-heading{margin-top:4px}.project-card{max-width:none}.new-project{min-height:180px}.site-preview{height:185px}.bottom-grid{gap:14px}}