@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{--ink:#27382c;--muted:#7b847a;--green:#486949;--line:#e5e9e0;--bg:#f5f7f2}*{box-sizing:border-box}body{margin:0;font:14px/1.5 'DM Sans',Arial,sans-serif;color:var(--ink);background:var(--bg)}button,input,select,textarea{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer;color:inherit}button{border:0}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:Manrope,Arial,sans-serif}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #98ad73;outline-offset:3px}[hidden]{display:none!important}.sidebar{position:fixed;inset:0 auto 0 0;width:245px;background:#fcfdf9;border-right:1px solid var(--line);display:flex;flex-direction:column;padding:32px 22px;z-index:10}.brand{font-family:Manrope,sans-serif;font-size:29px;font-weight:800;letter-spacing:-1.4px;display:flex;align-items:center}.brand>span:first-child{color:#8aab57;font-size:40px;margin-right:10px;line-height:1}.brand .dot{color:#8aab57}.workspace{border:1px solid var(--line);border-radius:12px;padding:12px 10px;display:flex;gap:10px;align-items:center;margin:35px 0}.workspace>b,.avatar{width:32px;height:32px;border-radius:10px;display:grid;place-items:center;background:#e7ecda;color:#607249;font-size:11px}.workspace>div{font-size:11px;font-weight:600}.workspace small{display:block;color:var(--muted);font-size:10px;font-weight:400;margin-top:3px}.nav-label{font-size:9px;letter-spacing:1.6px;color:#8b9488;margin-bottom:13px;padding-left:12px}.sidebar nav{display:grid;gap:7px}.sidebar nav button{display:flex;align-items:center;gap:13px;padding:12px;border-radius:9px;background:transparent;text-align:left;font-size:12px;color:#6a7667;transition:.2s}.sidebar nav button>span{font-size:21px;line-height:1}.sidebar nav button.active,.sidebar nav button:hover{background:#e9f0df;color:#496344}.sidebar nav small{margin-left:auto;background:#d5e1c6;border-radius:5px;padding:1px 6px}.sidebar-bottom{margin-top:auto}.local-note{padding:18px 14px;border-radius:13px;background:linear-gradient(140deg,#edf2e4,#f7f9f1);margin-bottom:20px}.local-note>span{display:block;font-size:25px;color:#98a971;margin-bottom:10px}.local-note>b{font-size:12px}.local-note p{font-size:11px;color:#7a866d;margin:7px 0}.local-note small{font-size:9px;color:#8b947f}.sidebar-bottom>a{font-size:10px;display:block;text-align:center}.reset{display:block;margin:15px auto 0;background:transparent;font-size:10px;color:#8c9386;text-decoration:underline}.app{margin-left:245px}header{height:77px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;padding:0 38px;background:#fafcf7}.crumb{font-size:11px;color:#939d8c}.crumb span{margin:0 15px;color:#b9c2b1}.crumb b{font-weight:500;color:#58684f}.top-actions{display:flex;align-items:center;gap:20px}.demo-tag{font-size:8px;letter-spacing:1.5px;color:#8c987b}.avatar{width:34px;height:34px}main{max-width:1550px;margin:auto;padding:35px 38px 20px}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:30px}.date{text-transform:uppercase;font-size:9px;letter-spacing:1.5px;color:#97a188;margin-bottom:9px}h1{font-size:29px;letter-spacing:-1.2px;font-weight:700;margin-bottom:8px}.mobile-break{display:none}.page-heading p{font-size:12px;color:var(--muted);margin:0}.primary{display:inline-flex;align-items:center;justify-content:center;border-radius:9px;background:var(--green);color:#fff;padding:12px 19px;font-size:12px;white-space:nowrap;transition:background .2s,transform .2s}.primary:hover{background:#345436;transform:translateY(-1px)}.secondary{padding:11px 18px;border-radius:9px;background:#edf1e7;color:#5f7157;font-size:12px}.summary{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:27px}.stat{background:#fff;border:1px solid var(--line);padding:19px 20px;border-radius:14px;box-shadow:0 5px 15px #2b412503}.stat>div:first-child{display:flex;justify-content:space-between;gap:10px;align-items:center;font-size:11px;color:#788570}.stat-icon{font-size:18px;color:#8eaa68}.stat>strong{font-family:Manrope,sans-serif;display:block;font-size:31px;font-weight:600;margin:8px 0 1px}.stat small{font-size:9px;color:#909b87}.progress-card{background:#eaf0df}.progress-card #progress-label{font-weight:700;font-size:18px;color:#55733e}.progress-track{height:8px;background:#d9e2ca;border-radius:8px;margin:29px 0 15px;overflow:hidden}.progress-track i{display:block;height:100%;background:#89a55d;border-radius:8px;transition:width .4s}.content-grid{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:24px;align-items:start}.task-panel{border:1px solid var(--line);border-radius:15px;background:#fff;overflow:hidden}.panel-heading{display:flex;justify-content:space-between;align-items:center;padding:23px 23px 18px}.panel-heading h2{font-size:16px;letter-spacing:-.4px;margin:0 0 4px}.panel-heading>div>span{font-size:10px;color:#8f9a84}.view-switch{display:flex;background:#f3f6ee;border-radius:7px;padding:3px}.view-switch button{background:transparent;color:#8c9780;padding:3px 10px;font-size:20px;border-radius:5px;line-height:1.2}.view-switch .active{background:white;color:#557344;box-shadow:0 1px 5px #0001}.toolbar{display:flex;gap:9px;padding:0 23px 20px;border-bottom:1px solid var(--line);flex-wrap:wrap}.search{display:flex;align-items:center;gap:7px;background:#f7f9f3;border:1px solid #e8ecdf;border-radius:7px;flex:1;min-width:130px;padding-left:9px}.search span{font-size:21px;color:#8b997e}.search input{width:100%;min-width:0;border:0;background:transparent;font-size:11px;padding:9px 4px;color:var(--ink)}.toolbar select{font-size:10px;padding:8px;border:1px solid #e5eadf;border-radius:7px;background:#fff;color:#77856a;max-width:140px}.task-row{display:flex;gap:11px;align-items:center;padding:18px 23px;border-bottom:1px solid #eff2e9;transition:background .2s}.task-row:hover{background:#fbfcf8}.check{width:19px;height:19px;border:1.5px solid #cad4bd;border-radius:6px;background:white;flex:none;padding:0;line-height:1;font-size:12px}.check.checked{background:#93ab71;border-color:#93ab71;color:white}.task-text{min-width:0;flex:1}.task-name{font-size:12px;font-weight:500;line-height:1.5;background:transparent;padding:0;text-align:left;overflow-wrap:anywhere}.task-name:hover{color:#6c8b4b}.task-name.finished{text-decoration:line-through;color:#95a08c}.task-meta{display:flex;gap:9px;flex-wrap:wrap;align-items:center;margin-top:6px;font-size:9px;color:#9ba590}.project-tag{padding:2px 6px;background:#edf1e6;color:#839569;border-radius:4px}.priority{font-size:8px;border-radius:20px;padding:4px 8px;background:#f4f4ea;color:#8f9174;white-space:nowrap}.priority.high{background:#fbefdc;color:#b78c44}.delete-task{background:transparent;color:#9ca793;font-size:17px;padding:5px}.delete-task:hover{color:#b46858}.status-select{font-size:9px;max-width:94px;padding:4px;border:1px solid #e1e7d8;border-radius:5px;background:#fff;color:#778968}.quick-add{display:block;width:100%;background:#fff;padding:18px 23px;text-align:left;font-size:11px;color:#8aa070}.quick-add:hover{background:#f5f8ef}.focus-card{background:linear-gradient(145deg,#e5ecd5,#f0f3e5);border:1px solid #e0e7d2;border-radius:15px;padding:23px;text-align:center;overflow:hidden}.eyebrow{font-size:8px;letter-spacing:1.6px;color:#8a9b71}.focus-card h2{font-size:22px;letter-spacing:-.8px;line-height:1.3;font-weight:600;margin:15px 0 12px}.focus-card p{font-size:10px;color:#879574;margin-bottom:15px}.timer{font:500 43px Manrope,sans-serif;letter-spacing:-2px;color:#628049;margin:15px 0 20px;font-variant-numeric:tabular-nums}.timer-actions{display:flex;gap:7px}.timer-actions button{background:#fff9;border:1px solid #dbe3cf;border-radius:7px;font-size:10px;padding:10px 12px;color:#65804d}.timer-actions button:first-child{flex:1}.focus-card small{display:block;font-size:9px;color:#98a485;margin-top:15px}.project-panel{border-radius:15px;border:1px solid var(--line);background:white;margin-top:20px;padding:20px}.project-panel h2{font-size:13px;margin-bottom:20px}.project-item{margin-bottom:18px}.project-item:last-child{margin-bottom:0}.project-item>div{display:flex;justify-content:space-between;font-size:10px;color:#7f8c70;margin-bottom:8px}.project-track{height:4px;background:#f0f3e9;border-radius:5px;overflow:hidden}.project-track i{display:block;height:100%;background:#bdca9b}.privacy-note{text-align:center;font-size:9px;color:#a2aa98;margin-top:20px;line-height:1.8}.bottom-note{font-size:9px;color:#a8b09f;margin-top:30px;text-align:center}.empty{padding:55px 25px;text-align:center;color:#8c9c7a;font-size:12px}.empty b{display:block;font-size:17px;color:#647e4f;margin:0 0 10px}.mobile-nav{display:none}#board{padding:17px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.board-column{background:#f6f8f1;border-radius:9px;padding:10px;min-height:190px}.board-column h3{font-size:10px;font-weight:600;color:#8b9a79;display:flex;justify-content:space-between;margin:0 0 14px}.board-task{border:1px solid #e3e9d9;border-radius:8px;padding:13px 10px;background:white;margin-bottom:10px;box-shadow:0 3px 10px #34452603}.board-task .task-name{font-size:11px}.board-task .task-meta{margin-top:10px}.board-task select{width:100%;max-width:100%;margin-top:12px}.board-task .delete-task{float:right;font-size:14px}.board-task .priority{display:inline-block;margin:10px 0 0}dialog{width:min(520px,calc(100% - 30px));max-height:90svh;overflow:auto;background:#fcfdf8;border:1px solid #fff;border-radius:20px;padding:30px;color:var(--ink);box-shadow:0 25px 100px #1d331b33}dialog::backdrop{background:#1f322766;backdrop-filter:blur(5px)}.modal-head{display:flex;justify-content:space-between;align-items:start;margin-bottom:25px}.modal-head h2{font-size:27px;letter-spacing:-1px;margin:8px 0 0}.icon-button{background:transparent;font-size:25px;color:#8b997d}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 15px}form label{display:block;font-size:11px;color:#7f8d70;margin-bottom:18px}form input,form select,form textarea{display:block;width:100%;margin-top:7px;padding:11px;border:1px solid #dfe5d6;border-radius:8px;background:white;color:var(--ink);font-size:13px;min-width:0}form textarea{resize:vertical}.modal-footer{display:flex;justify-content:flex-end;gap:10px;margin-top:25px}#info-dialog p{font-size:13px;color:#7c8a70}#info-dialog .secondary{margin:12px}.toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);padding:13px 22px;background:#304b33;color:#fff;border-radius:12px;font-size:12px;z-index:40;box-shadow:0 10px 35px #0002;max-width:90vw}.wide .content-grid{grid-template-columns:1fr}.wide .right-panel{display:none}@media(min-width:1600px){main{padding-top:45px}.task-row{padding-block:23px}}@media(max-width:1150px){.sidebar{width:210px;padding:27px 16px}.app{margin-left:210px}main{padding:28px 24px}.content-grid{grid-template-columns:minmax(0,1fr) 220px;gap:16px}.summary{gap:10px}.stat{padding:16px 13px}.stat small{font-size:8px}.task-row{padding-inline:16px}.status-select{display:none}.board-task .status-select{display:block}.focus-card{padding:20px 14px}header{padding-inline:24px}}@media(max-width:900px){.sidebar{width:185px;padding-inline:12px}.brand{font-size:25px}.workspace{padding:10px 6px;gap:6px}.workspace>div{font-size:9px}.workspace small{font-size:8px}.content-grid{grid-template-columns:1fr}.right-panel{display:grid;grid-template-columns:1fr 1fr;gap:15px}.project-panel{margin-top:0}.privacy-note{grid-column:1/-1;margin:0}.app{margin-left:185px}h1{font-size:24px}.summary{grid-template-columns:1fr 1fr}.stat>strong{font-size:30px}.stat small{font-size:10px}.page-heading{align-items:start}.page-heading>.primary{font-size:10px;padding:10px 12px}.focus-card h2{font-size:20px}.status-select{display:block}}@media(max-width:650px){.sidebar{display:none}.app{margin:0}header{height:60px;padding:0 20px}.crumb{font-size:10px}.crumb span{margin:0 8px}.demo-tag{display:none}.avatar{width:29px;height:29px}main{padding:25px 17px 95px}.date{font-size:8px;letter-spacing:1px}h1{font-size:25px;line-height:1.3;letter-spacing:-1px}.mobile-break{display:block}.page-heading{gap:10px;margin-bottom:25px}.page-heading p{font-size:11px;max-width:220px;margin-top:10px}.page-heading>.primary{padding:10px 12px;font-size:10px;align-self:center}.summary{gap:10px;margin-bottom:20px}.stat{padding:16px;border-radius:12px}.stat>div:first-child{font-size:10px}.stat small{font-size:8px}.stat>strong{font-size:29px}.progress-track{margin-top:25px}.content-grid{gap:20px}.panel-heading{padding:20px 16px 16px}.toolbar{padding:0 16px 16px;gap:7px}.search{flex-basis:100%}.search input{font-size:16px;padding:8px}.toolbar select{flex:1;max-width:none;font-size:12px;padding:9px}.task-row{padding:17px 14px;gap:10px;flex-wrap:wrap}.task-name{font-size:13px}.task-meta{font-size:9px}.task-row .status-select{display:none}.priority{font-size:8px;padding:4px 6px}.delete-task{font-size:16px;padding:3px}.check{width:21px;height:21px}.right-panel{gap:12px}.focus-card{padding:20px 12px}.focus-card h2{font-size:18px}.focus-card .eyebrow{font-size:7px;letter-spacing:1px}.timer{font-size:36px}.focus-card p{font-size:9px}.project-panel{padding:18px 12px}.project-item>div{font-size:9px}.project-panel h2{font-size:12px}.mobile-nav{position:fixed;bottom:0;left:0;right:0;display:flex;justify-content:space-around;background:#fffffff2;backdrop-filter:blur(15px);border-top:1px solid #e1e8d6;z-index:20;padding:9px 8px max(9px,env(safe-area-inset-bottom))}.mobile-nav button{background:transparent;padding:2px 16px;display:flex;align-items:center;flex-direction:column;color:#9ba58f;font-size:9px;gap:2px;border-radius:8px}.mobile-nav button span{font-size:23px;line-height:1.2}.mobile-nav button.active{color:#577545;background:#eef4e4}.toast{bottom:85px}#board{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding:14px;gap:12px}.board-column{min-width:82%;scroll-snap-align:start}.board-task{padding:16px}.board-task .task-name{font-size:13px}.board-task select{font-size:13px;padding:8px}dialog{padding:24px}.form-grid{gap:0 12px}form input,form select,form textarea{font-size:16px}.bottom-note{font-size:8px}.wide .right-panel{display:none}}@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}