.TaskContainer{background-color:linear-gradient(45deg,#eaf5e6,#daf1c6);padding:0 15px 80px}.TaskPagination{justify-content:center;align-items:center;gap:12px;margin-top:8px;display:flex}.TaskPager{color:#fff;background-color:#37bb91;border:none;border-radius:5px;padding:6px 12px;font-family:inherit;font-weight:600}.TaskPageButtons{gap:8px;font-family:inherit;display:flex}.TaskPageBtn{color:#fff;background-color:#37bb91;border:none;border-radius:5px;min-width:36px;padding:6px 10px;font-family:inherit;font-weight:600}.TaskPageBtn.active{background-color:#27a17b}
.TaskItem{width:100%;box-shadow:0 6px 10px var(--shadow-color-1);border-radius:14px;flex-direction:row;align-items:center;gap:12px;padding:12px;transition:transform .18s,box-shadow .18s;display:flex}.TaskItem h1{max-width:100%;margin:0}.TaskItem img{object-fit:contain;border-radius:5px;width:56px;height:56px}.TaskItemContent{flex-direction:column;flex:1;justify-content:center;align-items:flex-start;width:100%;min-width:0;display:flex}.TaskItemPoints{flex-direction:column;align-items:flex-end;gap:8px;padding-right:5px;display:flex}.done{background-color:var(--done-bg)}.undone{background:linear-gradient(180deg,var(--undone-grad-1),var(--undone-grad-2))}.points-badge{background:linear-gradient(90deg,var(--points-badge-grad-1),var(--points-badge-grad-2));border:1px solid var(--points-badge-border);border-radius:999px;padding:3px 10px;font-size:12px;font-weight:700}.status{color:var(--status-green-text);background:linear-gradient(180deg,var(--status-grad-1),var(--status-grad-2));border-radius:12px;padding:4px 10px;font-size:11px;transition:all .25s}.active-type{text-shadow:0 1px 2px rgba(255,255,255,.5);font-weight:600}@keyframes hourglass-spin{0%{transform:rotate(0)}25%{transform:rotate(10deg)}50%{transform:rotate(0)}75%{transform:rotate(-10deg)}to{transform:rotate(0)}}.hourglass-icon{transform-origin:50%;animation:1.5s ease-in-out infinite hourglass-spin;display:inline-block}@keyframes pulse-heart{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.active-icon{animation:1s ease-in-out infinite pulse-heart;display:inline-block}