:root{color:#121722;font-synthesis:none;text-rendering:optimizelegibility;background:#fff;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:#fff;min-width:320px;min-height:100vh;margin:0}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}.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;border:1px solid #d9dee8;border-radius:12px;width:min(1460px,100% - 32px);min-height:calc(100vh - 40px);margin:20px auto;overflow:hidden;box-shadow:0 18px 55px #1a274a14}.topbar{border-bottom:1px solid #e2e6ed;justify-content:space-between;align-items:center;min-height:78px;padding:0 34px;display:flex}.brand{color:#1456d9;letter-spacing:-.04em;font-size:1.55rem;font-weight:760;text-decoration:none}.progress-summary{color:#222935;align-items:center;gap:16px;font-size:.9rem;font-weight:560;display:flex}.progress-track{background:#e2e5eb;border-radius:999px;width:132px;height:7px;overflow:hidden}.progress-fill{border-radius:inherit;background:#1456d9;height:100%;transition:width .24s}.progress-summary button{color:#1456d9;background:0 0;border:0;padding:8px 0;font-size:.88rem;font-weight:650}.progress-summary button:disabled{color:#9da5b2}.workspace{grid-template-columns:minmax(0,1.65fr) minmax(390px,1fr);min-height:720px;display:grid}.tasks-pane{min-width:0;padding:34px 34px 54px}.tasks-pane>h1{color:#0c1018;letter-spacing:-.055em;margin:0 0 30px;font-size:clamp(2rem,3vw,2.8rem);font-weight:780;line-height:1}.task-entry h2{margin:0 0 12px;font-size:1rem;font-weight:720}.task-form{grid-template-columns:minmax(220px,1.8fr) minmax(150px,1.05fr) minmax(105px,.7fr) minmax(110px,.75fr) auto;align-items:end;gap:10px 16px;display:grid}.field{gap:7px;min-width:0;display:grid}.field>span{color:#616b7b;font-size:.75rem;font-weight:690}.field input,.field select,.edit-fields input,.edit-fields select{color:#18202c;background:#fff;border:1px solid #ccd2dc;border-radius:7px;outline:none;width:100%;height:48px;font-size:.9rem;transition:border-color .15s,box-shadow .15s}.field input,.field select{padding:0 12px}.field input:focus,.field select:focus,.edit-fields input:focus,.edit-fields select:focus{border-color:#1456d9;box-shadow:0 0 0 3px #1456d91f}.input-with-icon{position:relative}.input-with-icon svg{color:#626c7a;pointer-events:none;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.input-with-icon input{padding-left:39px}.add-button{color:#fff;white-space:nowrap;background:#1456d9;border:1px solid #1456d9;border-radius:7px;justify-content:center;align-items:center;gap:8px;height:48px;padding:0 17px;font-size:.88rem;font-weight:720;transition:background .15s,transform .15s;display:inline-flex;box-shadow:0 8px 18px #1456d933}.add-button:hover{background:#0f49bb}.add-button:active{transform:translateY(1px)}.task-section{margin-top:40px}.filter-row{border-bottom:1px solid #dfe3ea;gap:34px;display:flex}.filter-row button{color:#535d6c;background:0 0;border:0;padding:0 1px 14px;font-size:.93rem;font-weight:620;position:relative}.filter-row button:after{content:"";background:0 0;height:2px;position:absolute;bottom:-1px;left:0;right:0}.filter-row button.is-selected{color:#1456d9}.filter-row button.is-selected:after{background:#1456d9}.task-list{border:1px solid #dfe3ea;border-radius:9px;margin:10px 0 0;padding:0;list-style:none;overflow:hidden}.task-row{background:#fff;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:16px;min-height:86px;padding:14px 18px;animation:.18s both row-in;display:grid}.task-row+.task-row{border-top:1px solid #e5e8ee}.checkbox{color:#fff;background:#fff;border:1.5px solid #9fa8b6;border-radius:5px;place-items:center;width:23px;height:23px;padding:0;transition:background .16s,border-color .16s,transform .16s;display:inline-grid}.checkbox:hover{border-color:#1456d9;transform:scale(1.05)}.checkbox[aria-pressed=true]{background:#1456d9;border-color:#1456d9}.task-copy{min-width:0}.task-copy p{color:#202733;text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:.96rem;font-weight:610;line-height:1.35;overflow:hidden}.task-meta{color:#737d8d;text-transform:capitalize;flex-wrap:wrap;gap:8px 16px;margin-top:7px;font-size:.75rem;font-weight:560;display:flex}.task-meta span{align-items:center;gap:6px;display:inline-flex}.priority i{border-radius:50%;width:7px;height:7px}.priority-high i,.priority-dot-high{background:#e94c42}.priority-medium i,.priority-dot-medium{background:#f28b18}.priority-low i,.priority-dot-low{background:#1456d9}.repeat-meta{color:#667080}.task-actions{gap:6px;display:flex}.icon-button{color:#566171;background:0 0;border:0;border-radius:7px;place-items:center;width:38px;height:38px;padding:0;transition:color .15s,background .15s;display:inline-grid}.icon-button:hover{color:#1456d9;background:#f1f5fd}.icon-button-danger:hover{color:#cf3e36;background:#fff1f0}.icon-button-primary{color:#fff;background:#1456d9}.icon-button-primary:hover{color:#fff;background:#0f49bb}.is-complete .task-copy p{color:#89919e;text-decoration:line-through}.is-complete .task-meta{opacity:.72}.task-row-editing{background:#f8faff;grid-template-columns:minmax(0,1fr) auto}.edit-fields{grid-template-columns:minmax(190px,1fr) 150px 105px 115px;gap:9px 13px;display:grid}.edit-fields input,.edit-fields select{height:42px;padding:0 10px;font-size:.82rem}.empty-state{color:#7a8492;text-align:center;border:1px dashed #bfc6d1;border-radius:9px;align-content:center;place-items:center;min-height:220px;margin-top:10px;padding:40px 20px;display:grid}.empty-state h2{color:#202733;margin:13px 0 6px;font-size:1.05rem}.empty-state p{margin:0;font-size:.88rem}.calendar-panel{background:#fcfdff;border-left:1px solid #dfe3ea;min-width:0;padding:34px 34px 54px}.calendar-title-row{justify-content:space-between;align-items:center;margin-bottom:28px;display:flex}.calendar-title-row h2{color:#111722;letter-spacing:-.035em;margin:0;font-size:1.45rem;font-weight:760}.today-button{color:#1456d9;background:0 0;border:0;border-radius:6px;padding:7px 10px;font-size:.8rem;font-weight:700}.today-button:hover{background:#edf3ff}.month-navigation{grid-template-columns:36px 1fr 36px;align-items:center;margin-bottom:22px;display:grid}.month-navigation h3{color:#151b25;text-align:center;margin:0;font-size:1.06rem;font-weight:720}.calendar-nav-button{color:#4e5968;background:0 0;border:0;border-radius:7px;place-items:center;width:36px;height:36px;padding:0;display:inline-grid}.calendar-nav-button:hover{color:#1456d9;background:#edf3ff}.calendar-grid{grid-template-columns:repeat(7,minmax(0,1fr));gap:7px 4px;display:grid}.weekday{color:#7c8592;text-align:center;padding-bottom:8px;font-size:.7rem;font-weight:690}.calendar-day{color:#202733;background:0 0;border:1px solid #0000;border-radius:9px;align-content:space-between;place-items:center;min-width:0;height:52px;padding:7px 2px 5px;font-size:.84rem;font-weight:650;transition:border-color .14s,color .14s,background .14s;display:grid}.calendar-day:hover{background:#f3f7ff;border-color:#b9cdf5}.calendar-day.is-outside-month{color:#b1b7c1}.calendar-day.is-today:not(.is-selected){border-color:#9bb8f1}.calendar-day.is-selected{color:#fff;background:#1456d9;border-color:#1456d9;box-shadow:0 7px 18px #1456d938}.calendar-dots{gap:3px;min-height:5px;display:flex}.calendar-dot,.agenda-priority{border-radius:50%;width:5px;height:5px;display:block}.calendar-day.is-selected .calendar-dot{background:#fff}.day-agenda{border-top:1px solid #dfe3ea;margin-top:28px;padding-top:24px}.day-agenda>h3{color:#171e29;margin:0 0 12px;font-size:1rem;font-weight:740}.day-agenda ul{margin:0;padding:0;list-style:none}.day-agenda li{color:#29313d;border-bottom:1px solid #e6e9ef;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;min-height:54px;padding:10px 0;font-size:.82rem;line-height:1.35;display:grid}.day-agenda li:last-child{border-bottom:0}.agenda-priority{width:7px;height:7px}.agenda-repeat{color:#717b89;align-items:center;gap:5px;font-size:.72rem;font-weight:620;display:inline-flex}.day-agenda li.is-complete>span:not(.agenda-repeat){color:#929aa6;text-decoration:line-through}.agenda-empty{color:#7c8592;text-align:center;border:1px dashed #c8ced8;border-radius:8px;margin:0;padding:22px 16px;font-size:.82rem}footer{color:#7b8492;border-top:1px solid #e2e6ed;justify-content:space-between;padding:20px 34px;font-size:.77rem;font-weight:590;display:flex}@keyframes row-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@media (width<=1240px) and (width>=981px){.task-form{grid-template-columns:minmax(220px,1.4fr) minmax(150px,1fr) 110px}.repeat-field{grid-column:1}.add-button{grid-column:2/-1}.edit-fields{grid-template-columns:minmax(180px,1fr) 145px}}@media (width<=980px){.workspace{grid-template-columns:1fr}.calendar-panel{border-top:1px solid #dfe3ea;border-left:0}.task-form{grid-template-columns:minmax(220px,1.4fr) minmax(150px,1fr) 110px 120px auto}}@media (width<=760px){.app-shell{width:100%;min-height:100vh;box-shadow:none;border:0;border-radius:0;margin:0}.topbar{gap:18px;min-height:auto;padding:24px 20px 20px;display:grid}.progress-summary{grid-template-columns:1fr auto;gap:9px 14px;width:100%;display:grid}.progress-track{grid-area:2/1/auto/-1;width:100%}.progress-summary button{grid-area:1/2}.tasks-pane,.calendar-panel{padding:30px 20px 42px}.tasks-pane>h1{margin-bottom:26px;font-size:2.25rem}.task-form{grid-template-columns:1fr 1fr}.task-name-field,.add-button{grid-column:1/-1}.filter-row{gap:30px}.task-row{grid-template-columns:auto minmax(0,1fr) auto;gap:12px;min-height:96px;padding:15px 12px}.task-copy p{text-overflow:initial;white-space:normal;-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.task-meta{gap:7px 10px}.task-actions{display:grid}.icon-button{width:34px;height:32px}.task-row-editing{grid-template-columns:1fr}.task-row-editing .task-actions{justify-content:flex-end;display:flex}.edit-fields{grid-template-columns:1fr 1fr}.edit-fields label:first-child{grid-column:1/-1}.calendar-grid{gap:5px 2px}.calendar-day{height:48px}footer{padding:18px 20px}}@media (width<=440px){.task-form{grid-template-columns:1fr}.task-name-field,.date-field,.priority-field,.repeat-field,.add-button{grid-column:1}.calendar-panel{padding-left:14px;padding-right:14px}.calendar-day{height:44px;font-size:.78rem}footer span:last-child{display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
