body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0}*,:after,:before{box-sizing:border-box;margin:0;padding:0}button{font-family:inherit}.app{-webkit-font-smoothing:antialiased;align-items:center;background:linear-gradient(145deg,#6366f1,#8b5cf6 50%,#a78bfa);display:flex;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Inter,sans-serif;min-height:100vh;padding:3.5rem 1rem 5rem}.app-header{color:#fff;margin-bottom:2rem;text-align:center}.app-icon{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:hsla(0,0%,100%,.2);border-radius:16px;display:inline-flex;font-size:1.5rem;height:52px;justify-content:center;margin-bottom:.875rem;width:52px}.app-title{font-size:2rem;font-weight:800;letter-spacing:-.5px;line-height:1.1}.app-date{font-size:.9375rem;font-weight:400;margin-top:.375rem;opacity:.75}.card{background:#fff;border-radius:20px;box-shadow:0 24px 64px rgba(0,0,0,.22),0 4px 16px rgba(0,0,0,.1);max-width:560px;overflow:hidden;width:100%}.progress-wrap{background:#e9d5ff;height:3px}.progress-fill{background:linear-gradient(90deg,#6366f1,#8b5cf6);border-radius:0 2px 2px 0;height:100%;transition:width .5s cubic-bezier(.4,0,.2,1)}.add-row{align-items:center;border-bottom:1px solid #f1f5f9;display:flex;gap:.625rem;padding:1.25rem 1.25rem 1rem}.add-input{background:#fafafa;border:2px solid #e2e8f0;border-radius:12px;color:#0f172a;flex:1 1;font-size:.9375rem;height:44px;outline:none;padding:0 1rem;transition:border-color .18s,background .18s,box-shadow .18s}.add-input::-webkit-input-placeholder{color:#94a3b8}.add-input::placeholder{color:#94a3b8}.add-input:focus{background:#fff;border-color:#6366f1;box-shadow:0 0 0 3px rgba(99,102,241,.12)}.add-btn{align-items:center;background:#6366f1;border:none;border-radius:12px;box-shadow:0 2px 8px rgba(99,102,241,.4);color:#fff;cursor:pointer;display:flex;flex-shrink:0;height:44px;justify-content:center;transition:background .18s,box-shadow .18s,-webkit-transform .12s;transition:background .18s,transform .12s,box-shadow .18s;transition:background .18s,transform .12s,box-shadow .18s,-webkit-transform .12s;width:44px}.add-btn:hover:not(:disabled){background:#4f46e5;box-shadow:0 4px 12px rgba(99,102,241,.5);-webkit-transform:scale(1.06);transform:scale(1.06)}.add-btn:active:not(:disabled){-webkit-transform:scale(.97);transform:scale(.97)}.add-btn:disabled{background:#e2e8f0;box-shadow:none;cursor:not-allowed}.filter-row{border-bottom:1px solid #f1f5f9;display:flex;gap:.25rem;padding:.625rem 1.25rem}.filter-btn{align-items:center;background:transparent;border:none;border-radius:8px;color:#64748b;cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:500;gap:.375rem;padding:.375rem .8rem;transition:background .15s,color .15s}.filter-btn:hover{background:#f1f5f9;color:#1e293b}.filter-btn.active{background:#ede9fe;color:#6366f1;font-weight:600}.filter-count{align-items:center;background:#f1f5f9;border-radius:9px;display:inline-flex;font-size:.6875rem;font-weight:700;height:18px;justify-content:center;line-height:1;min-width:18px;padding:0 5px}.filter-btn.active .filter-count{background:#c4b5fd;color:#4f46e5}.todo-list{list-style:none;min-height:72px;padding:.375rem 0}.empty-state{color:#94a3b8;font-size:.9375rem;font-style:italic;padding:2.5rem 1rem;text-align:center}.todo-item{align-items:center;display:flex;gap:.75rem;padding:.625rem 1.25rem;transition:background .12s}.todo-item:hover{background:#fafafa}.todo-item:hover .todo-delete{opacity:1}.todo-check{align-items:center;background:transparent;border:2px solid #cbd5e1;border-radius:50%;cursor:pointer;display:flex;flex-shrink:0;height:22px;justify-content:center;transition:border-color .18s,background .18s,-webkit-transform .12s;transition:border-color .18s,background .18s,transform .12s;transition:border-color .18s,background .18s,transform .12s,-webkit-transform .12s;width:22px}.todo-check:hover{border-color:#6366f1;-webkit-transform:scale(1.1);transform:scale(1.1)}.todo-check.checked{background:#6366f1;border-color:#6366f1;color:#fff}.todo-text{color:#1e293b;flex:1 1;font-size:.9375rem;line-height:1.45;transition:color .2s;word-break:break-word}.todo-item.completed .todo-text{color:#94a3b8;text-decoration:line-through;text-decoration-color:#cbd5e1}.todo-delete{align-items:center;background:transparent;border:none;border-radius:7px;color:#94a3b8;cursor:pointer;display:flex;flex-shrink:0;height:28px;justify-content:center;opacity:0;transition:background .15s,color .15s,opacity .15s;width:28px}.todo-delete:hover{background:#fee2e2;color:#ef4444}.card-footer{align-items:center;border-top:1px solid #f1f5f9;display:flex;justify-content:space-between;padding:.75rem 1.25rem}.clear-btn,.tasks-left{color:#94a3b8;font-size:.8125rem;font-weight:500}.clear-btn{background:transparent;border:none;border-radius:6px;cursor:pointer;padding:.25rem .5rem;transition:color .15s,background .15s}.clear-btn:hover{background:#fee2e2;color:#ef4444}@media (max-width:600px){.app{padding:2rem .75rem 4rem}.app-title{font-size:1.625rem}.card{border-radius:16px}}
/*# sourceMappingURL=main.715ad9d1.css.map*/