body{margin:0}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif}.app-container{min-height:100vh;background:linear-gradient(135deg,#e0c3fc,#8ec5fc);padding:2rem}.todo-wrapper{max-width:700px;margin:0 auto}.todo-card{background:#fff;border-radius:20px;box-shadow:0 20px 60px #0000004d;padding:2rem}.title{font-size:2.5rem;font-weight:700;text-align:center;margin-bottom:2rem;color:#333}.input-container{display:flex;gap:.5rem;margin-bottom:1.5rem}.task-input{flex:1;padding:.75rem 1rem;border:2px solid #ddd;border-radius:10px;font-size:1rem;transition:border-color .3s}.task-input:focus{outline:none;border-color:#8b5cf6}.add-button{background:#8b5cf6;color:#fff;padding:.75rem 1.5rem;border:none;border-radius:10px;font-size:1rem;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:background .3s}.add-button:hover{background:#7c3aed}.tasks-list{display:flex;flex-direction:column;gap:.75rem}.empty-message{text-align:center;color:#999;padding:2rem;font-size:1.1rem}.task-item{display:flex;align-items:center;gap:.75rem;padding:1rem;background:#f9fafb;border-radius:10px;transition:background .3s}.task-item:hover{background:#f3f4f6}.task-item:hover .remove-button{opacity:1}.complete-button{background:none;border:none;cursor:pointer;display:flex;align-items:center;padding:0;transition:transform .2s}.complete-button:hover{transform:scale(1.1)}.icon-pending{color:#8b5cf6}.icon-completed{color:#10b981}.task-text{flex:1;font-size:1.1rem;color:#374151}.task-text.completed{text-decoration:line-through;color:#9ca3af}.remove-button{background:none;border:none;color:#ef4444;cursor:pointer;opacity:0;transition:all .3s;padding:.25rem;display:flex;align-items:center}.remove-button:hover{color:#dc2626;transform:scale(1.1)}.stats-container{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid #e5e7eb}.stats{display:flex;justify-content:space-between;font-size:.9rem;color:#6b7280}.stats strong{color:#374151}