@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,600;1,600&display=swap";:root{color:#29243c;background:#f6f5fa;font-family:DM Sans,Arial,sans-serif}*{box-sizing:border-box}body{margin:0}button{font:inherit;cursor:pointer;border:0}.app-shell{min-height:100vh;display:flex}.sidebar{color:#ded9ee;background:#221b3d;flex-direction:column;flex-shrink:0;width:252px;padding:25px 15px;display:flex}.brand{color:#fff;align-items:center;gap:10px;padding:3px 10px 30px;font-size:20px;font-weight:700;display:flex}.brand>span{color:#22331b;background:#c2ff80;border-radius:11px;place-items:center;width:35px;height:35px;font-weight:800;display:grid}.brand small{letter-spacing:1.2px;color:#a99fc5;font-size:9px;font-weight:600;display:block}.workspace{border-bottom:1px solid #40375f;gap:5px;margin:0 7px 22px;padding-bottom:16px;display:grid}.workspace i,.eyebrow{letter-spacing:1.3px;color:#968bab;font-size:10px;font-style:normal;font-weight:700}.workspace strong{color:#fff;font-size:13px}.workspace b{float:right;color:#b9ff79}nav{gap:4px;display:grid}nav button{color:#b8b0cf;text-align:left;background:0 0;border-radius:9px;padding:12px 13px;font-size:14px;transition:all .18s}nav button span{color:#a99bc8;width:25px;display:inline-block}nav button:hover,nav button.selected{color:#fff;background:#3c315f}nav button.selected span{color:#c2ff80}.help{background:#312753;border:1px solid #453867;border-radius:14px;margin:auto 7px 0;padding:14px}.help b{color:#c2ff80;font-size:12px}.help p{color:#beb4d5;margin:7px 0;font-size:11px;line-height:1.5}.help button{color:#fff;background:0 0;padding:0;font-size:11px;font-weight:700}.help button:hover{text-decoration:underline}main{flex:1;width:calc(100% - 252px);max-width:1450px;margin:0 auto;padding:27px 5% 55px}header{justify-content:space-between;align-items:center;margin-bottom:19px;display:flex}.crumb p{letter-spacing:1.3px;color:#9185a7;margin:0 0 5px;font-size:10px;font-weight:700}.crumb h1{letter-spacing:-.7px;margin:0;font-size:26px}.header-actions{align-items:center;gap:10px;display:flex}.icon-button{color:#695d7c;background:#fff;border-radius:10px;width:37px;height:37px;font-size:21px}.admin-chip{text-align:left;background:#fff;border-radius:11px;align-items:center;gap:9px;padding:4px 11px 4px 4px;font-size:12px;font-weight:700;display:flex}.admin-chip>span{color:#604816;background:#f5d99d;border-radius:9px;place-items:center;width:30px;height:30px;display:grid}.admin-chip small{color:#91859f;margin-top:1px;font-size:9px;font-weight:500;display:block}.menu-button{display:none}.demo-banner{color:#544a72;background:#eeebff;border:1px solid #ded7ff;border-radius:12px;align-items:start;gap:12px;margin-bottom:23px;padding:12px 15px;display:flex}.demo-banner>span{color:#7159a6;font-size:20px}.demo-banner b{font-size:12px}.demo-banner p{color:#766d8e;margin:3px 0 0;font-size:11px;line-height:1.4}.welcome{color:#fff;background:linear-gradient(115deg,#382857,#5a418a);border-radius:22px;justify-content:space-between;min-height:265px;padding:37px 8%;display:flex;position:relative;overflow:hidden}.welcome .eyebrow{color:#d6caeb}.welcome h2,.page-title h2{margin:10px 0;font:600 34px/1.17 Playfair Display,serif}.welcome h2 em{color:#c2ff80}.welcome p{color:#ded7ef;max-width:440px;font-size:14px;line-height:1.5}.quick{gap:9px;margin-top:20px;display:flex}.quick button,.creator-card button,.business-card button,.safety-card button{color:#24351f;background:#c2ff80;border-radius:9px;padding:11px 14px;font-size:12px;font-weight:700}.quick button b{margin-left:7px;font-size:15px}.quick .secondary{color:#fff;background:#ffffff1c;border:1px solid #fff4}.welcome-art{text-align:center;width:160px;height:160px;box-shadow:0 0 0 30px #fff0a;background:radial-gradient(circle at 32% 28%,#a089cf,#5c438c);border-radius:50%;place-items:center;margin:13px 3% 0 20px;display:grid}.spark{color:#c2ff80;font-size:58px;line-height:.6}.welcome-art span{letter-spacing:1.3px;font-size:10px;line-height:1.3}.metric-grid{grid-template-columns:repeat(4,1fr);gap:14px;margin:20px 0;display:grid}.metric{background:#fff;border:1px solid #ebe8f1;border-radius:14px;gap:13px;padding:17px;display:flex;box-shadow:0 7px 20px #31234a08}.metric>span{color:#705ca4;background:#efebfa;border-radius:10px;place-items:center;width:35px;height:35px;font-size:16px;display:grid}.metric p{color:#7d748d;margin:0;font-size:11px}.metric strong{margin:4px 0;font-size:23px;line-height:1.2;display:block}.metric small{color:#aa9fb6;font-size:10px}.metric.danger>span{color:#a64e62;background:#feecef}.two-column{grid-template-columns:1.45fr 1fr;gap:14px;display:grid}.card{background:#fff;border:1px solid #ebe8f1;border-radius:15px;padding:19px;box-shadow:0 7px 20px #31234a08}.card-head{justify-content:space-between;align-items:start;display:flex}.card h3{margin:4px 0;font-size:17px}.tag{color:#66558d;background:#f0ecfa;border-radius:20px;padding:6px 9px;font-size:10px}.tag.warning{color:#986a26;background:#fff1d5}.chart{border-bottom:1px solid #eeeaf3;justify-content:space-around;align-items:end;gap:14px;height:158px;padding:17px 8px 0;display:flex}.chart div{flex-direction:column;flex:1;justify-content:end;align-items:center;gap:8px;height:100%;display:flex}.chart i{background:linear-gradient(#c2ff80,#705aa7);border-radius:8px 8px 0 0;width:100%;max-width:26px;display:block}.chart small{color:#a095af;font-size:10px}.row{border-bottom:1px solid #f0edf4;align-items:center;gap:10px;padding:13px 0;display:flex}.row:last-child{border-bottom:0}.row-avatar{color:#695891;background:#eee8fa;border-radius:9px;place-items:center;width:30px;height:30px;font-size:12px;font-weight:700;display:grid}.row-text{flex:1;gap:3px;display:grid}.row-text b{font-size:12px}.row-text span{color:#8f859d;font-size:10px}.row-badge{color:#548137;background:#eef9e3;border-radius:20px;padding:5px 7px;font-size:10px}.dots{color:#968ca5;letter-spacing:1px;background:0 0}.page-title{margin:3px 0 21px}.page-title h2{color:#312942;font-size:29px}.page-title p{color:#786f86;max-width:520px;font-size:13px;line-height:1.5}.table-card{padding-bottom:6px}.outline{color:#5e536d;background:#fff;border:1px solid #ded9e8;border-radius:8px;padding:8px 10px;font-size:11px}.table{margin-top:10px}.table-head,.table-row{grid-template-columns:2fr 1fr 1fr .5fr;align-items:center;gap:10px;display:grid}.table-head{color:#988fa4;letter-spacing:1px;padding:11px 0;font-size:9px}.table-row{border-top:1px solid #f0edf4;padding:12px 0;font-size:12px}.table-row span:first-child{align-items:center;gap:9px;font-weight:600;display:flex}.table-row span:first-child b{color:#695891;background:#eee8fa;border-radius:7px;place-items:center;width:25px;height:25px;display:grid}.table-row span:nth-child(3){color:#628a4a;font-size:11px}.table-row i{background:#7fc458;border-radius:50%;width:6px;height:6px;display:inline-block}.table-row button{color:#69559b;background:0 0;font-size:11px;font-weight:700}.creator-card,.business-card,.safety-card{color:#fff;background:linear-gradient(115deg,#39295b,#60458f);border-radius:16px;justify-content:space-between;align-items:center;gap:20px;margin-bottom:15px;padding:25px;display:flex}.creator-card h3,.business-card h3{margin:7px 0;font-size:21px}.creator-card p,.business-card p{color:#d9d0eb;max-width:520px;font-size:12px;line-height:1.5}.earnings{text-align:right;gap:4px;display:grid}.earnings small{letter-spacing:1px;color:#d5c7ed;font-size:9px}.earnings strong{color:#c2ff80;font-size:27px}.earnings span{color:#d4cae7;font-size:10px}.business-card{background:linear-gradient(115deg,#3f615a,#527d72)}.business-card button{background:#e5ffc3}.safety-card{color:#5e3c20;background:#fff4e8;border:1px solid #ffe1bd}.safety-card strong{margin:8px 0;font-size:42px;line-height:1.1;display:block}.safety-card p{color:#936f51;margin:0;font-size:12px}.safety-card button{color:#573816;background:#f5c27d}.empty-card{text-align:center;background:#fff;border:1px dashed #d9d1e4;border-radius:15px;padding:45px 20px}.empty-card>span{color:#745ca8;font-size:36px}.empty-card h3{margin:10px 0 5px;font-size:16px}.empty-card p{color:#83798e;max-width:430px;margin:auto;font-size:12px}.toast{color:#fff;z-index:10;background:#292241;border-radius:10px;padding:12px 16px;font-size:12px;position:fixed;top:20px;right:22px;box-shadow:0 8px 25px #0003}@media (width<=900px){.sidebar{z-index:20;height:100vh;transition:all .2s;position:fixed;left:-270px}.sidebar.open{left:0;box-shadow:10px 0 30px #0004}.menu-button{background:#fff;border-radius:9px;width:37px;height:37px;margin-right:12px;display:block}.crumb{flex:1}.app-shell main{width:100%;padding:24px}.metric-grid{grid-template-columns:repeat(2,1fr)}.two-column{grid-template-columns:1fr}.welcome-art{width:125px;height:125px}}@media (width<=560px){main{padding:18px!important}.admin-chip div{display:none}.welcome{min-height:auto;padding:27px 20px}.welcome-art{display:none}.welcome h2{font-size:29px}.quick{flex-direction:column;align-items:start}.metric-grid{gap:9px}.metric{gap:8px;padding:12px}.metric strong{font-size:19px}.metric>span{width:30px;height:30px}.table-head{display:none}.table-row{grid-template-columns:1.5fr .8fr .7fr}.table-row button{display:none}.creator-card,.business-card,.safety-card{flex-direction:column;align-items:start;padding:20px}.earnings{text-align:left}.page-title h2{font-size:26px}.demo-banner{padding:10px}.header-actions{gap:5px}}
