.task__container{width:100%}.task__container-list{display:flex;flex-direction:column;gap:20px;list-style:none;width:100%}.task__container-list-item{padding:15px 10px;border:1px dashed var(--border-color);transition:all .3s ease;border-radius:8px;display:flex;justify-content:space-between;align-items:center;background-color:var(--background-secondary)}.task__container-list-item:hover{background-color:var(--background-hover);box-shadow:var(--shadow)}.task__container-list-item:active{cursor:-webkit-grabbing;cursor:grabbing}.task__container-list-item.dragging{opacity:.5;background-color:var(--background-hover);box-shadow:var(--shadow-hover)}.task__container-list-item-content{gap:10px;display:flex;align-items:center;flex:1 1;min-width:0}.task__container-list-item-content .custom-checkbox{display:flex;align-items:center;flex-shrink:0}.task__container-list-item-content .custom-checkbox input[type=checkbox]{display:none}.task__container-list-item-content .custom-checkbox .checkmark{width:24px;height:24px;border:2px solid var(--text-muted);border-radius:4px;margin-right:10px;position:relative;cursor:pointer;transition:all .3s ease;background-color:var(--background-primary)}.task__container-list-item-content .custom-checkbox .checkmark:hover{border-color:var(--blue);background-color:var(--background-hover)}.task__container-list-item-content .custom-checkbox input[type=checkbox]:checked+.checkmark{background-color:var(--light-blue);border-color:var(--blue)}.task__container-list-item-content .custom-checkbox input[type=checkbox]:checked+.checkmark:after{content:"";position:absolute;left:7px;top:2px;width:6px;height:12px;border:solid var(--blue);border-width:0 2px 2px 0;transform:rotate(45deg)}.task__container-list-item-content-task{color:var(--text-primary);transition:all .3s ease;cursor:pointer;flex:1 1;min-width:0;overflow:scroll;white-space:nowrap}.task__container-list-item-content-task:hover{color:var(--blue)}.task__container-list-item-content-task.completed{text-decoration:line-through;color:var(--text-secondary)}.task__container-list-item-content-input{flex:1 1;min-width:0;padding:8px;border:2px solid var(--border-color);border-radius:4px;background-color:var(--background-primary);color:var(--text-primary);font-size:inherit;transition:all .3s ease}.task__container-list-item-content-input:focus{outline:none;border-color:var(--blue);box-shadow:0 0 0 2px var(--light-blue)}.task__container-list-item-priority{flex-shrink:0;display:flex;align-items:center;margin:0 10px}.task__container-list-item-priority-indicator{width:20px;height:20px;border-radius:50%;border:1px solid var(--background-secondary);transition:all .3s ease;position:relative}.task__container-list-item-priority-indicator.priority-low{background-color:#22c55e;box-shadow:0 0 4px rgba(34,197,94,.3)}.task__container-list-item-priority-indicator.priority-medium{background-color:#eab308;box-shadow:0 0 4px rgba(234,179,8,.3)}.task__container-list-item-priority-indicator.priority-high{background-color:#ef4444;box-shadow:0 0 4px rgba(239,68,68,.3)}@media(max-width:768px){.task__container-list-item-priority-indicator{width:13px;height:13px}}.task__container-list-item-priority-indicator:after{content:"";position:absolute;top:50%;left:50%;width:50%;height:50%;border-radius:50%;transform:scale(1);background:inherit;opacity:.5;z-index:0;pointer-events:none}.task__container-list-item-priority-indicator.animate-ping-large:after,.task__container-list-item-priority-indicator.animate-subtle-blink:after{animation:none}.task__container-list-item-edit{display:flex;align-items:center;gap:10px;flex:1 1;min-width:0}.task__container-list-item-edit-buttons{display:flex;gap:8px;flex-shrink:0}.task__container-list-item-edit-buttons-cancel,.task__container-list-item-edit-buttons-save{background:none;border:none;cursor:pointer;padding:4px;border-radius:4px;font-size:16px;line-height:1;transition:all .3s ease;display:flex;align-items:center;justify-content:center;width:28px;height:28px}.task__container-list-item-edit-buttons-cancel:hover,.task__container-list-item-edit-buttons-save:hover{transform:scale(1.1);background-color:var(--background-hover)}.task__container-list-item-edit-buttons-cancel:focus,.task__container-list-item-edit-buttons-save:focus{outline:none;box-shadow:0 0 0 2px var(--light-blue)}.task__container-list-item-edit-buttons-save{color:var(--success)}.task__container-list-item-edit-buttons-save:hover{background-color:var(--success-light)}.task__container-list-item-edit-buttons-cancel{color:var(--error)}.task__container-list-item-edit-buttons-cancel:hover{background-color:var(--error-light)}.task__container-list-item-button{flex-shrink:0;margin-left:10px}.task__container-list-item-button-body{background:none;border:none;cursor:pointer;color:var(--text-secondary);transition:all .3s ease;padding:4px;border-radius:4px}.task__container-list-item-button-body:hover{color:var(--text-primary);background-color:var(--background-hover);transform:scale(1.1)}.task__container-list-item-button-body:focus{outline:none;box-shadow:0 0 0 2px var(--light-blue)}[data-draggable=true]{touch-action:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-user-drag:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}.task__container-list.dragging-over{background-color:var(--background-hover);border-radius:4px}@keyframes subtle-blink{0%,to{opacity:1}50%{opacity:.5}}.animate-subtle-blink{animation:subtle-blink 2s ease-in-out infinite}.modal__container{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.5);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease-in-out 0s;z-index:11}@media(max-width:768px){.modal__container{align-items:start}}.modal__container-content{max-width:450px;max-height:400px;margin:0 auto;width:100%;background:var(--background-secondary);border:1px solid var(--border-color);box-sizing:border-box;box-shadow:var(--shadow-hover);border-radius:8px;padding:24px 32px 40px;transition:all .3s ease}@media(max-width:768px){.modal__container-content{border:0;box-shadow:none;position:relative;top:130px;max-height:450px;margin:0 10px}}.modal__container-content-title-text{font-size:24px;font-weight:500;line-height:29.04px;text-align:left;color:var(--text-primary)}.modal__container-content-middle{margin:30px 0;display:grid;grid-gap:10px;gap:10px}.modal__container-content-middle-title{font-size:16px;font-weight:400;line-height:19.36px;text-align:left;color:var(--text-primary)}.modal__container-content-middle-body{max-width:386px;height:51px;padding:16px;gap:16px;border-radius:8px;border:1px solid var(--border-color);background-color:var(--background-primary);color:var(--text-primary);transition:all .3s ease}.modal__container-content-middle-body:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 0 2px var(--accent-color) 20}.modal__container-content-middle-body::placeholder{color:var(--text-muted)}.modal__container-content-priority{margin:20px 0;display:grid;grid-gap:10px;gap:10px}.modal__container-content-priority-title{font-size:16px;font-weight:400;line-height:19.36px;text-align:left;color:var(--text-primary)}.modal__container-content-priority-options{display:flex;gap:15px;flex-wrap:wrap}@media(max-width:768px){.modal__container-content-priority-options{gap:10px}}.modal__container-content-priority-option{display:flex;align-items:center;gap:8px;cursor:pointer;padding:8px 12px;border-radius:6px;transition:all .3s ease;border:1px solid transparent}.modal__container-content-priority-option:hover{background-color:var(--background-hover);border-color:var(--border-color)}.modal__container-content-priority-option-input{display:none}.modal__container-content-priority-option-indicator{width:16px;height:16px;border-radius:50%;border:2px solid var(--background-secondary);box-shadow:0 0 0 2px transparent;transition:all .3s ease}.modal__container-content-priority-option-indicator.priority-low{background-color:#22c55e}.modal__container-content-priority-option-indicator.priority-medium{background-color:#eab308}.modal__container-content-priority-option-indicator.priority-high{background-color:#ef4444}.modal__container-content-priority-option-label{font-size:14px;font-weight:400;color:var(--text-primary);white-space:nowrap}input:checked+.modal__container-content-priority-option-indicator{box-shadow:0 0 0 2px var(--accent-color);transform:scale(1.1)}input:checked~.modal__container-content-priority-option-label{font-weight:500;color:var(--accent-color)}.modal__container-content-buttons{display:flex;width:100%;gap:10px}@media(max-width:768px){.modal__container-content-buttons{flex-wrap:wrap}}.modal__container-content-buttons-add,.modal__container-content-buttons-cancel,.modal__container-content-buttons-delete{height:51px;padding:16px 24px;border:none;border-radius:8px;width:100%;cursor:pointer;transition:all .3s ease}.modal__container-content-buttons-add:hover,.modal__container-content-buttons-cancel:hover,.modal__container-content-buttons-delete:hover{transform:translateY(-2px);box-shadow:var(--shadow-hover)}.modal__container-content-buttons-add-text,.modal__container-content-buttons-cancel-text,.modal__container-content-buttons-delete-text{font-size:16px;font-weight:500;line-height:19.36px}.modal__container-content-buttons-add{background:var(--button-gradient)}.modal__container-content-buttons-add-text{color:var(--background-secondary)}.modal__container-content-buttons-cancel{background:var(--background-light-gray)}.modal__container-content-buttons-cancel-text{color:var(--text-primary)}.modal__container-content-buttons-delete{background:var(--button-gradient-cancel)}.modal__container-content-buttons-delete-text{color:var(--background-secondary)}.button__bottom{width:100%;max-width:450px;height:51px;border-radius:8px;border:none;background:var(--button-gradient);cursor:pointer;transition:all .3s ease}.button__bottom:hover{transform:translateY(-2px);box-shadow:var(--shadow-hover)}.button__bottom:focus{outline:2px solid var(--accent-color);outline-offset:2px}.button__bottom-text{font-family:var(--font-inter-tight),"Inter Tight",sans-serif;font-size:16px;font-weight:500;line-height:19.36px;color:var(--background-secondary)}.week-calendar{background-color:var(--background-secondary);border-radius:8px;box-shadow:var(--shadow);padding:16px;margin-bottom:24px;transition:all .3s ease}@media(max-width:768px){.week-calendar{overflow:scroll}}.week-calendar__header{display:grid;grid-template-columns:repeat(7,1fr);grid-gap:8px;gap:8px;margin-bottom:12px;text-align:center}.week-calendar__header-day{font-weight:600;color:var(--text-secondary);font-size:14px;padding:4px}.week-calendar__days{display:grid;grid-template-columns:repeat(7,1fr);grid-gap:8px;gap:8px}.week-calendar__day{aspect-ratio:1;border:none;background:none;border-radius:8px;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;transition:all .2s ease;position:relative;color:var(--text-primary)}.week-calendar__day:hover{background-color:var(--background-hover)}.week-calendar__day--today{background-color:var(--light-blue);color:var(--blue);font-weight:600}.week-calendar__day--today:after{content:"";position:absolute;bottom:4px;left:50%;transform:translateX(-50%);width:4px;height:4px;background-color:var(--blue);border-radius:50%}.week-calendar__day--selected{background-color:var(--blue);color:var(--background-secondary);font-weight:600}.week-calendar__day--selected:hover{background-color:var(--blue);opacity:.9}.week-calendar__day-number{font-size:16px}.task__page{max-width:800px;margin:0 auto;padding:24px;min-height:100vh;display:flex;flex-direction:column}.task__page-container{flex:1 1;background-color:var(--background-secondary);border-radius:8px;box-shadow:var(--shadow);padding:24px;margin-bottom:24px;transition:all .3s ease}.task__page-container-title{margin-bottom:24px}.task__page-container-title-text{font-size:24px;font-weight:600;color:var(--text-primary);text-transform:capitalize}.task__page-bottom{position:-webkit-sticky;position:sticky;bottom:24px;display:flex;justify-content:center;padding:16px;background-color:var(--background-secondary);border-radius:8px;box-shadow:var(--shadow);transition:all .3s ease}.completed__tasks-section{margin-top:32px;padding-top:32px;border-top:1px solid var(--border-color)}.completed__tasks-section-title{margin-bottom:24px}.completed__tasks-section-title-text{font-size:20px;font-weight:600;color:var(--text-secondary)}@media(max-width:768px){.task__page,.task__page-container{padding:16px}}