@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@500;600;700;800&display=swap";:root{font-family:DM Sans,sans-serif;color:#25312c;background:#f8f9f7;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.5}h1,h2,p{margin-top:0}h1,h2{font-family:Manrope,sans-serif}h1{font-size:28px;letter-spacing:-1px;margin-bottom:8px}h2{font-size:16px;letter-spacing:-.3px;margin:0}.shell{display:flex;min-height:100vh}.sidebar{width:254px;background:#fff;border-right:1px solid #e8ece7;display:flex;flex-direction:column;flex-shrink:0}.brand{display:flex;align-items:center;gap:12px;padding:29px 22px 31px}.brandmark{background:#235a46;color:#fff;width:40px;height:40px;border-radius:13px;display:grid;place-items:center;font-family:Manrope;font-weight:800;font-size:23px}.brand strong{display:block;font-size:15px}.brand small{display:block;color:#8a958e;font-size:10px;letter-spacing:2px;margin-top:3px}.workspace{margin:0 16px 28px;background:#f4f7f3;padding:15px;border-radius:10px}.workspace small{display:block;color:#87938b;letter-spacing:1.4px;font-size:10px;margin-bottom:7px}.workspace strong{font-size:13px}.sidebar nav{padding:0 12px;display:grid;gap:5px}.sidebar nav button,.sidebottom button{display:flex;align-items:center;gap:12px;border:0;background:transparent;color:#68776d;padding:13px 16px;text-align:left;border-radius:9px;font-weight:600}.sidebar nav button.active{background:#eaf3ed;color:#236149}.sidebar nav button:hover{background:#f2f6f2}.sidebottom{margin-top:auto;padding:20px}.demotag{font-size:12px;color:#8b6b3c}main{flex:1;min-width:0}header{height:78px;background:#fff;border-bottom:1px solid #e8ece7;display:flex;align-items:center;justify-content:space-between;padding:0 43px}.eyebrow{letter-spacing:2px;color:#7b8b80;font-size:11px;font-weight:700}.avatar{width:36px;height:36px;background:#e7efe8;color:#2d674c;border-radius:50%;display:grid;place-items:center;font-weight:700;font-size:12px}.page{padding:42px;max-width:1450px;margin:auto}.heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:32px}.heading p{color:#829086;font-size:14px;margin-bottom:0}.primary{border:0;background:#245e47;color:#fff;border-radius:9px;padding:12px 18px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:700;font-size:13px;white-space:nowrap}.primary:hover{background:#174b37}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-bottom:24px}.metric,.panel{background:#fff;border:1px solid #e9ede8;border-radius:13px}.metric{padding:23px}.metrichead{display:flex;align-items:center;justify-content:space-between;color:#7a897f;font-size:13px}.metrichead svg{color:#67937c}.metric b{font-family:Manrope;font-size:34px;display:block;margin-top:15px}.twocol{display:grid;grid-template-columns:1fr 1fr;gap:22px}.panel{padding:23px;margin-bottom:20px}.paneltitle{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px}.textbutton,.close{border:0;background:none;color:#26724f;font-weight:700}.muted{color:#9aa69e;font-weight:400}.postrow{display:flex;align-items:center;gap:13px;padding:15px 0;border-top:1px solid #eff1ee}.posticon,.producticon{background:#edf4ee;color:#367b59;border-radius:9px;padding:12px;display:grid;place-items:center}.postinfo{flex:1;min-width:0}.postinfo strong,.postinfo small{display:block}.postinfo strong{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.postinfo small{font-size:11px;color:#91a096;margin-top:6px}.postrow select{border:1px solid #e2e9e2;border-radius:7px;padding:7px;color:#466c52;background:#f8faf7;font-size:12px}.empty{padding:55px 15px;text-align:center;color:#a0aca3}.empty svg{color:#b9d1c0}.empty p{font-size:13px;margin:12px 0 0}.search{display:flex;align-items:center;gap:7px;border:1px solid #e3e9e3;border-radius:8px;padding:8px 11px;color:#9cab9f}.search input{border:0;outline:0;width:180px;font-size:12px}.productgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:15px}.product{border:1px solid #edf0eb;border-radius:10px;padding:20px;display:flex;flex-direction:column;gap:14px;overflow-wrap:anywhere}.producticon{width:49px}.product strong{font-size:14px}.product a{font-size:12px;color:#28774f}.product .muted{font-size:12px}.analyticsnote{text-align:center;padding:70px 20px;color:#7d8d82}.analyticsnote svg{color:#4c916a}.analyticsnote h2{color:#25312c;margin:15px 0}.analyticsnote p{max-width:540px;margin:auto;font-size:13px;line-height:1.7}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#14251ca1;display:grid;place-items:center;padding:20px}.dialog{width:min(100%,470px);background:#fff;border-radius:16px;padding:26px;box-shadow:0 20px 70px #17271d30}.dialog form,.login form{display:grid;gap:11px}.dialog label,.login label{font-size:12px;font-weight:700;margin-top:8px}.dialog input,.dialog select,.login input{width:100%;padding:12px;border:1px solid #dfe7df;border-radius:8px;outline-color:#408360}.dialog .primary,.login .primary{margin-top:12px}.close{font-size:26px;color:#6d7e71}.hint{font-size:12px;color:#839388;margin:0}.errorbar,.error{background:#fff0ef;color:#9e3831;padding:13px;border-radius:8px;font-size:13px;margin-bottom:15px}.errorbar{display:flex;gap:10px;align-items:center}.login,.center{min-height:100vh;display:grid;place-items:center}.loginbox{background:#fff;border:1px solid #e7ece6;padding:42px;width:min(430px,92vw);border-radius:16px}.loginbox h1{font-size:23px;margin-top:22px}.loginbox p{color:#819187;font-size:13px;margin-bottom:28px}.mobiletoggle{display:none;border:0;background:none}@media(max-width:1000px){.metrics{grid-template-columns:repeat(2,1fr)}.twocol{grid-template-columns:1fr}.page{padding:26px}}@media(max-width:700px){.sidebar{display:none;position:fixed;z-index:10;height:100vh;box-shadow:0 0 40px #0002}.sidebar.open{display:flex}.mobiletoggle{display:block}header{padding:0 20px}.heading{align-items:flex-start;flex-direction:column}.metrics{gap:10px}.metric{padding:15px}.metric b{font-size:27px}.page{padding:20px}.panel{padding:16px}.postrow{gap:8px}.postrow select{max-width:110px}}
