:root{--green:#174b40;--green2:#216858;--ink:#172b27;--muted:#788681;--line:#e9eeeb;--paper:#fff;--canvas:#f7f9f7;--mint:#e6f4ed;--shadow:0 8px 24px rgba(20,54,44,.045)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--canvas);color:var(--ink);font-family:'DM Sans',sans-serif;font-size:14px}button,a{font:inherit}a{color:inherit;text-decoration:none}button{cursor:pointer}.sidebar{position:fixed;inset:0 auto 0 0;width:245px;background:var(--paper);border-right:1px solid var(--line);padding:27px 17px 16px;display:flex;flex-direction:column;z-index:5}.brand{display:flex;align-items:center;gap:10px;margin:0 0 45px 7px;font:800 19px Manrope,sans-serif;letter-spacing:-.8px}.brand-mark{display:grid;place-items:center;width:32px;height:32px;border-radius:10px;background:#1c5447;color:white;font:800 19px Manrope;position:relative}.brand-mark span{font-size:12px;color:#d6ee89}.brand-light{font-weight:500;color:#638277}.side-label{font-size:10px;letter-spacing:1.1px;font-weight:700;color:#a0aaa6;padding:0 12px;margin-bottom:11px}.second-label{margin-top:29px}.side-nav{display:grid;gap:4px}.nav-item{height:42px;border-radius:9px;display:flex;align-items:center;gap:13px;padding:0 12px;font-size:13px;font-weight:500;color:#697773;transition:.2s}.nav-item>span{font-size:19px;width:17px;text-align:center;color:#899590}.nav-item:hover{background:#f3f7f4;color:var(--green)}.nav-item.active{background:#eaf4ef;color:var(--green);font-weight:700}.nav-item.active>span{color:#317b61}.nav-count{font-size:10px;background:#d4e9dd;color:#28644e;border-radius:20px;padding:3px 7px;margin-left:auto}.sidebar-bottom{margin-top:auto}.help-card{padding:15px 14px 14px;background:#f3f7f3;border-radius:12px;margin-bottom:13px}.help-icon{display:grid;place-items:center;width:25px;height:25px;border-radius:8px;background:#e3f1e9;color:#49836a;margin-bottom:11px}.help-card strong{display:block;font:700 12px Manrope}.help-card p{font-size:11px;line-height:1.6;color:#798681;margin:5px 0 10px}.help-card a{font-size:11px;color:#397b5d;font-weight:700}.help-card a span{float:right}.user-chip{display:flex;align-items:center;gap:10px;background:transparent;border:0;border-top:1px solid var(--line);width:100%;padding:15px 4px 0;text-align:left;color:var(--ink)}.avatar{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#ead9c6;color:#71543f;font-weight:700;font-size:11px}.user-chip strong,.user-chip small{display:block}.user-chip strong{font-size:11px}.user-chip small{font-size:10px;color:var(--muted);margin-top:3px}.more{margin-left:auto;font-size:21px;color:#85918c}.main-content{margin-left:245px;min-height:100vh}.topbar{height:66px;background:var(--paper);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 42px}.breadcrumb{font-size:12px;color:#9aa39f}.breadcrumb span{padding:0 9px;color:#c2cbc6}.breadcrumb strong{color:#455750;font-weight:600}.top-actions{display:flex;align-items:center;gap:14px;color:#718079}.icon-button{border:0;background:transparent;color:#66756e;font-size:19px;position:relative;width:30px;height:34px}.notification i{position:absolute;right:3px;top:5px;width:6px;height:6px;background:#e49d64;border:1px solid white;border-radius:50%}.top-divider{height:25px;width:1px;background:var(--line);margin:0 2px}.top-user{display:flex;align-items:center;gap:9px;font-size:11px;color:#52635c}.small-avatar{width:29px;height:29px;font-size:9px}.chevron{color:#98a29d}.mobile-menu{display:none}.page{max-width:1370px;padding:34px 42px 20px;margin:0 auto}.welcome-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:21px}.eyebrow{font-size:9px;letter-spacing:1.1px;font-weight:700;color:#84928b}.live-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#73b489;vertical-align:1px;margin-right:5px}.welcome-row h1{font:700 25px Manrope,sans-serif;letter-spacing:-.8px;margin:9px 0 4px}.wave{display:inline-block;color:#e2ac60;font-size:18px;transform:rotate(20deg)}.subhead{margin:0;color:#87928d;font-size:12px}.date-chip{border:1px solid var(--line);border-radius:8px;padding:9px 12px;background:white;color:#68766f;font-size:11px}.demo-notice{display:flex;align-items:center;gap:9px;background:#f1f6e9;border:1px solid #e3edce;color:#667249;border-radius:8px;padding:10px 12px;font-size:10px;margin-bottom:18px}.demo-notice>span:first-child{font-size:14px}.demo-notice strong{color:#57653a}.demo-notice button{margin-left:auto;border:0;background:none;color:#8b9771;font-size:17px}.stats-grid{display:grid;grid-template-columns:1.45fr repeat(3,1fr);gap:13px}.balance-card,.stat-card{height:154px;position:relative;overflow:hidden;border-radius:11px}.balance-card{background:#17483d;color:white;padding:19px 20px}.card-top{display:flex;justify-content:space-between;align-items:center}.card-label{font-size:9px;letter-spacing:.9px;color:#c1d7ce}.balance-icon{display:grid;place-items:center;width:25px;height:25px;border-radius:8px;background:#286153;color:#d5e88c}.balance-number{font:700 31px Manrope,sans-serif;letter-spacing:-1px;margin-top:12px;position:relative;z-index:1}.balance-number small{font:500 12px 'DM Sans';letter-spacing:0;color:#bbd0c7}.balance-foot{display:flex;gap:7px;align-items:center;margin-top:13px;color:#a9c3b9;font-size:9px;position:relative;z-index:1}.trend{color:#cde78a}.balance-link{margin-left:auto;color:#ecf6f0;cursor:pointer}.balance-orbit{position:absolute;border:1px solid rgba(204,237,210,.11);border-radius:50%;width:165px;height:165px;right:-65px;top:-68px}.orbit-two{width:115px;height:115px;right:-38px;top:-43px}.stat-card{background:white;border:1px solid var(--line);padding:15px 15px;box-shadow:var(--shadow)}.stat-icon{width:26px;height:26px;border-radius:8px;display:grid;place-items:center;font-size:14px;margin-bottom:11px}.mint{background:#e6f3ec;color:#438468}.peach{background:#fff0e7;color:#c78559}.lilac{background:#f1edfa;color:#8971b2}.stat-label{font-size:8px;letter-spacing:.6px;color:#929c97;font-weight:700}.stat-number{font:700 22px Manrope;letter-spacing:-.7px;margin-top:4px}.stat-number small{font:500 10px 'DM Sans';color:#9aa39f;letter-spacing:0}.stat-note{font-size:9px;color:#9aa39f;margin-top:4px}.mini-trend{color:#55956e;font-weight:700}.stat-spark{position:absolute;right:15px;bottom:20px;height:27px;display:flex;align-items:end;gap:3px}.stat-spark i{width:4px;border-radius:3px 3px 0 0;background:#c6dfcf}.stat-spark i:last-child{background:#55956e}.friend-stack{position:absolute;right:13px;bottom:21px;display:flex}.friend-stack span{width:23px;height:23px;border:2px solid white;background:#e4d7c8;border-radius:50%;display:grid;place-items:center;margin-left:-6px;font-size:7px;color:#7d6652}.friend-stack span:nth-child(2){background:#d7e5e4;color:#54716e}.friend-stack span:nth-child(3){background:#f0e5f1;color:#82668b}.streak-dots{position:absolute;right:12px;bottom:18px;display:flex;gap:3px}.streak-dots b{width:16px;height:16px;border-radius:50%;display:grid;place-items:center;background:#f2f4f2;color:#a9b1ac;font-size:7px}.streak-dots b.done{background:#f3eaca;color:#a17e2a}.section-heading{display:flex;align-items:end;justify-content:space-between;margin:30px 0 14px}.section-heading .eyebrow{font-size:8px}.section-heading h2,.panel h2{font:700 18px Manrope;letter-spacing:-.5px;margin:6px 0}.section-heading p,.panel-heading p{font-size:10px;color:#87928d;margin:4px 0 0}.task-count{font:600 9px 'DM Sans';color:#8da097;background:#edf2ee;border-radius:10px;padding:3px 6px;vertical-align:3px;margin-left:3px}.text-link{font-size:10px;color:#387458;font-weight:700;white-space:nowrap;cursor:pointer}.text-link span{margin-left:3px}.task-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.task-card{background:white;border:1px solid var(--line);border-radius:11px;overflow:hidden;box-shadow:var(--shadow);transition:transform .2s,box-shadow .2s}.task-card:hover{transform:translateY(-2px);box-shadow:0 10px 26px rgba(20,54,44,.09)}.task-art{height:110px;position:relative;overflow:hidden}.art-quiz{background:#eff4dc}.art-sun{position:absolute;left:41px;top:10px;font-size:99px;color:#dbe7ad;line-height:1}.art-label{position:absolute;top:17px;left:19px;font-size:8px;letter-spacing:1px;color:#879463;font-weight:700}.art-leaf{position:absolute;right:54px;top:18px;font-size:72px;color:#84aa7b;transform:rotate(20deg)}.art-read{background:#e9f2f6}.read-lines{position:absolute;left:26px;top:25px;width:88px;height:76px;background:#fff;border:1px solid #d7e4e9;border-radius:5px;box-shadow:4px 4px 0 #d5e3e8;padding:12px}.read-lines i{height:4px;background:#dce9eb;display:block;border-radius:3px;margin-bottom:8px;width:90%}.read-lines i:nth-child(2){width:73%}.read-lines i:nth-child(3){width:83%}.book-shape{position:absolute;right:32px;top:28px;font-size:63px;color:#6d98aa}.read-leaf{right:55px;top:8px;font-size:22px;color:#9cc2a8}.art-survey{background:#fcf0e3}.survey-bubble{position:absolute;border-radius:8px;padding:4px 12px;background:#fff;color:#a87750;font-size:17px;box-shadow:0 3px 7px #e9d7c3}.bubble-a{top:22px;left:46px}.bubble-b{right:50px;top:39px;color:#619174}.survey-person{position:absolute;left:48%;top:28px;font-size:24px;color:#d8996d}.survey-body-shape{position:absolute;left:43%;bottom:-29px;width:45px;height:60px;border-radius:40px 40px 0 0;background:#82a99a}.survey-orbit{position:absolute;left:41%;top:24px;width:72px;height:72px;border:1px solid #e6c8aa;border-radius:50%}.task-body{padding:13px 14px 12px}.task-meta{display:flex;align-items:center;justify-content:space-between}.tag{font-size:7px;letter-spacing:.6px;font-weight:700;border-radius:4px;padding:4px 6px}.tag-green{background:#e9f4ec;color:#598466}.tag-blue{background:#eaf2f7;color:#64879c}.tag-orange{background:#fcf0e4;color:#b17b4d}.task-time{font-size:9px;color:#9ba5a0}.task-body h3{font:700 13px Manrope;letter-spacing:-.2px;margin:10px 0 5px}.task-body p{font-size:10px;line-height:1.5;color:#86918c;margin:0;min-height:30px}.task-bottom{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #f0f2f0;margin-top:11px;padding-top:10px}.reward{font-size:11px;font-weight:700;color:#405b50}.reward b{color:#bf9c3e}.primary-button,.outline-button{border-radius:6px;padding:8px 10px;font-size:9px;font-weight:700;display:inline-flex;gap:10px;align-items:center;justify-content:center;transition:.2s}.primary-button{color:white;background:#21614e;border:1px solid #21614e}.primary-button:hover{background:#17483d}.outline-button{background:white;border:1px solid #dfe7e1;color:#476557}.outline-button:hover{border-color:#7fa28d;background:#f8fbf8}.lower-grid{display:grid;grid-template-columns:1.65fr 1fr;gap:14px;margin-top:19px}.panel{background:white;border:1px solid var(--line);border-radius:11px;padding:17px 17px 13px;box-shadow:var(--shadow)}.panel-heading{display:flex;align-items:center;justify-content:space-between}.panel h2{font-size:14px;margin:0}.panel-heading p{font-size:9px}.panel-heading .text-link{font-size:9px}.activity-list{margin-top:10px}.activity-row{display:flex;align-items:center;gap:10px;padding:9px 0;border-top:1px solid #f0f2f0}.activity-symbol{width:28px;height:28px;display:grid;place-items:center;border-radius:8px;font-size:13px}.quiz-symbol{background:#edf4e6;color:#809858}.referral-symbol{background:#f8eee5;color:#bb875f}.read-symbol{background:#eaf2f5;color:#688b9a}.activity-desc{flex:1}.activity-desc strong,.activity-desc small{display:block}.activity-desc strong{font-size:10px;font-weight:600}.activity-desc small{font-size:8px;color:#9da6a1;margin-top:3px}.activity-points{font-size:10px;font-weight:700;color:#4e8566}.pending-points{color:#ba9452}.status-pill{font-size:7px;border-radius:12px;padding:4px 7px}.status-pill.earned{color:#548063;background:#eaf4eb}.status-pill.pending{color:#a17b42;background:#faf2df}.challenge-panel{background:#f2f6ed;border-color:#e7ecdf;position:relative;overflow:hidden}.challenge-top{display:flex;align-items:center;gap:8px}.challenge-icon{display:grid;place-items:center;width:25px;height:25px;border-radius:8px;background:#e1ecd5;color:#7d995c}.challenge-tag{font-size:8px;letter-spacing:.7px;color:#89936f;font-weight:700}.challenge-more{margin-left:auto;color:#8a9585}.challenge-panel h2{margin:11px 0 4px}.challenge-panel>p{font-size:9px;line-height:1.5;color:#829080;margin:0;max-width:250px}.challenge-progress{margin-top:13px}.challenge-progress>div:first-child{display:flex;justify-content:space-between;font-size:8px;color:#8c9786}.challenge-progress strong{color:#55674c}.progress-track{height:5px;background:#e0e8d9;border-radius:4px;margin-top:7px;overflow:hidden}.progress-track i{display:block;height:100%;background:#69986d;border-radius:4px;transition:width .4s}.challenge-reward{display:flex;justify-content:space-between;align-items:center;margin-top:12px;padding-top:10px;border-top:1px solid #e4eadc;font-size:9px;color:#839080}.challenge-reward strong{color:#6d844d}.challenge-link{font-size:9px;color:#4e7956;font-weight:700;display:flex;justify-content:space-between;margin-top:11px}footer{display:flex;justify-content:space-between;align-items:center;color:#a1aaa5;font-size:8px;padding:22px 0 3px}footer>span:nth-child(2){margin-left:30px}footer .footer-heart{color:#d98e76}footer div{display:flex;gap:15px}footer a:hover{color:#46785d}.toast{position:fixed;bottom:22px;left:50%;transform:translate(-50%,20px);background:#173f35;color:white;padding:11px 16px;border-radius:8px;font-size:11px;opacity:0;pointer-events:none;transition:.25s;z-index:10;box-shadow:0 5px 18px #15392f33}.toast.show{opacity:1;transform:translate(-50%,0)}.modal-backdrop{position:fixed;inset:0;background:#15362d75;display:none;place-items:center;z-index:20;padding:20px}.modal-backdrop.open{display:grid}.modal{position:relative;background:white;border-radius:14px;padding:30px;max-width:360px;width:100%;text-align:center;box-shadow:0 25px 80px #11271f44;animation:pop .2s ease}.modal-close{position:absolute;right:13px;top:10px;border:0;background:none;color:#84928b;font-size:22px}.modal-icon{display:grid;place-items:center;margin:0 auto 15px;width:44px;height:44px;border-radius:14px;background:#eef4dd;color:#88a152;font-size:22px}.modal .eyebrow{font-size:8px}.modal h2{font:700 20px Manrope;margin:8px 0}.modal p{font-size:12px;line-height:1.6;color:#788681;margin:0 0 20px}.modal .primary-button{padding:10px 16px}@keyframes pop{from{transform:translateY(8px) scale(.97);opacity:.5}to{transform:none;opacity:1}}body.dark{--ink:#e1eae5;--muted:#a0aea7;--line:#293b34;--paper:#172720;--canvas:#101b16;--shadow:0 8px 24px rgba(0,0,0,.12)}body.dark .topbar,body.dark .stat-card,body.dark .task-card,body.dark .panel,body.dark .date-chip,body.dark .outline-button{background:#172720;color:var(--ink)}body.dark .sidebar{background:#14231c}body.dark .brand{color:#eaf0ec}body.dark .nav-item.active{background:#264538}body.dark .nav-item:hover{background:#21352b}body.dark .help-card{background:#1d3026}body.dark .demo-notice{background:#273323;border-color:#3b492d;color:#c7ce9b}body.dark .challenge-panel{background:#212e23;border-color:#344332}body.dark .challenge-reward,body.dark .activity-row,body.dark .task-bottom{border-color:#293b34}body.dark .modal{background:#172720;color:var(--ink)}body.dark .breadcrumb strong{color:#d0dad4}@media(min-width:1500px){.page{padding-top:42px}.stats-grid{gap:16px}.task-grid{gap:16px}.task-art{height:125px}.task-card .task-body{padding:15px 17px}}@media(max-width:1120px){.sidebar{width:215px}.main-content{margin-left:215px}.page{padding:30px 26px 18px}.topbar{padding:0 26px}.stats-grid{grid-template-columns:repeat(2,1fr)}.balance-card{grid-column:span 1}.task-grid{grid-template-columns:repeat(2,1fr)}.task-card:last-child{display:none}.lower-grid{grid-template-columns:1fr 1fr}}@media(max-width:760px){.sidebar{transform:translateX(-100%);transition:transform .25s;box-shadow:12px 0 30px #10291f15}.sidebar.open{transform:translateX(0)}.main-content{margin-left:0}.mobile-menu{display:block;border:0;background:transparent;color:#62736b;font-size:17px;margin-right:11px}.topbar{height:58px;padding:0 16px;justify-content:flex-start}.breadcrumb{font-size:11px}.top-actions{margin-left:auto;gap:9px}.top-user>span:not(.avatar):not(.chevron){display:none}.top-divider{display:none}.page{padding:24px 16px 18px}.welcome-row h1{font-size:21px}.date-chip{font-size:9px;padding:8px}.stats-grid{gap:9px}.balance-card,.stat-card{height:141px}.balance-card{padding:16px}.stat-card{padding:13px}.balance-number{font-size:27px}.balance-foot{font-size:8px}.stat-label{font-size:7px}.stat-number{font-size:20px}.section-heading{margin-top:25px}.task-grid{grid-template-columns:1fr 1fr;gap:9px}.task-art{height:90px}.task-body{padding:11px}.task-body h3{font-size:11px;min-height:29px}.task-body p{font-size:9px;min-height:40px}.task-bottom{align-items:flex-start;gap:5px;flex-direction:column}.task-bottom button{width:100%}.lower-grid{grid-template-columns:1fr;gap:10px}.activity-row{gap:7px}.activity-desc strong{font-size:9px}.activity-points{font-size:9px}.status-pill{font-size:6px}.challenge-panel{min-height:220px}footer{flex-wrap:wrap;gap:9px}footer>span:nth-child(2){margin-left:auto}footer div{width:100%;justify-content:center;padding-top:5px}}@media(max-width:390px){.page{padding-left:12px;padding-right:12px}.welcome-row{align-items:flex-start}.date-chip{max-width:108px;line-height:1.4}.stats-grid{grid-template-columns:1fr 1fr}.balance-card{grid-column:span 2}.task-grid{grid-template-columns:1fr}.task-card:last-child{display:block}.task-art{height:105px}.task-body h3{font-size:13px;min-height:unset}.task-body p{font-size:10px;min-height:unset}.task-bottom{flex-direction:row;align-items:center}.task-bottom button{width:auto}footer>span:nth-child(2){display:none}}