@font-face{font-family:Vazir;src:local("Vazirmatn"),local("Vazir");font-display:swap}
:root{font-family:Vazir,Tahoma,Arial,sans-serif;color:#23302d;background:#f7f8f5;font-synthesis:none}
*{box-sizing:border-box}body{margin:0;min-width:320px}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}input,select,textarea{color:inherit}input::placeholder,textarea::placeholder{color:#a0aaa5}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}:focus-visible{outline:3px solid #86bda6;outline-offset:3px}
.app-shell{min-height:100dvh;display:grid;grid-template-columns:244px minmax(0,1fr)}.sidebar{background:#f1f4ef;border-left:1px solid #e4e9e2;display:flex;flex-direction:column;min-height:100dvh;padding:32px 17px 22px;position:sticky;top:0;height:100dvh}.sidebar-top{padding:0 14px}.brand{display:flex;align-items:center;gap:11px;font-size:19px;font-weight:800;letter-spacing:-.4px}.brand-mark{display:grid;place-items:center;width:56px;height:56px;border-radius:17px;background:#2d715c;color:white;font-size:28px;box-shadow:0 9px 25px #2d715c22}.brand-mark.small{width:35px;height:35px;border-radius:11px;font-size:18px;box-shadow:none}.workspace-label{font-size:12px;color:#8b9690;margin:32px 4px 14px}.main-nav{display:grid;gap:5px}.nav-item{width:100%;border:0;border-radius:10px;background:transparent;color:#596660;display:flex;align-items:center;gap:11px;text-align:right;padding:11px 12px;font-size:13px;font-weight:600;transition:background .15s,color .15s}.nav-item:hover{background:#e8eee7}.nav-item.active{background:#dceae1;color:#28674f}.nav-icon{font-size:19px;width:22px;line-height:1;text-align:center;font-family:Arial,sans-serif;font-weight:400}.nav-count{margin-right:auto;font-size:11px;color:#83918a;min-width:18px;text-align:center}.nav-item.active .nav-count{color:#28674f}.nav-divider{height:1px;background:#e1e8df;margin:11px 8px}.sidebar-bottom{margin-top:auto}.sidebar-note{background:#e6ede7;border-radius:14px;padding:14px 15px;color:#51725f;display:flex;align-items:flex-start;gap:9px;font-size:12px;line-height:1.9}.sidebar-note span{font-size:20px;line-height:1.2}.sidebar-note p{margin:0}.logout-button{margin-top:15px;width:100%;display:flex;align-items:center;justify-content:space-between;background:transparent;border:0;color:#7e8b84;padding:9px 13px;font-size:12px;text-align:right}.logout-button:hover{color:#a0443f}
.main-content{min-width:0}.topbar{height:73px;border-bottom:1px solid #e9ede7;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(26px,5vw,86px);font-size:12px;color:#9aa49d}.breadcrumb{display:flex;align-items:center;gap:10px}.breadcrumb strong{color:#56665d;font-weight:600}.topbar-date{margin:0}.page-content{max-width:1170px;margin:0 auto;padding:51px clamp(24px,5vw,72px) 90px}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:28px;margin-bottom:38px}.eyebrow{color:#489077;font-weight:700;font-size:11px;letter-spacing:.1px;margin:0 0 8px}.page-heading h1{font-size:clamp(29px,3.3vw,39px);letter-spacing:-1.4px;margin:0 0 11px;line-height:1.35}.page-subtitle{margin:0;color:#89978e;font-size:13px}.progress-card{width:235px;background:#fff;border:1px solid #eaf0e9;border-radius:14px;padding:17px 19px;box-shadow:0 8px 30px #21382b08;flex:none}.progress-copy{display:flex;justify-content:space-between;align-items:center;color:#66756b;font-size:12px;margin-bottom:13px}.progress-copy strong{font-family:Tahoma,sans-serif;font-size:19px;color:#317c60}.progress-track{height:6px;border-radius:10px;background:#e9f1e9;overflow:hidden}.progress-track span{display:block;width:0;height:100%;background:#4a9b73;border-radius:10px;transition:width .3s}.progress-card small{display:block;color:#a0aca1;font-size:10px;margin-top:10px}
.composer{background:#fff;border:1px solid #e8eee7;border-radius:17px;padding:24px 26px 22px;box-shadow:0 13px 42px #31463909}.composer-heading{display:flex;align-items:center;gap:8px;margin-bottom:19px}.composer-plus{display:grid;place-items:center;width:27px;height:27px;border-radius:8px;background:#e4f2e9;color:#388260;font-size:18px;line-height:1}.composer-heading h2{font-size:14px;margin:0;font-weight:800}.title-input{display:block;width:100%;padding:15px 17px;border:1px solid #e5ebe4;border-radius:10px;background:#fbfcfa;font-size:14px;outline:none}.title-input:focus,.field input:focus,.field textarea:focus,.field select:focus,.search-wrap input:focus{border-color:#6eaa86;box-shadow:0 0 0 3px #6eaa8625}.form-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:14px;margin-top:18px}.field{display:grid;gap:7px}.field label{font-size:11px;font-weight:700;color:#75847a}.field input,.field textarea,.field select{width:100%;border:1px solid #e5ebe4;border-radius:9px;padding:10px 12px;background:#fff;min-height:41px;font-size:12px;outline:none}.field textarea{resize:vertical;line-height:1.8}.field input[type=date]{direction:ltr;text-align:right}.composer-footer{display:flex;align-items:center;justify-content:space-between;margin-top:21px}.text-button{border:0;background:transparent;color:#688d78;padding:8px 0;font-size:11px;font-weight:700}.text-button:hover{text-decoration:underline}.primary-button{background:#2e785b;color:white;border:1px solid #2e785b;border-radius:9px;padding:10px 17px;font-size:12px;font-weight:800;min-height:40px;display:inline-flex;align-items:center;justify-content:center;gap:18px;transition:background .15s,transform .15s}.primary-button:hover{background:#226448;transform:translateY(-1px)}.notes-field{margin-top:17px}.form-error{color:#ad3d38;font-size:12px;margin:10px 0 0}
.list-section{margin-top:40px}.list-header{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:16px}.list-header h2{font-size:18px;margin:0;display:flex;align-items:center;gap:9px}.list-total{font-family:Tahoma,sans-serif;font-weight:400;font-size:11px;color:#6d8373;background:#eaf1e9;border-radius:7px;padding:3px 7px;line-height:1.5}.search-wrap{display:flex;align-items:center;gap:5px;border:1px solid #e7ece5;background:#fff;border-radius:9px;padding:0 11px;color:#91a099;width:205px}.search-wrap span{font-size:22px;line-height:1}.search-wrap input{width:100%;border:0;outline:none;height:37px;font-size:11px;background:transparent}.task-list{display:grid;gap:9px}.task-row{background:#fff;border:1px solid #e8eee7;border-radius:12px;display:flex;align-items:center;gap:13px;padding:15px 16px;min-height:74px;box-shadow:0 5px 20px #31463905;transition:border-color .15s,box-shadow .15s}.task-row:hover{border-color:#d7e4d9;box-shadow:0 8px 24px #3146390c}.task-check{appearance:none;flex:none;width:21px;height:21px;border:1.8px solid #b9c8bd;border-radius:50%;background:white;position:relative;cursor:pointer;margin:0}.task-check:checked{background:#3c926b;border-color:#3c926b}.task-check:checked:after{content:'✓';color:white;position:absolute;inset:-1px 0 0;text-align:center;font-family:Arial,sans-serif;font-size:14px;line-height:20px}.task-body{min-width:0;flex:1}.task-title{margin:0;font-size:13px;font-weight:700;line-height:1.6;overflow-wrap:anywhere}.task-row.done .task-title{text-decoration:line-through;color:#9aa69e}.task-meta{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-top:5px;color:#9ba79d;font-size:10px}.meta-chip{display:inline-flex;align-items:center;gap:4px}.meta-chip.overdue{color:#bf6258}.meta-chip.high{color:#bf6a4d}.meta-chip.low{color:#869592}.task-note{color:#a4b0a5;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:320px}.row-action{border:0;background:#f6f8f5;color:#839389;border-radius:8px;min-width:34px;min-height:34px;padding:4px;font-size:19px;line-height:1}.row-action:hover{background:#e8f2e9;color:#2e785b}.empty-state{text-align:center;background:#fff;border:1px dashed #d9e5da;border-radius:15px;padding:49px 20px;color:#93a096}.empty-icon{width:52px;height:52px;background:#eaf3ea;color:#5f9877;border-radius:15px;display:grid;place-items:center;margin:auto auto 16px;font-size:29px}.empty-state h3{margin:0 0 8px;color:#475a4e;font-size:16px}.empty-state p{font-size:12px;margin:0}
.login-screen{min-height:100dvh;background:radial-gradient(circle at 75% 15%,#e8f0e5,transparent 35%),#f7f8f5;display:grid;place-items:center;padding:24px}.login-card{background:#fff;border:1px solid #e7ede5;box-shadow:0 25px 70px #24433212;border-radius:20px;padding:42px;width:min(100%,420px)}.login-card .brand-mark{margin-bottom:30px}.login-card h1{font-size:28px;letter-spacing:-1px;margin:0 0 10px}.muted{font-size:13px;color:#89988c;line-height:1.8;margin:0}.login-form{display:grid;gap:9px;margin-top:32px}.login-form label{font-size:12px;font-weight:700}.login-form input{border:1px solid #e0e9df;border-radius:9px;padding:11px 13px;outline:none}.login-form .primary-button{margin-top:12px}.login-footnote{font-size:11px;color:#a8b3a9;margin:30px 0 0;text-align:center}
.edit-dialog{border:1px solid #e2eae0;border-radius:17px;width:min(92vw,510px);padding:27px;background:#fff;color:#23302d;box-shadow:0 20px 80px #19372833}.edit-dialog::backdrop{background:#1d332c88;backdrop-filter:blur(3px)}.edit-dialog form{display:grid;gap:17px}.dialog-header{display:flex;justify-content:space-between;align-items:start}.dialog-header h2{margin:0;font-size:21px}.icon-button{border:0;background:#f0f3ee;color:#6a766e;border-radius:8px;font-size:22px;width:31px;height:31px;line-height:1}.dialog-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.dialog-actions{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-top:5px}.dialog-actions>div{display:flex;gap:8px}.secondary-button,.danger-button{border:1px solid #e3e9e1;border-radius:9px;background:white;padding:10px 13px;font-size:11px;min-height:40px}.danger-button{color:#ae4b44}.danger-button:hover{background:#fff0ef}.secondary-button:hover{background:#f5f7f3}.toast{position:fixed;left:24px;bottom:24px;background:#263d32;color:#fff;padding:11px 18px;border-radius:9px;font-size:12px;box-shadow:0 10px 35px #1d332c33;z-index:10}
@media(max-width:840px){.app-shell{grid-template-columns:190px minmax(0,1fr)}.sidebar{padding-inline:10px}.page-content{padding-inline:25px}.topbar{padding-inline:25px}.page-heading{align-items:start}.progress-card{width:190px}.form-grid{grid-template-columns:1fr 1fr}.form-grid .field:last-child{grid-column:1/-1}}
@media(max-width:640px){.app-shell{display:block}.sidebar{position:relative;width:100%;height:auto;min-height:0;padding:16px 16px 10px;border-left:0;border-bottom:1px solid #e4e9e2}.sidebar-top{padding:0}.brand{font-size:16px}.brand-mark.small{width:31px;height:31px}.workspace-label,.sidebar-bottom,.nav-divider{display:none}.main-nav{display:flex;overflow:auto;gap:4px;margin-top:14px;padding-bottom:2px;scrollbar-width:none}.main-nav::-webkit-scrollbar{display:none}.nav-item{width:auto;white-space:nowrap;padding:8px 10px;font-size:11px}.nav-icon{font-size:16px;width:16px}.nav-count{display:none}.topbar{height:46px;padding:0 18px}.topbar-date{font-size:10px}.page-content{padding:30px 16px 70px}.page-heading{display:block;margin-bottom:25px}.page-heading h1{font-size:29px}.progress-card{margin-top:23px;width:100%}.composer{padding:20px 17px}.form-grid{grid-template-columns:1fr 1fr;gap:10px}.form-grid .field:last-child{grid-column:1/-1}.list-section{margin-top:32px}.list-header{align-items:start;flex-direction:column;gap:13px}.search-wrap{width:100%}.task-row{padding:13px 11px;gap:10px}.task-note{max-width:150px}.edit-dialog{padding:20px}.dialog-actions{align-items:stretch;flex-wrap:wrap}.dialog-actions>div{flex:1;justify-content:flex-end}}
@media(max-width:380px){.form-grid,.dialog-grid{grid-template-columns:1fr}.form-grid .field:last-child{grid-column:auto}.topbar-date{display:none}.dialog-actions>div{width:100%;justify-content:stretch}.dialog-actions>div button{flex:1}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

/* Three-part workspace and guided entry */
.new-item-button{flex:none;font-size:13px;padding:12px 18px;gap:9px;min-height:44px}.new-item-button span{font-size:18px;line-height:1}
.overview-card{display:flex;align-items:center;gap:17px;background:#fff;border:1px solid #e8eee7;border-radius:15px;padding:20px 24px;box-shadow:0 9px 30px #31463908}.overview-icon{display:grid;place-items:center;flex:none;width:43px;height:43px;border-radius:12px;background:#e6f2e9;color:#3b815f;font-size:23px}.overview-card>div:nth-child(2){min-width:0}.overview-card strong{font-size:14px}.overview-card p{margin:5px 0 0;color:#8a988e;font-size:11px;line-height:1.8}.overview-count{margin-right:auto;white-space:nowrap;color:#378364;background:#eaf4eb;border-radius:8px;padding:7px 11px;font-size:11px;font-weight:800}.reminder-overview .overview-icon{background:#fff1e9;color:#b96d45}.reminder-overview .overview-count{background:#fff1e9;color:#a66344}
.due-banner{margin-bottom:18px;display:flex;align-items:center;justify-content:space-between;gap:16px;background:#fff5ea;border:1px solid #f1dabe;border-radius:13px;padding:16px 21px;color:#885437}.due-banner strong{font-size:13px}.due-banner p{margin:4px 0 0;font-size:11px;color:#a07a5c}.due-banner .secondary-button{border-color:#e7cbaa;color:#885437;background:#fffaf4;white-space:nowrap}.due-banner .secondary-button:hover{background:#fff0dc}
.notification-setup{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:15px;background:#edf4ee;border:1px solid #dceadf;border-radius:13px;padding:16px 20px}.notification-setup strong{font-size:12px;color:#3a6a4e}.notification-setup p{margin:5px 0 0;color:#778b7b;font-size:11px;line-height:1.8;max-width:560px}.notification-setup .secondary-button{white-space:nowrap;color:#346c4d}
.filter-bar{display:flex;gap:7px;flex-wrap:wrap;margin:0 0 16px}.filter-chip{border:1px solid #e0e9df;background:#fff;color:#77867b;border-radius:8px;padding:7px 12px;font-size:11px;font-weight:700}.filter-chip:hover{background:#edf4ed}.filter-chip.active{background:#dcece0;color:#2e7657;border-color:#cfe3d4}.row-actions{display:flex;align-items:center;gap:5px}.row-delete{font-size:22px}.row-delete:hover{background:#fff0ef;color:#b0554c}.task-row.urgent{border-color:#f0dfca}.task-row.not-scheduled{background:#fafbf9}.task-row.not-scheduled .task-check{opacity:.45}.task-row.not-scheduled .task-title{color:#829087}
.wizard-dialog{width:min(94vw,560px);max-height:min(90dvh,800px);overflow:auto;border:1px solid #e3eae1;border-radius:18px;background:#fff;color:#23302d;padding:27px 30px 24px;box-shadow:0 24px 90px #19372833}.wizard-dialog::backdrop{background:#1d332c88;backdrop-filter:blur(3px)}.wizard-top{display:flex;align-items:start;justify-content:space-between;gap:16px}.wizard-top h2{font-size:22px;line-height:1.45;margin:0}.step-indicator{display:flex;align-items:center;margin:24px 0 25px;gap:8px}.step-indicator span{display:grid;place-items:center;width:24px;height:24px;border:1px solid #d9e5db;border-radius:50%;font-family:Tahoma,sans-serif;color:#9ead9e;font-size:11px;background:#fff}.step-indicator span.current,.step-indicator span.complete{background:#3c8d65;color:white;border-color:#3c8d65}.step-indicator i{display:block;width:34px;height:1px;background:#dce8de}.wizard-step{min-height:212px}.step-help{color:#7c8c80;font-size:12px;line-height:1.8;margin:0 0 20px}.type-options{display:grid;gap:9px}.type-card{display:flex;align-items:center;gap:12px;padding:13px 15px;border:1px solid #e4ebe3;border-radius:11px;cursor:pointer;transition:border-color .15s,background .15s}.type-card:hover,.type-card:has(input:checked){border-color:#8cbea0;background:#f1f8f1}.type-card:focus-within{outline:3px solid #86bda6;outline-offset:2px}.type-card input{accent-color:#38825d;width:17px;height:17px;flex:none}.type-icon{display:grid;place-items:center;width:34px;height:34px;background:#e7f1e7;color:#478363;border-radius:9px;font-size:18px;flex:none}.type-card strong,.type-card small{display:block}.type-card strong{font-size:12px}.type-card small{font-size:10px;color:#8f9e91;margin-top:4px}.wizard-step>.field{margin-top:15px}.wizard-extra{margin-top:18px}.optional{font-weight:400;color:#9cac9c}.day-fieldset{padding:0;border:0;margin:0;min-width:0}.day-fieldset legend{font-size:12px;font-weight:700;color:#65786a}.field-hint{font-size:11px;line-height:1.7;color:#91a094;margin:6px 0 13px}.day-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.day-grid label{display:flex;align-items:center;justify-content:center;gap:5px;padding:9px 5px;border:1px solid #e1e9e0;border-radius:8px;background:#fff;color:#748476;font-size:10px;cursor:pointer}.day-grid label:has(input:checked){background:#e8f3e9;color:#2d7853;border-color:#b9dbc3}.day-grid label:focus-within{outline:3px solid #86bda6;outline-offset:2px}.day-grid input{accent-color:#34825b;width:14px;height:14px;margin:0}.wizard-review{font-size:11px;color:#738575;background:#f3f7f1;border-radius:9px;padding:11px 13px;margin-top:22px;overflow-wrap:anywhere}.wizard-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid #edf1eb;margin-top:24px;padding-top:20px}.wizard-actions>div{display:flex;align-items:center;gap:14px}.wizard-actions .text-button{color:#87958a}.wizard-actions .primary-button{gap:9px}.wizard-dialog .form-error{margin-top:12px}
@media(max-width:640px){.page-heading{display:flex;align-items:start;flex-direction:column;gap:18px}.new-item-button{width:100%}.overview-card{padding:16px;gap:12px}.overview-count{font-size:10px}.due-banner,.notification-setup{align-items:stretch;flex-direction:column}.due-banner .secondary-button,.notification-setup .secondary-button{align-self:flex-start}.wizard-dialog{padding:21px 18px;max-height:94dvh}.day-grid{grid-template-columns:repeat(2,1fr)}.wizard-actions{align-items:stretch}.wizard-actions>div{gap:8px}.wizard-actions .text-button{padding:8px}.row-actions{gap:2px}}