@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:#273a33;background:#f7f9f6;font-synthesis:none;--green:#285b44;--muted:#7b8780;--border:#e5eae3}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #91bda0;outline-offset:3px}button{transition:background .18s,transform .18s}button:active{transform:translateY(1px)}.sidebar{position:fixed;inset:0 auto 0 0;width:246px;background:#fff;border-right:1px solid var(--border);padding:38px 24px;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:12px;color:#244635;text-decoration:none;font-size:25px;font-weight:700;letter-spacing:-1px}.brand-light{font-weight:400}.brand small{display:block;font-size:8px;letter-spacing:2.1px;margin-top:5px;color:#829087;font-weight:600}.brand-icon{background:#285b44;color:#fff;border-radius:13px;width:43px;height:43px;text-align:center;font-size:36px;font-family:Georgia;position:relative;line-height:40px}.brand-icon span{position:absolute;font-family:sans-serif;font-size:16px;right:3px;top:-8px}.nav-caption{margin:54px 12px 17px;font-size:9px;letter-spacing:1.7px;color:#9aa39d;font-weight:700}.nav-active{padding:15px 14px;display:flex;gap:12px;align-items:center;background:#ecf2e9;border-radius:8px;font-size:12px;font-weight:600;color:#315840}.nav-active>span:first-child{font-size:20px}.nav-dot{width:5px;height:5px;background:#477b53;border-radius:50%;margin-left:auto}.sidebar-note{margin:auto 13px 70px;color:#758579}.note-star{font-size:44px;color:#9bb38b}.sidebar-note p{font-family:Manrope,sans-serif;font-size:25px;font-weight:600;line-height:1.5;color:#596e5d;letter-spacing:-1px;margin:14px 0 8px}.sidebar-note>span:last-child{font-size:10px}.sidebar-bottom{display:flex;align-items:center;gap:10px;padding-top:23px;border-top:1px solid var(--border);font-size:10px;font-weight:600}.avatar{background:#eee9de;color:#7f8065;border-radius:50%;height:32px;width:32px;display:grid;place-items:center}.sidebar-bottom small{display:block;color:#99a198;font-size:8px;margin-top:5px;font-weight:400}.page{margin-left:246px}.topbar{height:77px;border-bottom:1px solid var(--border);padding:0 46px;display:flex;align-items:center;justify-content:space-between;font-size:10px;color:#8b958e;background:#fff}.topbar strong{font-weight:500;color:#47584d}.breadcrumb{margin:0 14px;color:#c1c7be}.local-badge{display:flex;align-items:center;gap:6px;font-size:9px}.local-badge i{width:5px;height:5px;border-radius:50%;background:#6d9b72}main{max-width:1450px;margin:auto;padding:44px 46px 20px}.intro{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:30px}.eyebrow{font-size:8px;font-weight:700;letter-spacing:1.6px;color:#7e8b79}h1{font-family:Manrope,sans-serif;font-weight:800;font-size:32px;letter-spacing:-1.3px;margin:12px 0}h1 span{color:#759666}.intro p{font-size:11px;color:#879087;margin:0}.today{font-size:10px;color:#7c897e;white-space:nowrap;border:1px solid #e1e7dc;border-radius:6px;padding:10px 12px}.overview{display:flex;background:#eaf0e3;border:1px solid #e0e8d7;border-radius:13px;padding:27px 30px;margin-bottom:33px;gap:40px}.overview-copy{flex:1}.pill{font-size:7px;letter-spacing:1.2px;font-weight:700;color:#637b57}.overview h2{font-family:Manrope,sans-serif;font-size:21px;letter-spacing:-.6px;margin:12px 0 8px}.overview p{font-size:10px;color:#75826f;margin:0 0 19px}.progress-track{height:5px;border-radius:20px;background:#d8e2cf;max-width:310px;overflow:hidden}#progress-bar{height:100%;width:0;background:#527a46;transition:width .3s}#progress-label{display:block;font-size:8px;color:#7c8b73;margin-top:8px}.stats{display:flex;align-items:center;gap:0}.stats>div{display:flex;flex-direction:column;align-items:center;min-width:99px;padding:8px 20px;border-left:1px solid #d8e1cf;gap:7px}.stats .stat-icon{font-size:17px;color:#74916b;line-height:20px}.stats strong{font-family:Manrope,sans-serif;font-size:28px;font-weight:700;line-height:1.2}.stats>div>span:last-child{font-size:9px;color:#798671}.workspace-grid{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:26px}.tasks-panel{background:white;border:1px solid var(--border);border-radius:12px;align-self:start;overflow:hidden}.section-heading{padding:23px 24px 20px}h2{font-size:15px;margin:0;font-weight:700;letter-spacing:-.3px}.section-heading h2 span{font-size:9px;color:#7e8e79;background:#f1f4ee;border-radius:5px;display:inline-block;padding:3px 6px;vertical-align:middle;margin-left:7px}.section-heading p{font-size:10px;color:#929b92;margin:7px 0 0}.filters{padding:0 24px 17px;border-bottom:1px solid #eef0eb;display:flex;gap:6px}.filters button{border:0;background:transparent;border-radius:5px;font-size:9px;color:#879186;padding:8px 10px;white-space:nowrap}.filters button.selected{background:#edf3e8;color:#45633c;font-weight:600}.filters button span{font-size:8px;margin-left:4px;opacity:.65}.empty-state{padding:41px 20px 50px;text-align:center}.empty-illustration{height:86px;position:relative;width:105px;margin:0 auto 15px;background:radial-gradient(ellipse,#f2f5ed 60%,transparent 62%)}.paper{position:absolute;left:25px;top:6px;width:52px;height:65px;background:#fff;border:1px solid #d9e3d1;border-radius:7px;transform:rotate(-9deg);box-shadow:4px 5px 0 #e9efdf;text-align:left;padding:10px 10px}.paper span{color:#8fa47d;font-size:18px}.paper i{height:2px;background:#dfe7d7;display:block;margin:5px 0}.paper i:last-child{width:65%}.empty-illustration b{position:absolute;right:8px;top:0;font-weight:400;color:#93ad74;font-size:27px}.empty-state h3{font-family:Manrope,sans-serif;font-size:15px;font-weight:700;letter-spacing:-.3px;margin:0 0 10px}.empty-state p{font-size:10px;line-height:1.8;color:#98a093;margin:0}.text-button{border:0;background:none;color:#5e7a4f;font-size:10px;font-weight:600;padding:16px 0 0}.text-button span{margin-left:8px}.list-footer{border-top:1px solid #eef0eb;padding:14px 24px;display:flex;justify-content:space-between;font-size:8px;color:#a0a89d;background:#fdfefb}.right-column{display:flex;flex-direction:column;gap:20px}.add-card{background:white;border:1px solid var(--border);border-radius:12px;padding:22px}.add-heading{display:flex;align-items:center;gap:11px;margin-bottom:24px}.add-heading>span{background:#edf3e7;color:#668451;border-radius:8px;width:31px;height:31px;display:grid;place-items:center;font-size:22px}.add-heading h2{font-size:13px}.add-heading p{font-size:8px;color:#98a091;margin:6px 0 0}label{display:block;font-size:9px;font-weight:600;margin:17px 0 8px}label>span{color:#7e926c;margin-left:2px}.optional{font-size:8px;color:#a3aa9f;font-weight:400;margin-left:5px}input{width:100%;background:#fcfdfb;border:1px solid #e4e9de;border-radius:6px;padding:12px;font-size:10px;color:#3a4c3c}input::placeholder{color:#abb1a5}input[aria-invalid=true]{border-color:#bb6055}.primary-button{background:#2e5e43;border:0;color:#fff;border-radius:6px;padding:12px;width:100%;font-size:10px;font-weight:600;margin-top:20px;display:flex;gap:7px;align-items:center;justify-content:center}.primary-button span{font-size:17px;line-height:12px}.primary-button:hover{background:#214a33}.form-hint{font-size:7px;text-align:center;color:#a0a795;margin:11px 0 0}.field-error{color:#a64236;font-size:9px;margin:6px 0}.tip-card{position:relative;background:#f3f0e6;border:1px solid #e9e4d5;padding:23px;border-radius:12px}.tip-card .eyebrow{font-size:7px;color:#9b967e}.tip-icon{position:absolute;right:21px;top:21px;font-size:25px;color:#b1ac8e}.tip-card h3{font-family:Manrope,sans-serif;line-height:1.5;font-size:21px;letter-spacing:-.6px;color:#74775b;margin:15px 0 9px;font-weight:600}.tip-card p{font-size:9px;line-height:1.8;color:#9b9a83;max-width:225px}.tip-line{height:1px;background:#e4dfcf;margin:17px 0 12px;width:34px}.tip-card>span:last-child{color:#9b977e;font-family:Georgia,serif;font-size:12px;font-style:italic}.page-footer{display:flex;justify-content:space-between;font-size:8px;color:#a9afa3;margin-top:34px;padding-top:18px;border-top:1px solid #e5e9e0}.page-footer>span:last-child{font-size:7px;letter-spacing:1.5px}.page-footer>span:last-child span{margin-left:7px;color:#8fa17f}#task-list{list-style:none;margin:0;padding:0 24px}.task-row{display:flex;align-items:center;gap:12px;padding:19px 0;border-bottom:1px solid #eef0e9}.task-row:last-child{border-bottom:0}.task-toggle{flex:none;height:19px;width:19px;border:1.5px solid #cbd6c2;background:white;border-radius:6px;display:grid;place-items:center;color:white;font-size:11px;padding:0}.task-toggle[aria-pressed=true]{background:#577a46;border-color:#577a46}.task-content{flex:1;min-width:0}.task-name{margin:0;font-size:12px;line-height:1.5;font-weight:500;overflow-wrap:anywhere}.task-subject{font-size:8px;line-height:1.5;margin-top:6px;padding:3px 7px;border-radius:4px;background:#f0f3e9;color:#849274;display:inline-block;overflow-wrap:anywhere;max-width:100%}.task-row.completed .task-name{text-decoration:line-through;color:#a1aa9c}.delete-task{border:0;background:transparent;color:#9ca696;font-size:15px;padding:7px;border-radius:5px}.delete-task:hover{background:#f9eeea;color:#a65645}.toast{position:fixed;bottom:25px;left:calc(50% + 100px);transform:translateX(-50%);padding:13px 22px;background:#2f4f3a;color:#fff;border-radius:8px;box-shadow:0 5px 25px #0002;font-size:12px;z-index:10;max-width:90vw}[hidden]{display:none!important}@media(min-width:1500px){main{padding-top:55px}.overview{padding:35px}.workspace-grid{grid-template-columns:minmax(0,1fr) 340px}.empty-state{padding:65px 20px}}@media(max-width:1150px){.sidebar{width:205px;padding:32px 19px}.brand{font-size:21px}.page{margin-left:205px}main{padding:30px 25px}.topbar{padding:0 25px}.workspace-grid{grid-template-columns:minmax(0,1fr) 280px;gap:18px}h1{font-size:26px}.today{display:none}.overview{gap:16px;padding:24px}.stats>div{min-width:72px;padding:8px 12px}.filters{padding-left:14px;padding-right:14px}.filters button{padding:8px}}@media(max-width:900px){.sidebar{width:80px;padding:25px 14px;align-items:center}.brand>span:last-child,.nav-caption,.nav-active,.sidebar-note,.sidebar-bottom{display:none}.page{margin-left:80px}.workspace-grid{grid-template-columns:minmax(0,1fr) 270px}.overview{gap:20px}.stats>div{min-width:65px;padding:8px}.intro p{line-height:1.7}h1{font-size:25px}.topbar{height:65px}}@media(max-width:700px){.sidebar{position:static;width:auto;height:74px;padding:15px 22px;align-items:flex-start;border-right:0;border-bottom:1px solid var(--border)}.brand>span:last-child{display:block}.brand{font-size:23px}.brand-icon{height:37px;width:37px;font-size:32px;line-height:35px}.page{margin:0}.topbar{height:48px;padding:0 22px;font-size:9px}.local-badge{font-size:8px}main{padding:29px 20px 20px}.eyebrow{font-size:7px}h1{font-size:27px;line-height:1.3;margin-top:13px}.intro{margin-bottom:24px}.intro p{font-size:10px}.overview{flex-direction:column;padding:23px;gap:20px;margin-bottom:23px}.overview-copy .progress-track{max-width:100%}.stats{justify-content:space-between;border-top:1px solid #d8e1cf;padding-top:15px}.stats>div{border:0;flex:1}.stats>div+div{border-left:1px solid #d8e1cf}.stats strong{font-size:24px}.workspace-grid{grid-template-columns:1fr}.right-column{grid-row:1}.tip-card{display:none}.add-card{padding:20px}.add-heading{margin-bottom:16px}.add-heading h2{font-size:14px}.add-heading p{font-size:10px}label{font-size:10px}input{font-size:12px}.primary-button{font-size:12px}.form-hint{font-size:8px}.empty-state{padding:35px 15px}.page-footer{font-size:7px;gap:14px}.toast{left:50%}.task-name{font-size:13px}.task-subject{font-size:10px}.filters button{font-size:10px}.list-footer{font-size:9px}.section-heading p{font-size:11px}}