:root{color:#232c38;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--color-ink:#232c38;--color-muted:#7a8491;--color-border:#e9ecf0;--color-green:#477763;--color-green-dark:#385f4e;--color-green-soft:#edf5f0;background:#f6f7f9;font-family:Segoe UI,Arial,sans-serif}*{box-sizing:border-box}body{min-height:100vh;margin:0}button,input,select,textarea{font:inherit}button{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline-offset:2px;outline:3px solid #96bfa9}::selection{color:#23372e;background:#d4e7da}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.app-shell{background:#fff;max-width:1600px;min-height:100vh;margin:0 auto}.topbar{z-index:2;border-bottom:1px solid var(--color-border);background:#fff;justify-content:space-between;align-items:center;height:68px;padding:0 38px;display:flex;position:relative}.brand{color:var(--color-ink);letter-spacing:-.9px;align-items:center;gap:10px;font-family:Segoe UI,Arial,sans-serif;font-size:20px;font-weight:800;text-decoration:none;display:inline-flex}.brand-mark{background:var(--color-green);color:#fff;border-radius:10px;place-items:center;width:34px;height:34px;display:grid}.topbar-right{align-items:center;gap:15px;display:flex}.topbar-note{color:var(--color-muted);font-size:13px}.avatar{color:#446c56;background:#f0f5f1;border:1px solid #dbe6df;border-radius:50%;place-items:center;width:34px;height:34px;font-size:14px;font-weight:700;display:grid}.workspace{grid-template-columns:226px minmax(0,1fr);min-height:calc(100vh - 68px);display:grid}.sidebar{border-right:1px solid var(--color-border);background:#fcfcfd;flex-direction:column;min-width:0;padding:32px 17px 22px;display:flex}.sidebar-label,.sidebar-credit,.eyebrow{color:#959daa;letter-spacing:1.1px;font-size:10px;font-weight:700}.sidebar-label{margin-bottom:13px;padding:0 12px}.sidebar-nav{gap:5px;display:grid}.nav-link{color:#697482;cursor:pointer;text-align:left;background:0 0;border:0;border-radius:7px;align-items:center;gap:11px;min-height:42px;padding:0 12px;font-size:13px;font-weight:500;transition:background-color .15s,color .15s;display:flex}.nav-link:hover{color:var(--color-ink);background:#f0f3f1}.nav-link-active{background:var(--color-green-soft);color:var(--color-green-dark);font-weight:600}.nav-link-active:hover{color:var(--color-green-dark);background:#e5f0e9}.nav-count{color:#6e7883;background:#fff;border-radius:6px;place-items:center;min-width:22px;height:22px;margin-left:auto;font-size:11px;display:grid}.sidebar-bottom{gap:23px;margin-top:auto;display:grid}.focus-note{background:#fff;border:1px solid #e8ede9;border-radius:9px;padding:15px 13px 14px}.focus-note-icon{width:29px;height:29px;color:var(--color-green);background:#f0f5f1;border-radius:8px;place-items:center;margin-bottom:12px;display:grid}.focus-note p{color:#46534b;margin:0 0 5px;font-size:12px;font-weight:600}.focus-note>span:last-child{color:#87918b;font-size:11px;line-height:1.5}.sidebar-credit{letter-spacing:.9px;padding-left:4px;font-size:9px}.main-content{width:100%;min-width:0;max-width:1250px;margin:0 auto;padding:41px clamp(24px,4vw,56px) 56px}.page-heading{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:27px;display:flex}.date-eyebrow{color:var(--color-green);margin:0 0 7px;font-size:12px;font-weight:600}.page-heading h1{color:#252e38;letter-spacing:-1.1px;margin:0;font-family:Segoe UI,Arial,sans-serif;font-size:clamp(24px,2.4vw,30px);font-weight:700;line-height:1.25}.page-subtitle{color:var(--color-muted);margin:8px 0 0;font-size:13px;line-height:1.6}.button{cursor:pointer;border:1px solid #0000;border-radius:7px;justify-content:center;align-items:center;gap:8px;min-height:40px;padding:0 14px;font-size:12px;font-weight:600;transition:background-color .15s,border-color .15s;display:inline-flex}.button-primary{background:var(--color-green);color:#fff}.button-primary:hover{background:var(--color-green-dark)}.button-secondary{color:#5d6773;background:#fff;border-color:#e4e8eb}.button-secondary:hover{background:#f9fafb;border-color:#d5dadf}.add-task-button{flex-shrink:0}.stats-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:29px;display:grid}.stat-card{border:1px solid var(--color-border);background:#fff;border-radius:9px;min-height:116px;padding:15px 16px 13px}.stat-card-top{color:#727d89;justify-content:space-between;align-items:center;font-size:12px;font-weight:500;display:flex}.stat-icon{color:#72818c;background:#f3f5f6;border-radius:8px;place-items:center;width:29px;height:29px;display:grid}.stat-card-completed .stat-icon{color:var(--color-green);background:#edf5f0}.stat-card-pending .stat-icon{color:#73768b;background:#f3f4f8}.stat-card-priority .stat-icon{color:#ba8350;background:#fbf3e9}.stat-value{color:#27313b;letter-spacing:-.6px;margin-top:7px;font-family:Segoe UI,Arial,sans-serif;font-size:25px;font-weight:700;line-height:1.2}.stat-hint{color:#929ba5;margin:3px 0 0;font-size:10px}.content-grid{grid-template-columns:minmax(0,1fr);align-items:start;gap:19px;display:grid}.content-grid.with-form{grid-template-columns:minmax(0,1fr) minmax(280px,330px)}.task-section{min-width:0}.task-toolbar{border-bottom:1px solid var(--color-border);padding:0 0 15px}.toolbar-top{justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:13px;display:flex}.toolbar-top h2{color:#2c3540;letter-spacing:-.35px;margin:0;font-family:Segoe UI,Arial,sans-serif;font-size:16px;font-weight:700}.result-count{color:#89929d;white-space:nowrap;font-size:11px}.toolbar-controls{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:11px;display:flex}.search-field{color:#9aa2ab;background:#fff;border:1px solid #e8ebee;border-radius:7px;align-items:center;gap:8px;width:min(100%,255px);min-height:36px;padding:0 9px;display:flex}.search-field:focus-within{border-color:#b8cfc0;box-shadow:0 0 0 2px #47776317}.search-field input{width:100%;min-width:0;color:var(--color-ink);background:0 0;border:0;outline:0;padding:0;font-size:11px}.search-field input::placeholder{color:#a0a8b1}.search-field input:focus-visible{outline:0}.search-clear,.icon-button{color:#929ba4;cursor:pointer;background:0 0;border:0;border-radius:6px;flex-shrink:0;place-items:center;width:31px;height:31px;padding:0;transition:background-color .15s,color .15s;display:grid}.search-clear:hover,.icon-button:hover{color:#414b55;background:#f1f3f4}.search-clear{width:25px;height:25px}.filter-tabs{flex-wrap:wrap;align-items:center;gap:3px;display:flex}.filter-tab{color:#818a95;cursor:pointer;white-space:nowrap;background:0 0;border:0;border-radius:6px;min-height:31px;padding:0 9px;font-size:10px;font-weight:500;transition:background-color .15s,color .15s}.filter-tab:hover{color:#48525d;background:#f5f6f7}.filter-tab.active{color:var(--color-green-dark);background:#edf4ef;font-weight:600}.task-list{gap:10px;padding-top:13px;display:grid}.task-card{background:#fff;border:1px solid #eaedf0;border-radius:8px;align-items:flex-start;gap:12px;min-width:0;padding:15px 12px;transition:border-color .15s,background-color .15s;display:flex}.task-card:hover{background:#fefefe;border-color:#dce3dd}.task-card-completed{background:#fbfcfb}.task-check{color:#fff;cursor:pointer;background:#fff;border:1.5px solid #ced4d8;border-radius:50%;flex-shrink:0;place-items:center;width:18px;height:18px;margin-top:2px;padding:0;transition:border-color .15s,background-color .15s;display:grid}.task-check:hover{border-color:var(--color-green)}.task-check.is-checked{border-color:var(--color-green);background:var(--color-green)}.task-content{flex:1;min-width:0}.task-title-row{flex-wrap:wrap;align-items:center;gap:7px 9px;display:flex}.task-title{color:#2e3842;margin:0;font-size:12px;font-weight:600;line-height:1.45}.task-card-completed .task-title{color:#818a91;-webkit-text-decoration:line-through #a4aaa5;text-decoration:line-through #a4aaa5}.priority{color:#79838d;background:#f3f4f5;border-radius:4px;align-items:center;gap:5px;padding:3px 6px;font-size:9px;line-height:1.3;display:inline-flex}.priority-dot{background:#a1a8af;border-radius:50%;width:5px;height:5px}.priority-high{color:#b16f55;background:#fbf1ed}.priority-high .priority-dot{background:#c57c5d}.priority-medium{color:#9b8554;background:#f7f3e9}.priority-medium .priority-dot{background:#b69a58}.priority-low{color:#5b826b;background:#edf4ef}.priority-low .priority-dot{background:#6d9a7b}.task-description{color:#818b95;overflow-wrap:anywhere;margin:5px 0 0;font-size:11px;line-height:1.55}.task-meta{flex-wrap:wrap;align-items:center;gap:7px 13px;margin-top:10px;display:flex}.subject-label{color:#718078;font-size:10px;font-weight:500}.task-status{color:#818b94;font-size:10px}.task-status-completed{color:#4f7d62}.due-date{color:#9199a2;align-items:center;gap:4px;font-size:10px;display:inline-flex}.due-date.overdue{color:#ac6854}.task-actions{flex-shrink:0;gap:1px;margin:-5px -4px 0 0;display:flex}.task-actions .icon-button{width:29px;height:29px}.task-actions .delete-button:hover{color:#ad6354;background:#fbefed}.empty-state{text-align:center;justify-items:center;padding:42px 18px;display:grid}.empty-icon{width:44px;height:44px;color:var(--color-green);background:#f0f5f1;border-radius:13px;place-items:center;margin-bottom:12px;display:grid}.empty-state h3{color:#3c4650;margin:0 0 5px;font-size:13px;font-weight:600}.empty-state p{color:#88929c;max-width:280px;margin:0;font-size:11px;line-height:1.6}.form-panel{border:1px solid var(--color-border);background:#fff;border-radius:9px;min-width:0;padding:17px}.form-heading{border-bottom:1px solid #eef0f2;justify-content:space-between;align-items:flex-start;padding-bottom:13px;display:flex}.eyebrow{letter-spacing:.9px;font-size:9px}.form-heading h2{color:#2c3540;letter-spacing:-.4px;margin:3px 0 0;font-family:Segoe UI,Arial,sans-serif;font-size:17px;font-weight:700}.form-close{margin:-5px -5px 0 0}.task-form{gap:13px;padding-top:14px;display:grid}.field{color:#49545f;gap:6px;min-width:0;font-size:11px;font-weight:600;display:grid}.required-mark{color:#b9765e}.optional-label{color:#a0a8af;letter-spacing:.5px;margin-left:3px;font-size:8px;font-weight:600}.field input,.field textarea,.field select{color:#303a43;background:#fff;border:1px solid #e5e9ec;border-radius:6px;width:100%;min-width:0;padding:9px 10px;font-size:11px;font-weight:400}.field input,.field select{min-height:36px}.field textarea{resize:vertical;min-height:73px;line-height:1.5}.field input::placeholder,.field textarea::placeholder{color:#a1a9b1}.field select{cursor:pointer}.field-error input{border-color:#c98672}.field-error input:focus-visible{outline-color:#c98672}.field-error-message{color:#a95342;font-size:10px;font-weight:500}.form-row{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:10px;display:grid}.form-actions{justify-content:flex-end;gap:8px;padding-top:3px;display:flex}.form-actions .button{min-height:37px;padding:0 11px;font-size:11px}@media (width>=1500px){.main-content{padding-left:65px;padding-right:65px}}@media (width<=1050px){.content-grid.with-form{grid-template-columns:minmax(0,1fr)}.form-panel{order:-1}}@media (width<=760px){.topbar{height:60px;padding:0 20px}.workspace{grid-template-columns:1fr;align-content:start;min-height:calc(100vh - 60px)}.sidebar{border-right:0;border-bottom:1px solid var(--color-border);padding:12px 17px 10px;display:block}.sidebar-label,.sidebar-bottom{display:none}.sidebar-nav{gap:4px;display:flex;overflow-x:auto}.nav-link{flex-shrink:0;gap:7px;min-height:36px;padding:0 11px;font-size:11px}.nav-link svg{width:16px;height:16px}.nav-count{min-width:18px;height:18px;font-size:10px}.main-content{padding:28px 20px 40px}.page-heading{align-items:flex-start;margin-bottom:20px}.page-heading h1{font-size:25px}.page-subtitle{max-width:390px}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:24px}.stat-card{min-height:105px}.toolbar-controls{flex-direction:column;align-items:flex-start}.search-field{width:100%}.filter-tabs{max-width:100%}}@media (width<=480px){.topbar{padding:0 15px}.topbar-note{display:none}.main-content{padding:24px 15px 34px}.page-heading{flex-direction:column;align-items:flex-start;gap:13px}.page-heading h1{font-size:23px}.page-subtitle{max-width:315px;font-size:12px}.add-task-button{min-height:37px}.stat-card{padding:12px}.stat-card-top{font-size:11px}.stat-icon{width:26px;height:26px}.stat-value{font-size:23px}.filter-tabs{justify-content:space-between;gap:0;width:100%}.filter-tab{padding:0 7px;font-size:9px}.task-card{gap:9px;padding:13px 9px}.task-actions .icon-button{width:25px;height:28px}.task-actions .icon-button svg{width:15px;height:15px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}