.main-content{box-sizing:border-box;width:100%;max-width:1000px;margin:0 auto;padding:40px 5%}.h1-super{letter-spacing:-.04em;margin-bottom:24px;font-size:2.3rem;font-weight:800}.progress-card{border:1px solid var(--border);background:#fff;border-radius:20px;margin-bottom:40px;padding:24px;box-shadow:0 8px 20px #00000005}.progress-bar-bg{background:#f1f5f9;border-radius:999px;width:100%;height:10px;margin-top:12px;position:relative;overflow:hidden}.progress-bar-fill{background:var(--accent);border-radius:999px;height:100%;transition:width .6s cubic-bezier(.34,1.56,.64,1)}.filter-tabs{border-bottom:1px solid var(--border);white-space:nowrap;-ms-overflow-style:none;scrollbar-width:none;gap:12px;margin-bottom:30px;padding-bottom:12px;display:flex;overflow-x:auto}.filter-tabs::-webkit-scrollbar{display:none}.tab-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;padding:8px 16px;font-size:.95rem;font-weight:600;transition:all .2s}.tab-btn.active{color:var(--accent);position:relative}.tab-btn.active:after{content:"";background:var(--accent);height:2px;position:absolute;bottom:-13px;left:0;right:0}.todo-list-container{gap:12px;width:100%;display:grid}.swipe-wrapper{border-radius:16px;transition:all .3s;position:relative;overflow:hidden}.todo-item-card{border:1px solid var(--border);z-index:2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fffc;border-radius:16px;justify-content:space-between;align-items:center;padding:16px 18px;transition:transform .25s,box-shadow .25s;animation:.4s cubic-bezier(.2,.8,.2,1) backwards slideInUp;display:flex;position:relative}.todo-item-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0000000f}.todo-item-card.overdue{background:#fff5f5;border-color:#ef4444}.swipe-bg{z-index:1;background:#f8fafc;justify-content:space-between;align-items:center;padding:0 20px;display:flex;position:absolute;inset:0}.swipe-action{font-size:18px}.swipe-action.left{color:#16a34a}.swipe-action.right{color:#dc2626}.todo-left{flex:1;align-items:center;gap:14px;display:flex}.custom-checkbox{appearance:none;cursor:pointer;background:#fff;border:2px solid #cbd5e1;border-radius:7px;flex-shrink:0;width:22px;height:22px;transition:all .2s}.custom-checkbox:checked{background:var(--accent);border-color:var(--accent);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;background-size:12px}.todo-text{font-size:1rem;font-weight:500;transition:all .2s}.todo-text.completed{opacity:.5;text-decoration:line-through}.todo-date{color:var(--text-secondary);margin-top:2px;font-size:12px}.delete-btn{color:#e11d48;cursor:pointer;background:#fff1f2;border:none;border-radius:10px;justify-content:center;align-items:center;width:34px;height:34px;transition:all .2s;display:flex}.delete-btn:hover{background:#ffe4e6;transform:scale(1.1)}.removing{opacity:0;pointer-events:none;max-height:0;margin-bottom:0;padding:0;transition:all .4s;transform:translate(-110%)}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.removing{animation:.5s forwards slideOutRight}@keyframes slideOutRight{to{opacity:0;margin-bottom:-60px;transform:translate(100%)}}.todo-list-container>*{animation:.3s ease-out forwards slideUp}@media (max-width:600px){.h1-super{font-size:1.8rem}.progress-card{box-sizing:border-box;width:100%;padding:16px}.progress-bar-bg{width:100%;height:8px}.todo-item-card{flex-wrap:wrap;gap:12px;padding:14px}.todo-left{width:100%}.delete-btn{margin-left:auto}.filter-tabs{-webkit-overflow-scrolling:touch;margin-bottom:20px;padding-bottom:8px}}.menu-trigger{display:none}@media (max-width:768px){.menu-trigger{border:1px solid var(--border);cursor:pointer;background:#fff;border-radius:12px;justify-content:center;align-items:center;width:45px;height:45px;margin-bottom:20px;font-size:1.2rem;display:flex}}.btn-delete-small{color:#94a3b8;cursor:pointer;background:0 0;border:none;align-items:center;padding:0 8px;font-size:1.2rem;transition:all .2s;display:flex}.btn-delete-small:hover{color:#ef4444;transform:scale(1.2)}.delete-btn{color:#ef4444;cursor:pointer;background:#fff1f1;border:1px solid #fee2e2;border-radius:10px;justify-content:center;align-items:center;width:32px;height:32px;font-size:.9rem;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.delete-btn:hover{color:#fff;background:#ef4444;transform:rotate(90deg);box-shadow:0 4px 12px #ef444433}