:root{color:#24324b;font-synthesis:none;text-rendering:optimizelegibility;background:#f7f9fc;font-family:Arial,Segoe UI,sans-serif}html{direction:rtl}body{min-width:320px;min-height:100vh;margin:0}button,input,select{font-family:inherit}button{cursor:pointer}#root{min-height:100vh}*{box-sizing:border-box}.app{background:radial-gradient(circle at 8% 4%,#ffdc7457,#0000 28%),radial-gradient(circle at 94% 7%,#8dbeff52,#0000 30%),radial-gradient(circle at 85% 85%,#ebc5ff33,#0000 28%),linear-gradient(145deg,#fffaf1,#f6f9ff 55%,#fff8fc);min-height:100vh;padding:48px 20px 80px}.container{width:min(980px,100%);margin:0 auto}.hero{justify-content:space-between;align-items:center;gap:28px;margin-bottom:26px;display:flex}.dayBadge{color:#9a7000;background:#fff0b5;border-radius:999px;margin-bottom:10px;padding:8px 15px;font-size:13px;font-weight:700;display:inline-block}.hero h1{color:#243250;margin:0;font-size:40px;line-height:1.15}.hero p{color:#7b879f;margin:8px 0 0;font-size:16px}.savingsCard{background:linear-gradient(135deg,#fff8d8,#fffdf4);border:1px solid #f2d779;border-radius:22px;align-items:center;gap:15px;min-width:235px;padding:20px 23px;display:flex;box-shadow:0 14px 35px #99740e1a}.moneyIcon{background:#fff0b6;border-radius:16px;place-items:center;width:48px;height:48px;font-size:26px;display:grid}.savingsCard span{color:#88754b;font-size:13px;display:block}.savingsCard strong{color:#745818;margin-top:3px;font-size:28px;display:block}.statsCard{background:#ffffffe6;border:1px solid #e6eaf3;border-radius:26px;grid-template-columns:180px 1fr;gap:22px;margin-bottom:24px;padding:20px;display:grid;box-shadow:0 17px 45px #384b7014}.todayReward{background:linear-gradient(135deg,#e8efff,#efeaff);border-radius:19px;padding:17px 20px}.todayReward span{color:#71809b;font-size:13px;display:block}.todayReward strong{color:#426bd5;margin:3px 0;font-size:31px;display:block}.todayReward small{color:#8e98aa;font-size:12px}.progressArea{flex-direction:column;justify-content:center;display:flex}.progressHeader{color:#6c7992;justify-content:space-between;margin-bottom:10px;font-size:13px;display:flex}.progressBar{background:#e9edf5;border-radius:999px;height:14px;overflow:hidden}.progressFill{border-radius:inherit;background:linear-gradient(90deg,#7668e8,#5689ef,#4bc1ce);height:100%;transition:width .3s}.plannerCard{background:#fffffff0;border:1px solid #e6eaf3;border-radius:27px;padding:28px;box-shadow:0 18px 50px #3c4c6e14}.plannerHeader{justify-content:space-between;align-items:center;margin-bottom:22px;display:flex}.plannerHeader h2{color:#293650;margin:0;font-size:27px}.plannerHeader p{color:#9099aa;margin:5px 0 0;font-size:13px}.taskCounter{color:#7764cf;background:#f0ebff;border-radius:999px;padding:8px 13px;font-size:12px;font-weight:700}.taskForm{background:linear-gradient(135deg,#f8f9fe,#f4f7fc);border-radius:19px;grid-template-columns:minmax(220px,2fr) 125px 125px 135px 105px;align-items:end;gap:11px;margin-bottom:25px;padding:18px;display:grid}.formField{min-width:0}.formField label{color:#78849b;margin:0 4px 6px;font-size:11px;font-weight:600;display:block}.formField input,.formField select{color:#36425c;background:#fff;border:1px solid #dce2ed;border-radius:12px;outline:none;width:100%;height:46px;padding:0 12px}.formField input::placeholder{color:#a1a9b8}.formField input:focus,.formField select:focus{border-color:#7c8ded;box-shadow:0 0 0 3px #7c8ded1c}.formField select{cursor:pointer}.addButton{color:#fff;background:linear-gradient(135deg,#7164e0,#4b87ed);border:0;border-radius:12px;height:46px;font-weight:700;transition:transform .2s,box-shadow .2s;box-shadow:0 7px 16px #5469e033}.addButton:hover{transform:translateY(-1px);box-shadow:0 10px 20px #5469e040}.tasks{flex-direction:column;gap:11px;display:flex}.task{background:#fff;border:1px solid #e0e6ef;border-radius:17px;grid-template-columns:82px 12px 1fr 34px;align-items:center;min-height:80px;padding:12px 15px;transition:transform .2s,box-shadow .2s,border-color .2s;display:grid}.task:hover{border-color:#cdd7e8;transform:translateY(-1px);box-shadow:0 8px 22px #42506e0f}.timeBlock{text-align:center}.timeBlock strong{color:#40506c;font-size:15px;display:block}.timeBlock span{color:#98a2b2;margin-top:2px;font-size:11px;display:block}.taskDot{background:#8b79e5;border-radius:50%;width:9px;height:9px;box-shadow:0 0 0 4px #eeeaff}.taskMain{cursor:pointer;align-items:center;gap:13px;display:flex}.taskMain input{accent-color:#6d64dc;width:20px;height:20px}.taskTitle{color:#303d58;font-size:15px;display:block}.taskMeta{color:#919caf;flex-wrap:wrap;gap:13px;margin-top:5px;font-size:11px;display:flex}.task.completed{background:#f4f7ff}.task.completed .taskTitle{color:#98a1b2;text-decoration:line-through}.deleteButton{color:#abb3c0;background:0 0;border:0;font-size:22px;transition:color .2s}.deleteButton:hover{color:#e36f78}.emptyState{color:#919bac;border:1px dashed #cdd6e4;border-radius:18px;flex-direction:column;align-items:center;padding:42px 20px;display:flex}.emptyState>span{margin-bottom:8px;font-size:31px}.emptyState strong{color:#59657d}.emptyState p{margin:5px 0 0;font-size:13px}.finishCard{background:linear-gradient(135deg,#faf8ff,#f4f8ff);border:1px solid #e4e0f5;border-radius:23px;justify-content:space-between;align-items:center;gap:20px;margin-top:22px;padding:23px 25px;display:flex;box-shadow:0 12px 30px #424d6f0d}.finishCard span,.finishCard small{color:#8a94a6;font-size:12px;display:block}.finishCard strong{color:#4e5e7e;margin:4px 0;font-size:21px;display:block}.finishButton{color:#fff;background:linear-gradient(135deg,#ffbb52,#ff895e);border:0;border-radius:14px;padding:14px 26px;font-weight:700;transition:transform .2s,box-shadow .2s;box-shadow:0 9px 22px #ff915940}.finishButton:hover{transform:translateY(-1px);box-shadow:0 12px 25px #ff91594d}@media (width<=850px){.taskForm{grid-template-columns:1fr 1fr}.taskNameField{grid-column:1/-1}.addButton{height:46px}}@media (width<=700px){.app{padding:25px 13px 60px}.hero{flex-direction:column;align-items:stretch}.hero h1{font-size:33px}.savingsCard{width:100%}.statsCard{grid-template-columns:1fr}.plannerCard{padding:19px}}@media (width<=520px){.taskForm{grid-template-columns:1fr}.taskNameField{grid-column:auto}.task{grid-template-columns:62px 10px 1fr 25px;padding-inline:10px}.taskMeta{flex-direction:column;gap:3px}.finishCard{flex-direction:column;align-items:stretch}.finishButton{width:100%}}.tabs{background:#fffc;border:1px solid #e4e8f1;border-radius:15px;gap:6px;margin-bottom:22px;padding:5px;display:inline-flex}.tabs button{color:#79849a;background:0 0;border:0;border-radius:11px;padding:10px 17px;font-weight:700}.tabs button.active{color:#fff;background:linear-gradient(135deg,#7568e8,#5288ef);box-shadow:0 6px 15px #5b68dc33}.historySection{background:#fffffff0;border:1px solid #e6eaf3;border-radius:27px;padding:28px;box-shadow:0 18px 50px #3c4c6e14}.historySummary{grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:25px;display:grid}.historySummary>div{background:linear-gradient(135deg,#f6f3ff,#f4f8ff);border-radius:18px;padding:18px}.historySummary span{color:#8993a6;font-size:12px;display:block}.historySummary strong{color:#475778;margin-top:5px;font-size:23px;display:block}.historyList{flex-direction:column;gap:18px;display:flex}.historyDay{background:#fff;border:1px solid #e2e7ef;border-radius:20px;overflow:hidden}.historyDayHeader{background:linear-gradient(135deg,#fbfbff,#f8faff);border-bottom:1px solid #edf0f5;justify-content:space-between;align-items:center;padding:18px 20px;display:flex}.historyDayHeader h3{color:#34415d;margin:0;font-size:18px}.historyDayHeader span{color:#929caf;margin-top:4px;font-size:12px;display:block}.historyEarned{text-align:left}.historyEarned strong{color:#5e67cf;font-size:23px;display:block}.historyTasks{flex-direction:column;display:flex}.historyTask{border-bottom:1px solid #f0f2f6;align-items:center;gap:13px;padding:15px 18px;display:flex}.historyTask:last-child{border-bottom:0}.historyTaskStatus{border-radius:50%;flex-shrink:0;place-items:center;width:29px;height:29px;font-weight:700;display:grid}.historyTask.done .historyTaskStatus{color:#319565;background:#e4f8ed}.historyTask.missed .historyTaskStatus{color:#d66670;background:#fff0f1}.historyTaskInfo strong{color:#38445d;font-size:14px;display:block}.historyTaskInfo>div{color:#929cad;flex-wrap:wrap;gap:12px;margin-top:4px;font-size:11px;display:flex}.historyTask.missed .historyTaskInfo strong{color:#9da5b3}.emptyHistory{color:#929cad;border:1px dashed #ced7e4;border-radius:19px;flex-direction:column;align-items:center;padding:55px 20px;display:flex}.emptyHistory>span{margin-bottom:10px;font-size:34px}.emptyHistory strong{color:#59667e}.emptyHistory p{margin:5px 0 0;font-size:13px}@media (width<=650px){.historySummary{grid-template-columns:1fr}.historyDayHeader{align-items:flex-start}}