@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{font-family:'DM Sans',sans-serif;color:#20312f;background:#f5f7f8;font-size:16px;--green:#397452;--lime:#b8f36b;--muted:#74817e;--border:#e4e9e7}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a{ -webkit-tap-highlight-color:transparent}button{cursor:pointer;border:1px solid var(--border);background:white;border-radius:8px;padding:10px 15px;color:inherit;font-size:14px;font-weight:600}button:hover{background:#edf4ef}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #82aef4;outline-offset:2px}a{color:inherit;text-decoration:none}.primary{background:#203d31;color:white;border-color:#203d31}.primary:hover{background:#346047}.lime{background:var(--lime);border:0;color:#20312f}.textbtn{border:0;background:transparent;color:var(--green);padding:4px;font-weight:600}aside{position:fixed;inset:0 auto 0 0;width:238px;background:#172726;color:#b3c0bc;padding:32px 19px;display:flex;flex-direction:column;z-index:20}.brand{display:flex;align-items:center;font:800 29px Manrope,sans-serif;color:white;gap:9px;letter-spacing:-1px}.brandmark{color:var(--lime);font-size:35px}.brandtiny{font:600 11px 'DM Sans';border:1px solid #52625d;padding:4px;border-radius:5px;letter-spacing:1px;margin-top:6px}.workspace{margin:35px 8px 25px;font-size:11px;letter-spacing:1px;color:#7f9390}.workspace b{display:block;margin:8px 0;font-size:15px;letter-spacing:0;color:#e5eeea}.workspace small{font-size:12px;letter-spacing:0}nav{display:grid;gap:5px}nav a{display:flex;align-items:center;gap:13px;padding:12px 14px;font-size:14px;border-radius:8px}nav a:hover{background:#233835}nav a.active{background:#b8f36b;color:#193129;font-weight:700}nav .icon{font-size:18px;width:22px;text-align:center}.sidebarfoot{margin-top:auto;border-top:1px solid #30433f;padding:20px 7px 0;display:flex;gap:12px;font-size:14px}.sidebarfoot small{display:block;color:#849b95;margin-top:4px;font-size:12px}.avatar{display:inline-flex;align-items:center;justify-content:center;width:35px;height:35px;background:#dfebe3;color:#355e47;border-radius:50%;font-size:12px;font-weight:700}.shell{margin-left:238px}header{height:76px;background:#fff;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 36px;color:var(--muted);font-size:14px}.headeractions{display:flex;align-items:center;gap:18px}.headeractions button{border:0}.demo{font-size:11px;letter-spacing:1px;border:1px solid #e1e6e3;padding:6px 9px;border-radius:5px}main{padding:32px 36px;max-width:1650px;margin:auto}h1,h2,h3{font-family:Manrope,sans-serif;color:#20312f}h1{font-size:29px;letter-spacing:-1px;margin:0 0 7px}h2{font-size:18px;letter-spacing:-.4px;margin:0}h3{font-size:16px;margin:0 0 10px}.sub{color:var(--muted);font-size:14px;margin:0;line-height:1.6}.pagehead{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:27px}.actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:24px}.stat{background:#fff;border:1px solid var(--border);border-radius:12px;padding:20px 22px}.stat label{font-size:14px;color:var(--muted)}.stat .number{font:700 30px Manrope;margin:12px 0 8px;letter-spacing:-1px}.stat small{font-size:12px;color:var(--green)}.stat .statop{display:flex;justify-content:space-between}.muted{color:var(--muted)}.panel{background:white;border:1px solid var(--border);border-radius:12px;padding:23px;margin-bottom:22px}.panelhead{display:flex;align-items:center;justify-content:space-between;margin-bottom:23px;gap:15px}.twocol{display:grid;grid-template-columns:1.8fr 1fr;gap:22px}.chart{height:200px;display:flex;align-items:end;gap:20px;padding:10px 15px 25px;border-bottom:1px solid var(--border);position:relative}.barpair{flex:1;display:flex;align-items:end;gap:6px;height:100%;position:relative}.barpair span{width:50%;border-radius:5px 5px 0 0;background:#416e55}.barpair span:nth-child(2){background:#d5e8cd}.barpair label{position:absolute;bottom:-23px;left:0;right:0;text-align:center;font-size:12px;color:var(--muted)}.legend{display:flex;gap:18px;font-size:12px;color:var(--muted);margin-top:20px}.legend i{display:inline-block;width:8px;height:8px;background:#416e55;border-radius:2px;margin-right:6px}.legend i.light{background:#d5e8cd}.notice{border:1px solid #e7e0ce;background:#fffcf4;border-radius:9px;padding:15px;margin-bottom:12px;font-size:14px;line-height:1.5}.notice b{display:block;margin-bottom:4px}.notice small{color:#8c805b;font-size:12px}.pill{display:inline-block;border-radius:5px;padding:5px 8px;font-size:12px;white-space:nowrap;background:#eaf4ec;color:#37734c}.pill.warn{color:#936e24;background:#fff3d9}.pill.danger{color:#b4544a;background:#fbecea}.pill.neutral{background:#eef0f5;color:#69738b}.tablewrap{overflow:auto}table{border-collapse:collapse;width:100%;font-size:14px;text-align:left}th{font-size:12px;color:var(--muted);font-weight:500;padding:13px 12px;background:#f7f9f8;border-bottom:1px solid var(--border)}td{padding:17px 12px;border-bottom:1px solid #edf0ef}tr:last-child td{border-bottom:0}.company{display:flex;align-items:center;gap:12px}.monogram{display:flex;align-items:center;justify-content:center;width:38px;height:38px;flex-shrink:0;border-radius:10px;font:800 14px Manrope;background:#edf2ea;color:#5e7653}.company small{display:block;font-size:12px;color:var(--muted);margin-top:4px}.filters{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:22px}input,select,textarea{background:white;border:1px solid #dce3df;border-radius:7px;padding:10px 12px;color:#263d33;font-size:14px;max-width:100%}input[type=search]{min-width:250px}textarea{width:100%;min-height:100px;resize:vertical}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.card{background:white;border:1px solid var(--border);border-radius:12px;padding:22px}.card p{font-size:14px;line-height:1.65;color:var(--muted)}.card .actions{margin-top:20px}.tabs{display:flex;gap:20px;border-bottom:1px solid var(--border);margin-bottom:25px;overflow:auto}.tabs button{border:0;border-radius:0;background:none;white-space:nowrap;padding:12px 0;color:var(--muted)}.tabs button.selected{border-bottom:2px solid var(--green);color:var(--green)}.formgrid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.field{display:grid;gap:8px;font-size:14px}.field.wide{grid-column:1/-1}.field input,.field select{width:100%}.formactions{display:flex;justify-content:end;gap:10px;margin-top:24px}.weekdays,.calendar{display:grid;grid-template-columns:repeat(7,1fr)}.weekdays>div{padding:12px;text-align:center;font-size:12px;color:var(--muted)}.day{min-height:120px;border:1px solid #edf0ef;padding:9px;font-size:13px;background:white}.day.today{background:#f4f9ed}.event{display:block;border:0;text-align:left;font-size:11px;line-height:1.4;width:100%;padding:6px;margin:6px 0;background:#e9f1e6;color:#466844;border-radius:4px}.event.cardevent{background:#eaeefa;color:#5868a4}.event.postevent{background:#fff3dd;color:#987536}.mediaimage{height:155px;width:100%;object-fit:cover;border-radius:7px;background:#edf0ed}.mediaempty{height:155px;display:flex;align-items:center;justify-content:center;background:#edf1ef;color:#8d9c94;border-radius:8px;font-size:36px}.upload{display:block;padding:25px;border:1px dashed #abc0b1;border-radius:10px;text-align:center;background:#f5faf5;cursor:pointer;font-size:14px}.review{display:flex;gap:15px}.review .content{flex:1}.stars{color:#c89532;letter-spacing:2px}.reply{background:#f5f8f6;border-left:3px solid #7ea18c;padding:16px;margin-top:15px;font-size:14px;line-height:1.65}.flow{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.flow span{padding:18px;background:#f0f5f1;border:1px solid #dce8df;border-radius:8px;font-size:14px}.empty{padding:35px;text-align:center;color:var(--muted)}dialog{border:0;border-radius:14px;width:620px;max-width:calc(100% - 30px);padding:28px;box-shadow:0 25px 90px #162e3340}dialog::backdrop{background:#132d3260}dialog h2{margin-bottom:22px}.close{float:right;border:0;padding:3px 9px;font-size:20px}#toast{position:fixed;bottom:28px;right:28px;background:#203d31;color:white;border-radius:10px;padding:15px 22px;box-shadow:0 10px 30px #0002;z-index:99;display:none;font-size:14px}footer{padding:4px 36px 24px;color:#8b9691;font-size:12px}.mobile{display:none}.progress{height:6px;background:#edf1ed;border-radius:9px;overflow:hidden;margin-top:8px}.progress span{display:block;height:100%;background:#7cad71}.activity{display:grid;grid-template-columns:24px 1fr;gap:10px;font-size:14px;margin:19px 0}.activity small{display:block;color:var(--muted);margin-top:4px;font-size:12px}.activity i{width:9px;height:9px;border-radius:50%;background:#94b780;margin:5px}.previewcard{padding:30px;background:#203d31;color:white;border-radius:10px;aspect-ratio:1;display:flex;flex-direction:column;justify-content:space-between}.previewcard h2{font-size:27px;color:white;line-height:1.35}.previewcard small{color:#b8f36b}.kv{display:flex;justify-content:space-between;padding:14px 0;border-bottom:1px solid var(--border);font-size:14px}.modehelp{padding:15px;background:#f4f7f4;border-radius:7px;font-size:14px;line-height:1.6;margin-top:15px}@media(min-width:1500px){main{padding:40px 48px}}@media(max-width:1150px){.stats{gap:10px}.stat{padding:16px}.grid{grid-template-columns:repeat(2,1fr)}.twocol{grid-template-columns:1fr}.day{min-height:100px}.event{font-size:10px}main{padding:25px}header{padding:0 25px}}@media(max-width:760px){aside{transform:translateX(-100%);transition:transform .2s}.menu aside{transform:translateX(0)}.shell{margin:0}.mobile{display:block}header{height:65px;padding:0 16px;gap:10px}#breadcrumb{font-size:12px}.headeractions{gap:8px}.demo{display:none}main{padding:24px 16px}.pagehead{align-items:start;flex-direction:column}h1{font-size:25px}.stats{grid-template-columns:repeat(2,1fr)}.stat .number{font-size:26px}.panel{padding:17px}.grid{grid-template-columns:1fr}.formgrid{grid-template-columns:1fr}.calendar{min-width:700px}.weekdays{min-width:700px}.calwrap{overflow:auto}.formgrid .wide{grid-column:auto}.chart{gap:10px}footer{padding:0 16px 20px}.headeractions .avatar{display:none}.filters input{width:100%}.review{gap:10px}.panelhead{flex-wrap:wrap}}