@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:#172a2c;background:#f5f7f7;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,a{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #12a58f;outline-offset:4px}aside{position:fixed;inset:0 auto 0 0;width:238px;background:#fff;border-right:1px solid #e4eaea;padding:36px 22px;display:flex;flex-direction:column}.brand{font-family:'Manrope',sans-serif;font-size:51px;font-weight:800;letter-spacing:-5px;color:#123e3c;text-decoration:none;line-height:1}.brand span{font-size:18px;color:#23ae8a;letter-spacing:0;margin-left:5px}.brand-caption{font-size:9px;letter-spacing:2px;color:#6c8180;margin:14px 0 43px 4px}.nav-label{font-size:10px;letter-spacing:1.6px;color:#8a999a;margin:22px 10px 13px}.nav{display:flex;align-items:center;gap:12px;width:100%;border:0;background:transparent;text-align:left;color:#657575;padding:13px 12px;border-radius:7px;font-size:13px;margin-bottom:4px}.nav:hover{background:#f1f6f5}.nav.active{background:#e5f3ee;color:#137e64;font-weight:700}.side-bottom{margin-top:auto;font-size:10px;color:#6e8381;line-height:2}.side-bottom small{display:block;color:#9aa6a5}.status-dot{display:inline-block;width:6px;height:6px;background:#29ac87;border-radius:50%;margin-right:4px}.workspace{margin-left:238px}header{height:79px;border-bottom:1px solid #e4eaea;background:#ffffffb8;display:flex;align-items:center;justify-content:space-between;padding:0 45px;font-size:12px;color:#738080}header b{margin:0 15px;color:#bac5c4}.account{display:flex;align-items:center;gap:14px}.avatar{background:#e4eeeb;border-radius:50%;width:32px;height:32px;display:grid;place-items:center;color:#376b5c;font-weight:700}#logout{border:0;background:transparent;color:#137e64}main{max-width:1370px;margin:auto;padding:42px 45px 0}.eyebrow{font-size:10px;font-weight:700;letter-spacing:2px;color:#16866e}.heading{display:flex;justify-content:space-between;align-items:center;margin:16px 0 30px}h1{font-family:'Manrope',sans-serif;font-size:42px;font-weight:800;letter-spacing:-1.7px;line-height:1.22;margin:0}h1 span{color:#178970}p{font-size:13px;line-height:1.8;color:#798785;margin:10px 0 0}.hero-art{width:220px;height:165px;position:relative;margin-right:40px}.orbit{position:absolute;inset:0;border:1px solid #d7e9e2;border-radius:50%;transform:rotate(-25deg)}.bars{display:flex;align-items:flex-end;gap:12px;height:140px;padding:20px 35px;transform:rotate(-8deg)}.bars i{width:22px;background:#b5dcd0;border-radius:6px 6px 0 0;height:28%}.bars i:nth-child(2){height:45%;background:#8ac9b5}.bars i:nth-child(3){height:60%;background:#60b59b}.bars i:nth-child(4){height:80%;background:#30947a}.bars i:nth-child(5){height:100%;background:#137b63}.hero-art>span{position:absolute;right:0;top:5px;background:#fff;padding:12px 19px;border-radius:14px;color:#16866e;font-size:29px;box-shadow:0 10px 30px #1f6b5310}.login-panel{border:1px solid #d4e7df;background:#edf6f2;border-radius:12px;padding:22px;display:flex;align-items:center;justify-content:space-between;gap:20px}.login-panel>div:first-child{display:flex;gap:16px;align-items:center}h2{font-family:'Manrope',sans-serif;font-size:18px;margin:0;letter-spacing:-.4px}.login-panel h2{font-size:14px}.login-panel p{font-size:11px;margin:4px 0 0}.lock{border:1px solid #d8e8e2;border-radius:10px;padding:9px 13px;background:white;font-size:23px;color:#16866e}#google-button{font-size:11px;color:#648479;max-width:300px}#message{font-size:12px;color:#975d2c;min-height:10px}.section-title{display:flex;align-items:center;justify-content:space-between;margin:28px 0 20px}.section-title p{font-size:12px;margin:5px 0 0}.tag{font-size:10px;padding:7px 10px;border-radius:20px;border:1px solid #e0e7e4;color:#7e8d88}.groups{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.group{border:1px solid #e1e8e5;border-radius:11px;background:white;text-align:left;padding:23px;transition:transform .2s,border-color .2s}.group:hover{transform:translateY(-3px);border-color:#62b49a}.group.selected{border-color:#178970;background:#f4fbf7}.group-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.group-icon{font-size:23px;width:43px;height:43px;border-radius:10px;background:#eaf4ef;color:#27866b;display:grid;place-items:center}.group:nth-child(2) .group-icon{background:#fff3e3;color:#bb863d}.group:nth-child(3) .group-icon{background:#eef0fc;color:#7779b5}.group:nth-child(4) .group-icon{background:#e9f3fb;color:#588fae}.group:nth-child(5) .group-icon{background:#f0f5e8;color:#7e9543}.group:nth-child(6) .group-icon{background:#f5eef7;color:#a276a4}.arrow{color:#a8b7b1}.group h3{margin:0;font-size:15px}.group p{font-size:11px;min-height:38px;margin:8px 0 15px}.group small{font-size:10px;color:#8a9891}.library{margin-top:34px}.toolbar{display:flex;justify-content:space-between;gap:15px}.search{display:flex;gap:10px;align-items:center;border:1px solid #dfe7e3;background:white;border-radius:7px;padding:10px 13px;flex:1;max-width:380px;color:#85968e}.search input{border:0;background:transparent;outline:none;width:100%;font-size:12px}.filters{display:flex;gap:4px;align-items:center}.filters button{border:0;background:transparent;color:#78877e;padding:9px 12px;font-size:11px;border-radius:6px}.filters .selected{background:#e1eee7;color:#187e61;font-weight:700}.reports{margin-top:18px}.empty{text-align:center;padding:34px 16px;border:1px dashed #d7e1db;border-radius:10px;color:#8b9b92}.empty strong{display:block;font-size:13px;color:#677e71}.empty p{font-size:12px}.report{background:white;border:1px solid #e1e8e5;border-radius:8px;padding:20px;margin-bottom:10px;display:flex;justify-content:space-between;align-items:center;gap:20px}.report a{color:#178970;font-size:12px;white-space:nowrap}.report h3{margin:0;font-size:14px}.report p{margin:5px 0;font-size:12px}footer{border-top:1px solid #e0e7e3;margin-top:40px;padding:22px 0;display:flex;justify-content:space-between;font-size:10px;color:#95a19a}[hidden]{display:none!important}@media(min-width:1400px){main{padding-top:55px}.heading{margin-bottom:40px}.group{padding:27px}}@media(max-width:1050px){aside{width:200px}.workspace{margin-left:200px}main{padding:30px 25px 0}header{padding:0 25px}.groups{grid-template-columns:repeat(2,1fr)}.hero-art{margin:0;width:170px}.toolbar,.login-panel{flex-wrap:wrap}h1{font-size:35px}}@media(max-width:680px){aside{position:static;width:100%;padding:20px;display:block;border-bottom:1px solid #e1e8e5}.brand{font-size:35px}.brand-caption{display:inline-block;margin:0 0 0 20px;font-size:8px}.nav-label,aside nav,.side-bottom,#home{display:none}.workspace{margin:0}header{height:60px;padding:0 20px;font-size:10px}main{padding:28px 20px 0}.hero-art{display:none}h1{font-size:34px}.groups{gap:10px}.group{padding:17px}.group h3{font-size:13px}.tag{display:none}.filters{flex-wrap:wrap}.filters button{padding:9px}.search{max-width:none;width:100%}.toolbar{display:block}.filters{margin-top:12px}.login-panel{padding:17px}.login-panel>div:first-child{gap:10px}.lock{display:none}footer{gap:12px;line-height:1.6}.account{gap:7px}}